<div dir="rtl" style="text-align: right;" trbidi="on">

<form method="POST">

<div style="text-align: center;">

<b><span style="color: #0b5394; font-size: small;">تمنحك هذه الاداة عد الاحرف مهما كان عددها فقط ضع الاحرف في الصندوق وإضغط على زر عد<br />يرجى ملاحظة يتم حساب الفواصل والفراغات أيضا ضمن الأحرف</span></b><br />

<b><span style="color: #0b5394; font-size: small;">كما يمكنك التحكم بحجم العداد من الزاوية اليسرى بالأسفل </span></b></div>

<br />

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody>

<tr><td><textarea name="charcount" style="box-shadow: 0px 0px 15px 2px #777; height: 298px; margin: 0px; width: 99%;" wrap="virtual"></textarea></td></tr>

<tr><td><div align="center">

<br />

<input class="button small blue" onclick="countchar(this)" onmouseout="this.className='button small blue'" onmouseover="this.className='button small green'" type="button" value="عد الأحرف" /> <input name="displaycount" size="20" type="text" /></div>

</td></tr>

</tbody></table>

</form>

<script language="JavaScript">

function countchar(what){

formcontent=what.form.charcount.value

what.form.displaycount.value=formcontent.length

}

</script><br /></div>

<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()+1
if (month<10)
month="0"+month
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
document.write("<small><font color='000000' face='Arial'><b>"+year+"/"+month+"/"+daym+"</b></font></small>")
</script> 

<style>
.styling{
background-color:black;
color:lime;
font: bold 16px MS Sans Serif;
padding: 3px;
}
</style>
<span id="digitalclock" class="styling"></span>
<script>
var alternate=0
var standardbrowser=!document.all&&!document.getElementById
if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="11"></form>')
function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"
if (hours==12) dn="PM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes
if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+" : "+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+" : "+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show
</script> 

