جدول يتغير ألوانه و يظهر وصف

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD


<style type="text/css">
<!--
.zaharatb {font-family:Arial;
font-weight:bold;
color:black;
text-decoration:none;
FONT-SIZE:16px
}

-->
</style>

<script language="javascript">
<!--
function movein(which,html){
which.style.background='coral'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}

function moveout(which){
which.style.background='bisque'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=' '
else
boxdescription.innerHTML=' '
}
</script>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<table align="center" bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0" width="350">
<tr>
<td align="center" class="zaharatb" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'علمتني الحياة … ان لكل بداية نهاية … و بعد كل نهاية هناك بداية جديدة. لا يفصل بينهما الا لحظة . و بتلك اللحظة لا بد لنا من الانهيار الى حطام فالعدم … الى لا شيء. بدون ان نترك اثرا او بقايا فلا فائدة مرجوة من لملمة بقايا اشلائنا المتناثرة')" onmouseout="moveout(this)">
<a href="https://zaharatb.yoo7.com/">زهرات البستان</a></td></tr>
<tr>
<td align="center" class="zaharatb" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'اكود جاهزة--JavaScript')" onmouseout="moveout(this)">
<a href="https://zaharatb.yoo7.com/f8-montada#.UGso8pgxp8k">اكود جاهزة--JavaScript</a></td></tr>
<tr>
<td align="center" class="zaharatb" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'اكود جاهزة--JavaScript/اكود جاهزة--css')" onmouseout="moveout(this)">
<a href="https://zaharatb.yoo7.com/"> أكواد جاهزة</a></td></tr>
<tr>
<td align="center" class="zaharatb" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'<a href=https://zaharatb.yoo7.com/register>هنا</a>')" onmouseout="moveout(this)">
<a href="https://zaharatb.yoo7.com/">لتسجيل بالضغط </a></td></tr>
<tr>
<td align="center" bordercolor="black" bgcolor="#CCFFFF" height="18"><font id="boxdescription" face="Tahoma" size="4"></font></td></tr>
</table>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تستطيع الفصل بين التعليق والجدول وتضعه في المكان الذي يناسب تصميم صفحتك اليك الطريقة
قد فصل حقل الوصف لوحده ووضعته في جدول كي استطيع التحكم به

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

جدول القائمة

<table align="center" bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0" width="350">
<tr>
<td align="center" class="zaharatb" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'علمتني الحياة … ان لكل بداية نهاية … و بعد كل نهاية هناك بداية جديدة. لا يفصل بينهما الا لحظة . و بتلك اللحظة لا بد لنا من الانهيار الى حطام فالعدم … الى لا شيء. بدون ان نترك اثرا او بقايا فلا فائدة مرجوة من لملمة بقايا اشلائنا المتناثرة')" onmouseout="moveout(this)">
<a href="https://zaharatb.yoo7.com/">زهرات البستان</a></td></tr>
<tr>
<td align="center" class="zaharatb" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'اكود جاهزة--JavaScript')" onmouseout="moveout(this)">
<a href="https://zaharatb.yoo7.com/f8-montada#.UGso8pgxp8k">اكود جاهزة--JavaScript</a></td></tr>
<tr>
<td align="center" class="zaharatb" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'اكود جاهزة--JavaScript/اكود جاهزة--css')" onmouseout="moveout(this)">
<a href="https://zaharatb.yoo7.com/"> أكواد جاهزة</a></td></tr>
<tr>
<td align="center" class="zaharatb" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'<a href=https://zaharatb.yoo7.com/register>هنا</a>')" onmouseout="moveout(this)">
<a href="https://zaharatb.yoo7.com/">لتسجيل بالضغط </a></td></tr>
</table>

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

جدول الوصف

<table align="right" width="300px" height="100px" border="1>
<tr>
<td align="center" bordercolor="black" bgcolor="#66CCCC" height="18"><font id="box" face="Tahoma" size="4" color="#FFFF33"></font></td>
</tr>
</table>