العربية
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.downcodes. com</title> <style type="text/css"> <!-- /*Author:downcodes.com*/ body{ خلفية اللون:أبيض; حجم الخط: 12 بكسل؛ عائلة الخط: Arial، Helvetica، sans-serif؛ الهامش: 0 بكسل؛ الحشو: 0 بكسل؛ اللون: أبيض؛ } ul,li{ هامش:0px; الحشو: 0 بكسل؛ } لي { عرض: مضمنة؛ نمط القائمة: لا شيء؛ موقف نمط القائمة: خارج؛ محاذاة النص:مركز؛ وزن الخط: غامق؛ تعويم: يسار؛ } أ:رابط{ اللون:#336601; زخرفة النص: لا شيء؛ تعويم: يسار؛ العرض: 100 بكسل؛ الحشو: 3px 5px 0px 5px؛ } أ:زار{ اللون:#336601; زخرفة النص: لا شيء؛ تعويم: يسار؛ الحشو: 3px 5px 0px 5px؛ العرض: 100 بكسل؛ } أ:hover{ اللون:أبيض; تعويم: يسار؛ الحشو: 3px 3px 0px 20px؛ العرض: 88 بكسل؛ زخرفة النص: لا شيء؛ لون الخلفية:#539D26; } أ:نشط{ اللون:أبيض; تعويم: يسار؛ الحشو: 3px 3px 0px 20px؛ العرض: 88 بكسل؛ زخرفة النص: لا شيء؛ لون الخلفية:#BD06B4; } #nav{ العرض:600px; الارتفاع: 30 بكسل؛ الحد السفلي:0px; الحشو: 0px 5px؛ الموقف:مطلق؛ مؤشر z:1; } .list{ ارتفاع الخط:20px; محاذاة النص:يسار؛ الحشو: 4 بكسل؛ وزن الخط: عادي؛ } .menu1{ العرض:120 بكسل; الارتفاع: تلقائي؛ الهامش: 6 بكسل 4 بكسل 0 بكسل 0 بكسل؛ الحدود: 1 بكسل صلب #9CDD75؛ لون الخلفية: #F1FBEC؛ اللون: #336601؛ الحشو: 6 بكسل 0 بكسل 0 بكسل 0 بكسل؛ المؤشر:اليد؛ تجاوز-y:مخفي; } .menu2{ العرض: 120 بكسل؛ الارتفاع: 18 بكسل؛ الهامش: 6 بكسل 4 بكسل 0 بكسل 0 بكسل؛ لون الخلفية:#F5F5F5; اللون: #999999؛ الحدود: 1 بكسل صلب #EEE8DD؛ الحشو: 6 بكسل 0 بكسل 0 بكسل 0 بكسل؛ تجاوز-y:مخفي; المؤشر:اليد؛ }/*Author:downcodes.com*/ --> </style> </head> <body> <div id="nav"> <ul> <li class="menu2" onMouseOver="this.className=' Menu1'" onMouseOut="this.className='menu2'">القائمة <div class="list"> <a href="#">الصفحة الرئيسية WEBJX</a><br /> <a href=" #">المحتوى</a><br /> <a href="#">المحتوى</a><br /> <a href="#">المحتوى</a><br /> <a href="#">المحتوى</a><br /> <a href="#">المحتوى</a><br /> </div> </li> <li class = "menu2" onMouseOver = "this.className = 'menu1'" onMouseOut = "this.className = 'menu2'"> قم بتحديد <div class = "list"> <a href = "#"> اختر WEBJX < /a><br /> <a href="#">المحتوى</a><br /> <a href="#">المحتوى</a><br /> <a href=" #">الشاشة</a><br /> <a href="#">الشاشة</a><br /> </div> </li> <li class="menu2" onMouseOver= "this.className='menu1'" onMouseOut="this.className='menu2'">القائمة <div class="list"> <a href="#">الصفحة WEBJX</a><br / > <a href="#">المحتوى</a><br /> <a href="#">المحتوى</a><br /> </div> </li> <li class ="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">اختر <div class="list"> <a href="#">اكتب WEBJX</ a><br /> <a href="#">المحتوى</a><br /> <a href="#">المحتوى</a><br /> <a href="# ">المحتوى</a><br /> <a href="#">المحتوى</a><br /> <a href="#">المحتوى</a><br / > <a href="#">المحتوى</a><br /> <a href="#">المحتوى</a><br /> </div> </li> </ul > </div> </body> </html>