<script type="text/javascript">
<!--
function octalchange()
{
var val = document.chmod.t_total.value;
var ownerbin = parseInt(val.charAt(0)).toString(2);
while (ownerbin.length<3) { ownerbin="0"+ownerbin; };
var groupbin = parseInt(val.charAt(1)).toString(2);
while (groupbin.length<3) { groupbin="0"+groupbin; };
var otherbin = parseInt(val.charAt(2)).toString(2);
while (otherbin.length<3) { otherbin="0"+otherbin; };
document.chmod.owner4.checked = parseInt(ownerbin.charAt(0));
document.chmod.owner2.checked = parseInt(ownerbin.charAt(1));
document.chmod.owner1.checked = parseInt(ownerbin.charAt(2));
document.chmod.group4.checked = parseInt(groupbin.charAt(0));
document.chmod.group2.checked = parseInt(groupbin.charAt(1));
document.chmod.group1.checked = parseInt(groupbin.charAt(2));
document.chmod.other4.checked = parseInt(otherbin.charAt(0));
document.chmod.other2.checked = parseInt(otherbin.charAt(1));
document.chmod.other1.checked = parseInt(otherbin.charAt(2));
calc_chmod(1);
};
function calc_chmod(nototals)
{
  var users = new Array("owner", "group", "other");
  var totals = new Array("","","");
  var syms = new Array("","","");
for (var i=0; i<users.length; i++)
{
  var user=users[i];
var field4 = user + "4";
var field2 = user + "2";
var field1 = user + "1";
//var total = "t_" + user;
var symbolic = "sym_" + user;
var number = 0;
var sym_string = "";
if (document.chmod[field4].checked == true) { number += 4; }
if (document.chmod[field2].checked == true) { number += 2; }
if (document.chmod[field1].checked == true) { number += 1; }
if (document.chmod[field4].checked == true) {
sym_string += "r";
} else {
sym_string += "-";
}
if (document.chmod[field2].checked == true) {
sym_string += "w";
} else {
sym_string += "-";
}
if (document.chmod[field1].checked == true) {
sym_string += "x";
} else {
sym_string += "-";
}
//if (number == 0) { number = ""; }
  //document.chmod[total].value =
totals[i] = totals[i]+number;
syms[i] =  syms[i]+sym_string;
  };
if (!nototals) document.chmod.t_total.value = totals[0] + totals[1] + totals[2];
document.chmod.sym_total.value = "-" + syms[0] + syms[1] + syms[2];
}
window.onload=octalchange
//-->
</script>
<form name="chmod">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" style="font:normal 12px Verdana";>
<TR ALIGN="LEFT" VALIGN="MIDDLE">
<TD>Permissions: </TD>
<TD><input type="text" name="t_total" value="751" size="4" onKeyUp="octalchange()"> </TD>
<TD><input type="text" name="sym_total" value="" size="12" READONLY="1" STYLE='border: 0px none; font-family: "Courier New", Courier, mono;'></TD>
</TR>
</TABLE>
<BR>
<table cellpadding="2" cellspacing="0" border="0" style="font:normal 12px Verdana">
<tr bgcolor="#333333">
<td WIDTH="60" align="left"> </td>
<td WIDTH="55" align="center" style="color:white"><b>owner
</b></td>
<td WIDTH="55" align="center" style="color:white"><b>group
</b></td>
<td WIDTH="55" align="center" style="color:white"><b>other
<b></td>
</tr>
<tr bgcolor="#dddddd">
<td WIDTH="60" align="left" nowrap BGCOLOR="#FFFFFF">read</td>
<td WIDTH="55" align="center" bgcolor="#EEEEEE">
<input type="checkbox" name="owner4" value="4" onclick="calc_chmod()">
</td>
<td WIDTH="55" align="center" bgcolor="#ffffff"><input type="checkbox" name="group4" value="4" onclick="calc_chmod()">
</td>
<td WIDTH="55" align="center" bgcolor="#EEEEEE">
<input type="checkbox" name="other4" value="4" onclick="calc_chmod()">
</td>
</tr>
<tr bgcolor="#dddddd"> <td WIDTH="60" align="left" nowrap BGCOLOR="#FFFFFF">write</td>
<td WIDTH="55" align="center" bgcolor="#EEEEEE">
<input type="checkbox" name="owner2" value="2" onclick="calc_chmod()"></td>
<td WIDTH="55" align="center" bgcolor="#ffffff"><input type="checkbox" name="group2" value="2" onclick="calc_chmod()">
</td>
<td WIDTH="55" align="center" bgcolor="#EEEEEE">
<input type="checkbox" name="other2" value="2" onclick="calc_chmod()">
</td>
</tr>
<tr bgcolor="#dddddd"> <td WIDTH="60" align="left" nowrap BGCOLOR="#FFFFFF">execute</td>
<td WIDTH="55" align="center" bgcolor="#EEEEEE">
<input type="checkbox" name="owner1" value="1" onclick="calc_chmod()">
</td>
<td WIDTH="55" align="center" bgcolor="#ffffff"><input type="checkbox" name="group1" value="1" onclick="calc_chmod()">
</td>
<td WIDTH="55" align="center" bgcolor="#EEEEEE">
<input type="checkbox" name="other1" value="1" onclick="calc_chmod()">
</td>
</tr>
</table> 

<style type="text/css">
.pagination{
padding: 2px;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}
.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}
.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}
.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}
.pagination a.prevnext{
font-weight: bold;
}
</style>
<div class="pagination">
<ul>
<li><a href="#" class="prevnext disablelink">« previous</a></li>
<li><a href="#" class="currentpage">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a>...</li>
<li><a href="#">15</a></li>
<li><a href="#">16</a></li>
<li><a href="#" class="prevnext">next »</a></li>
</ul>
</div> 

<style type="text/css">

.sidebarmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

font: bold 13px Verdana;

width: 180px; /* Main Menu Item widths */

border-bottom: 1px solid #ccc;

}

.sidebarmenu ul li{

position: relative;

}

/* Top level menu links style */

.sidebarmenu ul li a{

display: block;

overflow: auto; /*force hasLayout in IE7 */

color: white;

text-decoration: none;

padding: 6px;

border-bottom: 1px solid #778;

border-right: 1px solid #778;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{

background-color: #012D58; /*background of tabs (default state)*/

}

.sidebarmenu ul li a:visited{

color: white;

}

.sidebarmenu ul li a:hover{

background-color: black;

}

/*Sub level menu items */

