ممكن تعديل بسيط على لون في جافا

السلام عليكم يا أحلى الناس
أنا ضعيف جدا في أكواد جافا
لم أستطع حتى وضع وسم للون للكتابة
إذا كان في الإمكان 
أريد أن أجعل هذه الكلمات التالية باللون الأخظر وإذا كان ممكن أريد أيضا وسم نوع الخط

وصف الرابط ال1ي
وصف الرابط ال2ي
وصف الرابط ال3ي
...




الكود

الكود:

<script type='text/javascript'>
//<![CDATA[



var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<big><b>وصف الرابط ال1ي</b></big><br>'
content[1]='<big><b>وصف الرابط ال2ي</b></big><br>'
content[2]='<big><b>وصف الرابط ال3ي</b></big><br>'
content[3]='<big><b>وصف الرابط ال4ي</b></big><br>'
content[4]='<big><b>وصف الرابط ال5ي</b></big><br>'
content[5]='<big><b>وصف الرابط ال6ي</b></big><br>'
content[6]='<big><b>وصف الرابط ال7ي</b></big><br>'
content[7]='<big><b>وصف الرابط ال8ي</b></big><br>'
content[8]='<big><b>وصف الرابط ال9ي</b></big><br>'








function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}

function changetext(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML='<font face="Tahoma"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Tahoma"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function appear(){
document.d1.visibility='show'
}

window.onload=regenerate2



//]]>

</script>
 

وشكراااااااااااا

أين الردود. أعلم أن في هذا المنتى أساتذة وخبراء في لغات البرمجة
إذا لم تعرفوا وضيفة الكود:
هذا الكود جافا هو عيارة عن وصف للصورة أو لكتابة
عندما أضع الكود جافا
و أضع هذا الكود html 

الكود:

<layer height='200' id='d2' width='200'>
<div align='center' id='descriptions'>

<!--Change below to default content of your own-->
<strong><font color='#ffffff' face='Arial'/></strong>
<strong><font color='#ffffff' face='Arial'>عرض وصف للروابط
        </font></strong><font face='Tahoma'>

        </font>
<!--Stop editting-->


</div>
</layer>

مثلا عندي صورة (التسجيل) 
سأضع داخلها الوسم التالي:
onmouseover='changetext(content[0])'


وسألاحظ عند مرور الماوس على صورة التسجيل 
أنه يظهر في مكان ذلك الكود html الوصف التالي:
وصف الرابط ال1ي
لأن الكود جافا مبرمج على اظهار وصف الوسم content[0]
في مكان الكود html 

---------------------
هذه المعلومات إظافية فقط 
ممكن تساعدوني أريد كود للون

هذا الكود كامل
الكود فيه تعديلات من عندي
إذا أردتم إظافته إلى التقنيات المتقدمة
ما يهمني الأن أن أستطيع تغيير لون الخط

الكود:

<layer height='200' id='d2' width='200'>
<div align='center' id='descriptions'>

<!--Change below to default content of your own-->
<strong><font color='#000000' face='Arial'/></strong>
<strong><font color='#0000000' face='Arial'>alwasf al awal
       </font></strong><font face='Tahoma'>

       </font>
<!--Stop editting-->


</div>
</layer>


<script type='text/javascript'>
//<![CDATA[



var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<big><b>111111111111111</b></big><br>'
content[1]='<big><b>2222222222222222</b></big><br>'
content[2]='<big><b>3333333333333</b></big><br>'
content[3]='<big><b>44444444444444</b></big><br>'
content[4]='<big><b>وصف الرابط ال5ي</b></big><br>'
content[5]='<big><b>وصف الرابط ال6ي</b></big><br>'
content[6]='<big><b>وصف الرابط ال7ي</b></big><br>'
content[7]='<big><b>وصف الرابط ال8ي</b></big><br>'
content[8]='<big><b>وصف الرابط ال9ي</b></big><br>'








function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}

function changetext(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML='<font face="Tahoma"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Tahoma"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function appear(){
document.d1.visibility='show'
}

window.onload=regenerate2



//]]>

</script>


<a href='الرابط' title='services des Travaux'>
<img onmouseover='changetext(content[0])' src='رابط الصورة 0' style='border: 0px; height: 26px; margin-top: 5px; vertical-align: top; width: 31px;'/>
  
  <a href='الرابط' title='services des Travaux'>