.sidebarmenu ul li ul{

position: absolute;

width: 170px; /*Sub Menu Items width */

top: 0;

visibility: hidden;

}

.sidebarmenu a.subfolderstyle{

background: url(right.gif) no-repeat 97% 50%;

}

/* Holly Hack for IE \*/

* html .sidebarmenu ul li { float: left; height: 1%; }

* html .sidebarmenu ul li a { height: 1%; }

/* End */

</style>

<script type="text/javascript">

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu(){

for (var x=0; x<menuids.length; x++){

  var ultags=document.getElementById(menuids[x]).getElementsByTagName("ul")

    for (var t=0; t<ultags.length; t++){

    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"

  if (ultags[t].parentNode.parentNode.id==menuids[x]) //if this is a first level submenu

   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item

  else //else if this is a sub level submenu (ul)

    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it

    ultags[t].parentNode.onmouseover=function(){

    this.getElementsByTagName("ul")[0].style.display="block"

    }

    ultags[t].parentNode.onmouseout=function(){

    this.getElementsByTagName("ul")[0].style.display="none"

    }

    }

  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars

  ultags[t].style.visibility="visible"

  ultags[t].style.display="none"

  }

  }

}

if (window.addEventListener)

window.addEventListener("load", initsidebarmenu, false)

else if (window.attachEvent)

window.attachEvent("onload", initsidebarmenu)

</script>

<div class="sidebarmenu">

<ul id="sidebarmenu1">

<li><a href="#">تعديل</a></li>

<li><a href="#">تعديل</a></li>

<li><a href="#">تعديل</a>

  <ul>

  <li><a href="#">تعديل</a></li>

  <li><a href="#">تعديل</a></li>

  </ul>

</li>

<li><a href="#">تعديل</a></li>

<li><a href="#">تعديل</a>

  <ul>

  <li><a href="#">تعديل</a></li>

  <li><a href="#">تعديل</a>

    <ul>

    <li><a href="#">تعديل</a></li>

    <li><a href="#">تعديل</a></li>

    <li><a href="#">تعديل</a></li>

    <li><a href="#">تعديل</a></li>

    </ul>

  </li>

</ul>

</li>

<li><a href="#">تعديل</a></li>

</ul>

</div> 

<body>
<script language=javascript>Image0=new Image();Image0.src="عنوان الصورة هنا";Amount=20;Ymouse=-50;Xmouse=-50;Ypos=new Array();Xpos=new Array();Speed=new Array();rate=new Array();grow=new Array();Step=new Array();Cstep=new Array();nsSize=new Array();ns=(document.layers)?1:0;WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt){Ymouse=(document.layers)?evnt.pageY-20:event.y-20;Xmouse=(document.layers)?evnt.pageX:event.x;}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;for(i=0;i<Amount;i++){Ypos[i]=Math.random()*WinHeight-Ymouse;Xpos[i]=Xmouse;Speed[i]=Math.random()*10+1;Cstep[i]=0;Step[i]=Math.random()*0.1+0.05;grow[i]=4;nsSize[i]=Math.random()*15+5;rate[i]=Math.random()*0.5+0.1;}
if(ns){for(i=0;i<Amount;i++){document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");}}
else{document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for(i=0;i<Amount;i++){document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');}
document.write('</div></div>');}
function MouseBubbles(){var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;for(i=0;i<Amount;i++){sy=Speed[i]*Math.sin(270*Math.PI/180);sx=Speed[i]*Math.cos(Cstep[i]*5);Ypos[i]+=sy;Xpos[i]+=sx;if(Ypos[i]<-40){Ypos[i]=Ymouse;Xpos[i]=Xmouse;Speed[i]=6+Math.random()*3;grow[i]=4;nsSize[i]=Math.random()*15+5;}
if(ns){document.layers['sn'+i].left=Xpos[i]+wscrll;document.layers['sn'+i].top=Ypos[i]+hscrll;}
else{si[i].style.pixelLeft=Xpos[i]+wscrll;si[i].style.pixelTop=Ypos[i]+hscrll;si[i].style.width=grow[i];si[i].style.height=grow[i];}
grow[i]+=rate[i];Cstep[i]+=Step[i];if(grow[i]>24)grow[i]=25;}
setTimeout('MouseBubbles()',10);}
MouseBubbles();//-->
</script>
</body> 

<style>
/* The CSS Code for the menu starts here bloggerspice.com */
 #BloggerSpiceSimpleMenu {
 width:800px;
 background:#005C91;
 border-bottom: 5px solid #1A1A1A;
 border-top: 1px solid #1A1A1A;
 clear: both;
 overflow: hidden;
-moz-box-shadow: 2px 3px 5px #000000;
-webkit-box-shadow: 2px 3px 5px #000000;
box-shadow: 2px 3px 5px #000000;
border:none 5px #000000;
-moz-border-radius-topleft: 16px;
-moz-border-radius-topright:16px;
-moz-border-radius-bottomleft:16px;
-moz-border-radius-bottomright:16px;
-webkit-border-top-left-radius:16px;
-webkit-border-top-right-radius:16px;
-webkit-border-bottom-left-radius:16px;
-webkit-border-bottom-right-radius:16px;
border-top-left-radius:16px;
border-top-right-radius:16px;
border-bottom-left-radius:16px;
border-bottom-right-radius:16px;
 }
 #BloggerSpiceSimpleMenu ul {
 float: left;
 width: 100%;
 }
 #BloggerSpiceSimpleMenu li {
 float: left;
 list-style-type: none;
 }
 #BloggerSpiceSimpleMenu li a {
 background:#005C91;
 color: #fff;
 display: block;
 font-size: 14px;
 padding: 5px 17px 5px 15px;
 position: relative;
 text-decoration: none;
 }
 #BloggerSpiceSimpleMenu li a:hover {
 background:#000000;
 color: #fff;
 }
 #BloggerSpiceSimpleMenu li li a {
 background: none;
 background-color: #111111;
 border: 1px solid #1A1A1A;
 border-top-width: 0;
 color: #fff;
 font-size: 14px;
 padding: 5px 10px;
 position: relative;
 text-transform: none;
 width: 130px;
 }
 #BloggerSpiceSimpleMenu li li a:hover {
 background: none;
 background-color: #005C91;
 }
 #BloggerSpiceSimpleMenu li ul {
 height: auto;
 left: -9999px;
 margin: 0 0 0 -1px;
 position: absolute;
 width: 160px;
 z-index: 9999;
 }
 #BloggerSpiceSimpleMenu li:hover ul {
 left: auto;
 }
</style>
<div id="BloggerSpiceSimpleMenu">
<li><a href="#">Home</a></li>
<li><a href="#">Sub Menu 1</a>
 <ul>
<li><a href="#"> Menu 1</a></li>
<li><a href="#"> Menu 2</a></li>
<li><a href="#"> Menu 3</a></li>
</ul>
</li>
<li><a href="#">Sub Menu 2</a>
 <ul>
<li><a href="#"> Menu 1</a></li>
<li><a href="#"> Menu 2</a></li>
<li><a href="#"> Menu 3</a></li>
</ul>
</li>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="http://www.bloggerspice.com/">Menu 5</a></li>
</div> 

<!--Links used to initiate the sub menus. Pass in the desired submenu index numbers (ie: 0, 1) -->
<a href="http://www.algme3.com" onMouseover="showit(0)">دليل العرب الشامل</a> | <a href="http://www.algme3.com/" onMouseover="showit(1)">المنتديات</a><br>
<!-- Edit the dimensions of the below, plus background color-->
<ilayer width=400 height=32 name="dep1" bgColor="#E6E6FF">
<layer name="dep2" width=400 height=32>
</layer>
</ilayer>
<div id="describe" style="background-color:#E6E6FF;width:400px;height:32px" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>
<script language="JavaScript1.2">
var submenu=new Array()
//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.
submenu[0]='<font size="2" face="Verdana"><b><a href="http://www.algme3.com/">الرئيسية</a> | <a href="http://www.algme3.com/g3">دليل المواقع</a> | <a href="http://www.algme3.com/book">الكتب الالكترونية</a> | <a href="http://www.algme3.com/mail.html">راسلنا</a></b></font>'
submenu[1]='<font size="2" face="Verdana"><b><a href="http://www.algme3.com/vb/">الرئيسية</a> | <a href="http://www.algme3.com/vb/register.php?">التسجيل</a> | <a href="http://www.algme3.com/vb/search.php?do=getnew">مشاركات جديدة</a> | <a href="http://www.algme3.com/vb/faq.php?">الأسئلة الشائعة</a></b></font>'
//Set delay before submenu disappears after mouse moves out of it (in milliseconds)
var delay_hide=500
/////No need to edit beyond here
var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""
function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}
function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}
function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
</script> 