<img onmouseover='changetext(content[1])' src='رابط الصورة 1' style='border: 0px; height: 26px; margin-top: 5px; vertical-align: top; width: 31px;'/>
    
    <a href='الرابط' title='services des Travaux'>
<img onmouseover='changetext(content[2])' src='رابط الصورة 2' style='border: 0px; height: 26px; margin-top: 5px; vertical-align: top; width: 31px;'/>
      
      <a href='الرابط' title='services des Travaux'>
<img onmouseover='changetext(content[3])' src='رابط الصورة 3' style='border: 0px; height: 26px; margin-top: 5px; vertical-align: top; width: 31px;'/>

مرحبا بك تم تعديل الكود

تفضل

الكود:

<layer height='200' id='d2' width='200'>
<div align='center' id='descriptions'>
 
<!--Change below to default content of your own-->
<strong><font color='#000000' face='Arial'/></strong>
<strong><font color='#0000000' face='Arial'>alwasf al awal
      </font></strong><font face='Tahoma'>
 
      </font>
<!--Stop editting-->
 
 
</div>
</layer>
 
 
<script>
<!--

var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<big><b>111111111111111</b></big><br>'
content[1]='<big><b>2222222222222222</b></big><br>'
content[2]='<big><b>3333333333333</b></big><br>'
content[3]='<big><b>44444444444444</b></big><br>'
content[4]='<big><b>وصف الرابط ال5ي</b></big><br>'
content[5]='<big><b>وصف الرابط ال6ي</b></big><br>'
content[6]='<big><b>وصف الرابط ال7ي</b></big><br>'
content[7]='<big><b>وصف الرابط ال8ي</b></big><br>'
content[8]='<big><b>وصف الرابط ال9ي</b></big><br>'


function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}

function changetext(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML='<font face="Arial"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Arial"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function appear(){
document.d1.visibility='show'
}

window.onload=regenerate2


//-->
</script>

<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
    color: green;
}
-->
<script language="javascript">{  }
var preload=new Image();
preload.src="(image.gif)";
</SCRIPT>   
}
</script> <style type="text/css">{  }
.style1 {
   font-family: Arial, Helvetica, sans-serif;
   color: #666666;
}
-->
-->
</style>
<style fprolloverstyle>A:hover {color: #D90000}
</style><script language="JavaScript1.2">

function makevisible(cur,which){
strength=(which==0)? 1 : 0.2

if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}

</script>

</style>
 
 
<a href='http://homaff.blogspot.com/p/st.html' title='services des Travaux'>
<img onmouseover='changetext(content[0])' src='رابط الصورة 0' style='border: 0px; height: 26px; margin-top: 5px; vertical-align: top; width: 31px;'/>
 
  <a href='http://homaff.blogspot.com/p/st.html' title='services des Travaux'>
<img onmouseover='changetext(content[1])' src='رابط الصورة 1' style='border: 0px; height: 26px; margin-top: 5px; vertical-align: top; width: 31px;'/>
 
    <a href='http://homaff.blogspot.com/p/st.html' title='services des Travaux'>
<img onmouseover='changetext(content[2])' src='رابط الصورة 2' style='border: 0px; height: 26px; margin-top: 5px; vertical-align: top; width: 31px;'/>
   
      <a href='http://homaff.blogspot.com/p/st.html' title='services des Travaux'>
<img onmouseover='changetext(content[3])' src='رابط الصورة 3' style='border: 0px; height: 26px; margin-top: 5px; vertical-align: top; width: 31px;'/>

اولا ستظهر لك كلمه alwasf al awal باللون الاسود لو تريدها ان تتغير الى لون الاخضر كل ما عليك ان تغير
<strong><font color='#0000000' face='Arial'>alwasf al awal
قم بتغير وسم اللون #0000000 الى اللون الاخضر

وبخصوص عند المرور على الازرار تظهر كتابه وصف القسم فتم تغيرها الى اللون الاخضر

شكرا جزيلا 
سأجرب الكود... الأن

شكرا لدعمك. لكن...
ليس هذا قصدي 
أنا أريد تغيير لون تلك content
11111111111
و
22222222222
و 
33333333333
...

أنت عدلت الكود 
لم ألاحظ هه شكرا جزيلا 
احترامي لك