<center>
<form name="combowithtext">
<select name="example" size="1" onChange="showtext()" style="border-style: dashed; border-width: 1px">
<option value="http://www.google.com">google</option>
<option value="http://www.1.com">1</option>
<option value="http://www.q8smart.com">q8smart</option>
</select>
<input type="button" value="إأضغط"
onClick="gothere()"><br>
<textarea rows=5 cols=28 wrap="virtual" name="text" style="border-style: dashed; border-width: 1px"></textarea>
<script language="javascript">
var shortcut=document.combowithtext
var descriptions=new Array()
//extend this list if neccessary to accomodate more selections
descriptions[0]="يمكنك التعديل والزياده لروابط"
descriptions[1]="اهلا وسهلا فيكم بموقع الجميع"
descriptions[2]="الحماية الشامله لموقعي + الدعم الفني طوال السنة"
shortcut.text.value=descriptions[shortcut.example.selectedIndex]
function gothere(){
location=shortcut.example.options[shortcut.example.selectedIndex].value
}
function showtext(){
shortcut.text.value=descriptions[shortcut.example.selectedIndex]
}
</script>
</form>
</center> 

</STYLE> 

<script language = "JavaScript"> 

<!-- 

//PLF-http://www.jejavascript.net/ 

window.moveTo(0,0) //place la page en haut à gauche de l'écran 

window.resizeTo(screen.width,(screen.height-25)) //ouvre la page à la taille de l'écran(-25 pixels en largeur)  

if ((screen.width <= 800) && (screen.height <= 600)) { 

document.write("<style>.lienmenu { font-family: arial; font-size: 14px; position: absolute; width: 200px;visibility:hidden; z-index: 2;}</style>"); 

} 

else { 

document.write("<style>.lienmenu { font-family: arial; font-size: 18px; position: absolute; width: 200px;visibility:hidden; z-index: 2;}</style>"); 

} 

window.setTimeout("sens()", 20000); 

window.setTimeout("sens2()",40000); 

function sens(){ 

deg_rot =Math.PI / -180; 

window.setTimeout("sens()", 40000); 

} 

function sens2(){ 

deg_rot =Math.PI / 180; 

window.setTimeout("sens2()", 40000); 

} 

function menu_roue() { 

for (var i = 0; i < dep.length; i++) { 

dep[i] += deg_rot; objlien[i].visibility = 'visible'; 

objlien[i].left = (rayon * Math.cos(dep[i])) + cent_larg 

objlien[i].top = (rayon * Math.sin(dep[i])) + cent_long; 

} 

vit_roue = setTimeout("menu_roue()", 100); 

} 

function creer_objlien() { 

objlien = new Array(lienmenu1, lienmenu2, lienmenu3, lienmenu4, lienmenu5, lienmenu6, lienmenu7, lienmenu8, lienmenu9, lienmenu10, lienmenu11, lienmenu12); 

dep = new Array(); 

dep[0] = 0; 

for (var i = 1; i < objlien.length; i++) { 

dep[i] = parseFloat(dep[i - 1] + ((2 *Math.PI) / objlien.length)); 

} 

menu_roue(); 

} 

function mouss_stop() { 

deg_old=deg_rot; 

deg_rot=0 

} 

function mouss_start() { 

deg_rot=deg_old; 

} 

var deg_rot =Math.PI / 180; // Math.PI / -180 rotation inversée 

var rayon = ((screen.height)/4); 

var cent_larg = ((screen.width)/2)-60; 

var cent_long = ((screen.height)/2)-rayon/2; 

var objlien; 

var dep; 

//-->

</script>

</head>

<body>

<div id = "lienmenu1" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "menuroue2.htm" >Afficher le code</a></div> 

<div id = "lienmenu2" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "#" >Lien vide</a></div> 

<div id = "lienmenu3" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "http://tavutatete.jejavascript.net/" target="_blank">TAVUTATETE</a></div> 

<div id = "lienmenu4" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "#" >Lien vide</a></div> 

<div id = "lienmenu5" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "menuroue2.htm" >Afficher le code</a></div> 

<div id = "lienmenu6" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "#" >Lien vide</a></div> 

<div id = "lienmenu7" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "http://www.jejavascript.net/" target="_blank">Je JavaScript</a></div> 

<div id = "lienmenu8" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "#" >Lien vide</a></div> 

<div id = "lienmenu9" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "menuroue2.htm" >Afficher le code</a></div> 

<div id = "lienmenu10" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "#" >Lien vide</a></div> 

<div id = "lienmenu11" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "http://www.lacuisinedemacopine.net" target="_blank" >La cuisine de ma Copine</a></div> 

<div id = "lienmenu12" onMouseOver="mouss_stop()" onMouseOut="mouss_start()" class = "lienmenu"> <a href = "#" >Lien vide</a></div> 

<script language = "JavaScript"> 

<!-- 

var lienmenu1 = eval(document.getElementById("lienmenu1").style);  

var lienmenu2 = eval(document.getElementById("lienmenu2").style);  

var lienmenu3 = eval(document.getElementById("lienmenu3").style);  

var lienmenu4 = eval(document.getElementById("lienmenu4").style);  

var lienmenu5 = eval(document.getElementById("lienmenu5").style);  

var lienmenu6 = eval(document.getElementById("lienmenu6").style);  

var lienmenu7 = eval(document.getElementById("lienmenu7").style);  

var lienmenu8 = eval(document.getElementById("lienmenu8").style);  

var lienmenu9 = eval(document.getElementById("lienmenu9").style);  

var lienmenu10 = eval(document.getElementById("lienmenu10").style);  

var lienmenu11 = eval(document.getElementById("lienmenu11").style);  

var lienmenu12 = eval(document.getElementById("lienmenu12").style);  

creer_objlien(); 

//--> 

</script> 

</body>  

<style type="text/css">
#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #D25A0B; /*Brown color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/
border-top: 1px solid white;
}
#modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/
color: white;
}
#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
color: white;
border-color: #D25A0B; /*Brown color theme*/
}
#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}
#myform .textinput{
width: 190px;
border: 1px solid gray;
}
#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}
</style>
<div id="modernbricksmenu2">
<ul>
<li style="margin-left: 1px"><a href="http://www.1.com" title="الجميع">
<font size="3">الرئيسيه</font></a></li>
<li><a href="http://www.1.com/g3" title="الجميع"><font size="3">دليل</font></a></li>
<li id="current"><a href="http://www.1.com/mklit" title="المقالات">
<font size="3">جديدنا</font></a></li>
<li><a href="http://1.com" title="خدماتنا"><font size="3">انتاجنا</font></a></li> <li><a href="http://www.1.com/vb/" title="المنتديات"><font size="3">منتدانا</font></a></li> </ul>
<form id="myform">
<font size="3">
<input type="text" class="textinput" /></font> <font size="3"> <input class="submit" type="submit" value="بحث" /></font>
</form>
</div>
<br style="clear: left" /> 

 

 <html>

 <head>

 <style type="text/css">

 ul{

 float:left;

 width:100%;

 padding:0;

 margin:0;

 list-style-type:none;}

 a{

 float:left;

 width:6em;

 text-decoration:none;

 color:white;

 background-color:purple;

 padding:0.2em 0.6em;

 border-right:1px solid white;}

 a:hover {background-color:#ff3300}

 li {display:inline}

 </style>

 </head>

 

 <body>

 <ul>

 <li>

 <p align="center"><a href="#">البرامج</a></li>

 <li>

 <p align="center"><a href="#">منتدى</a></li>

 <li>

 <p align="center"><a href="#"><font color="#FFFF00">الاسلاميات</font></a></li>

 <li>

 <p align="center"><a href="#">خدماتنا</a></li>

 </ul>

 

 <p>

 هنا تضع ما تحب</p>

 

 </body>

 </html>