المشاركة رقم تم النشر فى :28 - 05 - 2014
.AWARDS
المدير العام
وسام الاداره
المدير العام
وسام المدير العام
وسام وارث سنابل العطاء
شكرا الاداره
وسام التقييم الحصري 150 تقييم
وسام الاداره الحصري
وسام الحضور الدائم
شكرا لوفائكم
وسام الالفيه
الف موضوع شكرا الاداره
SMS ~ [+ ]
razan
رقم العضوية: 1
معينه بروفايلك [+]
♛لونك المفضل» : ♛عدد المساهمات : 3544 السمعه♛» : 71 ♛تاريخ الميلاد : 03/03/1990 ♛تاريخ التسجيل » : 06/12/2012 ♛ النقاط المكتسبه : 20105 العمر : 34 الابداع : التصميم احلى : الخبره : اساطير المنتدى..عَطَاؤهٌمْ ثَمِيْنّ ♥ :
موضوع: ناف بار معلوماتي الشامل
تم النشر فى :28 - 05 - 2014
.
ناف بار معلوماتي الشامل
الكود: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="menu.css" type="text/css" media="screen" /> <title>Mega Drop Down Menu</title> <!--[if IE 6]> <style> body {behavior: url("csshover3.htc");} #menu li .drop {background:url("img/drop.gif") no-repeat right 8px; </style> <![endif]--> </head> <body> <ul id="menu"> <li><a href="#" class="drop">كلمة المنتدى</a><!-- Begin Home Item --> <div class="dropdown_2columns"><!-- Begin 2 columns container --> <div class="col_2"> <h2> <FONT FACE="arial" SIZE="5"><FONT COLOR="#0829AE"> مرحبا بكم</h2> </div> <div class="col_2"> <p>أهلا وسهلا بكم فى منتدانا .</p> <p> ويشرفنا دوما تواجدكم.</p> </div> <div class="col_2"> <h2> <FONT FACE="arial" SIZE="5"><FONT COLOR="#0829AE"> فمرحبا بكم </h2> </div> <div class="col_1"> <img src="img/browsers.png" width="125" height="48" alt="" /> </div> <div class="col_1"> <p>يسعدنا انضمامك الينا فالمنتدى انشىء الجميع.</p> </div> </div><!-- End 2 columns container --> </li><!-- End Home Item --> <li><a href="#" class="drop">صحة المرأة</a><!-- Begin 4 columns Item --> <div class="dropdown_4columns"><!-- Begin 4 columns container --> <div class="col_4"> <h2> <FONT FACE="arial" SIZE="5"><FONT COLOR="#0829AE"> أمراض تهم المرأة</h2> </div> <div class="col_1"> <h3>أمراض النساء</h3> <ul> <li><a href="http://www.kaahe.org/health/ar/3141-%D8%A7%D9%84%D8%AA%D9%87%D8%A7%D8%A8-%D8%A7%D9%84%D9%85%D9%87%D8%A8%D9%84-%D8%A7%D9%84%D8%AC%D8%B1%D8%AB%D9%88%D9%85%D9%8A/all.html">التهاب المهبل الجرثومى</a></li> <li><a href="http://www.kaahe.org/health/ar/902-%D8%A7%D9%84%D9%86%D8%B2%D9%81-%D8%A7%D9%84%D9%85%D9%87%D8%A8%D9%84%D9%8A.html">النزف المهبلى</a></li> <li><a href="http://www.kaahe.org/health/ar/6526-%D8%A8%D8%AF%D8%A1-%D8%A7%D9%84%D8%AF%D9%88%D8%B1%D8%A9-%D8%A7%D9%84%D8%B4%D9%87%D8%B1%D9%8A%D8%A9/all.html">الدورة الشهرية</a></li> <li><a href="http://www.kaahe.org/health/ar/3949-%D8%B9%D8%B3%D8%B1-%D8%A7%D9%84%D8%B7%D9%85%D8%AB/all.html">الآم الدورة الشهرية</a></li> <li><a href="http://www.kaahe.org/health/ar/6947-%D8%A7%D9%84%D8%B5%D8%AF%D8%A7%D8%B9-%D8%A7%D9%84%D9%87%D8%B1%D9%85%D9%88%D9%86%D9%8A/all.html">الصداع الهرمونى</a></li> </ul> </div> <div class="col_1"> <h3>الحمل</h3> <ul> <li><a href="http://www.kaahe.org/health/ar/15072-%D8%AD%D8%AF%D9%88%D8%AB-%D8%A7%D9%84%D8%AD%D9%85%D9%84/all.html">حدوث الحمل</a></li> <li><a href="http://www.kaahe.org/health/ar/752-%D8%A7%D9%84%D8%B1%D8%B9%D8%A7%D9%8A%D8%A9-%D9%82%D8%A8%D9%84-%D8%A7%D9%84%D8%AD%D9%85%D9%84.html">الرعاية قبل الحمل</a></li> <li><a href="http://www.kaahe.org/health/ar/174-%D8%A7%D9%84%D8%AD%D9%85%D9%84-%D8%A7%D9%84%D8%B5%D8%AD%D9%8A/all.html">الحمل الصحى</a></li> <li><a href="http://www.kaahe.org/health/ar/15031-%D9%85%D8%B1%D8%A7%D8%AD%D9%84-%D8%A7%D9%84%D8%AD%D9%85%D9%84-%D8%A3%D8%B3%D8%A8%D9%88%D8%B9%D9%8A%D8%A7/all.html">مراحل الحمل</a></li> <li><a href="http://www.kaahe.org/health/ar/1367-%D8%A7%D8%AE%D8%AA%D8%A8%D8%A7%D8%B1-%D8%A7%D9%84%D8%AD%D9%85%D9%84/all.html">اختبار الحمل</a></li> </ul> </div> <div class="col_1"> <h3>السرطان عند النساء</h3> <ul> <li><a href="http://www.kaahe.org/health/ar/45-%D8%B3%D8%B1%D8%B7%D8%A7%D9%86-%D8%A7%D9%84%D8%AB%D8%AF%D9%8A/all.html">سرطان الثدى</a></li> <li><a href="http://www.kaahe.org/health/ar/4787-%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D8%AC-%D8%A7%D9%84%D9%83%D9%8A%D9%85%D9%8A%D8%A7%D8%A6%D9%8A-%D9%84%D8%B3%D8%B1%D8%B7%D8%A7%D9%86-%D8%A7%D9%84%D8%AB%D8%AF%D9%8A/all.html">علاج سرطان الثدى</a></li> <li><a href="http://www.kaahe.org/health/ar/900-%D8%B3%D8%B1%D8%B7%D8%A7%D9%86-%D8%A7%D9%84%D8%B1%D8%AD%D9%85/all.html">سرطان الرحم</a></li> <li><a href="http://www.kaahe.org/health/ar/903-%D8%B3%D8%B1%D8%B7%D8%A7%D9%86-%D8%A7%D9%84%D9%85%D9%87%D8%A8%D9%84.html">سرطان المهبل</a></li> <li><a href="http://www.kaahe.org/health/ar/973-%D8%B3%D8%B1%D8%B7%D8%A7%D9%86-%D8%A7%D9%84%D9%85%D8%A8%D9%8A%D8%B6/all.html">سرطان المبيض</a></li> </ul> </div> <div class="col_1"> <h3>مختارات طبية</h3> <ul> <li><a href="http://www.kaahe.org/health/ar/3945-%D8%A3%D9%84%D9%85-%D8%A7%D9%84%D8%AB%D8%AF%D9%8A-%D8%A7%D9%84%D8%AF%D9%88%D8%B1%D9%8A/all.html"> ألم الثدي الدوري</a></li> <li><a href="http://www.kaahe.org/health/ar/48-%D8%A7%D9%84%D8%A3%D9%83%D9%8A%D8%A7%D8%B3-%D8%A7%D9%84%D9%85%D8%A8%D9%8A%D8%B6%D9%8A%D8%A9/all.html">الأكياس المبيضية</a></li> <li><a href="http://www.kaahe.org/health/ar/172-%D8%A7%D9%84%D8%A8%D8%B7%D8%A7%D9%86%D8%A9-%D8%A7%D9%84%D8%B1%D8%AD%D9%85%D9%8A%D8%A9-%D8%A7%D9%84%D9%85%D9%87%D8%A7%D8%AC%D8%B1%D8%A9/all.html"> البطانة الرحمية المهاجرة</a></li> <li><a href="http://www.kaahe.org/health/ar/3d/934-%D8%A7%D9%84%D9%81%D8%AD%D9%88%D8%B5-%D8%A7%D9%84%D8%B5%D8%AD%D9%8A%D8%A9-%D8%B9%D9%86%D8%AF-%D8%A7%D9%84%D9%86%D8%B3%D8%A7%EF%BA%80.html#view=thorax-skin">استكشف جسمك</a></li> <li><a href="http://www.kaahe.org/health/ar/126-%D8%A7%D9%84%D8%AA%D9%84%D9%8A%D9%81-%D8%A7%D9%84%D9%83%D9%8A%D8%B3%D9%8A/all.html">التليُّف الكيسي</a></li> </ul> </div> </div><!-- End 4 columns container --> </li><!-- End 4 columns Item --> <li class="menu_right"><a href="#" class="drop">استايلات vb مميزة</a> <div class="dropdown_1column align_right"> <div class="col_1"> <ul class="simple"> <li><a href="http://www.anwar-design.com/">معرض انوار التصميم</a></li> <li><a href="http://www.alhotcenter.com/vb/showthread.php?t=15502">معرض استايلات الحوت</a></li> <li><a href="http://galb1.net/support/ourworks.html">معرض استايلات الواحة</a></li> <li><a href="http://www.shbkat.com/portfolio">معرض استايلات شبكات</a></li> <li><a href="http://www.moonsat.net/f220/">استايلات علاء الفاتك</a></li> </ul> </div> </div> </li> <li class="menu_right"><a href="#" class="drop">ديكورات و أثاث</a><!-- Begin 3 columns Item --> <div class="dropdown_3columns align_right"><!-- Begin 3 columns container --> <div class="col_3"> <h2> <FONT FACE="arial" SIZE="5"><FONT COLOR="#0829AE"> ديكورات وأثاث</h2> </div> <div class="col_1"> <ul class="greybox"> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=14">الستائر</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=2">غرف النوم</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=4">المطابخ</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=6">غرف الاطفال</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=5">الحمامات</a></li> </ul> </div> <div class="col_1"> <ul class="greybox"> <li><a href="http://www.seedecor.net/home/cat-3.html">الصالونات</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=16">المكتب المنزلى</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=12">غرف الطعام</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=10">الكنب</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=13">الجدران والآسقف</a></li> </ul> </div> <div class="col_1"> <ul class="greybox"> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=22">حديقة المنزل</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=9">برك السباحة</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=8">البلكونات</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=20">معاسل</a></li> <li><a href="http://www.seedecor.net/home/modules.php?name=Gallery&file=categories&cat_id=7">خزن ملابس</a></li> </ul> </div> <div class="col_3"> <h2> <FONT FACE="arial" SIZE="5"><FONT COLOR="#0829AE"> مقترحات </h2> </div> <div class="col_3"> <img src="http://hh7.an3m1.com/Sep/an3m1.com_13261555312.png" width="70" height="70" class="img_left imgshadow" alt="" /> <p>طريقه عمل حوض مائي في حديقه المنزل</a></p> بطريقه سهله وغير مكلفه ..<a href="http://www.topactis.com/t1375-topic">التفاصيل...</a></p> <img src="http://im.gulfup.com/2011-03-01/1298940828224.jpg" width="70" height="70" class="img_left imgshadow" alt="" /> <p>طريقة أخرى </a></p> لآنشاء حديقة مائية بالمنزل <a href="http://www.topactis.com/t4673-topic">التفاصيل...</a></p> </div> </div><!-- End 3 columns container --> </li><!-- End 3 columns Item --> <li class="menu_right"><a href="#" class="drop">مواقع تهمك</a><!-- Begin 3 columns Item --> <div class="dropdown_3columns align_right"><!-- Begin 3 columns container --> <div class="col_3"> <h2> <FONT FACE="arial" SIZE="5"><FONT COLOR="#0829AE"> مواقع تهمك</h2> </div> <div class="col_1"> <ul class="greybox"> <li><a href="http://www.mms44.com/">موقع وسائط</a></li> <li><a href="http://www.dubaieyes.net/gallery/">مكتبة الصور</a></li> <li><a href="http://www.omaniyat.com/weight/">الطبيب الآلى</a></li> <li><a href="http://translate.tawwat.com/">الترجمة الفورية</a></li> <li><a href="#">موسوعة الشعر العربى</a></li> </ul> </div> <div class="col_1"> <ul class="greybox"> <li><a href="http://www.prophetstory.com/">قصص الانبياء</a></li> <li><a href="http://videoalarab.qassimy.com//">يوتيوب العرب</a></li> <li><a href="http://www.kooora.com/default.aspx">موقع كورة</a></li> <li><a href="http://www.s6am2k.net/jokes/">موقع نكت وطرائف</a></li> <li><a href="http://konouz.com/">موقع كنوز الشامل</a></li> </ul> </div> <div class="col_1"> <ul class="greybox"> <li><a href="http://tools.dynamicdrive.com/favicon/">موقع اصنع ايقونتك</a></li> <li><a href="http://www.myspacecursor.net/">موقع ماوسات</a></li> <li><a href="http://www.iconarchive.com/category/funny-icons.html">موقع أيقونات</a></li> <li><a href="http://www.qassimy.com/akwad.htm">أكواد الكتابة المتحركة</a></li> <li><a href="http://www.3deeel.com/z.htm">موقع لزخرفة الآسماء</a></li> </ul> </div> </div><!-- End 3 columns container --> </li><!-- End 3 columns Item --> <li class="menu_right"><a href="#" class="drop">استايلات اجنبية</a> <div class="dropdown_1column align_right"> <div class="col_1"> <ul class="simple"> <li><a href="http://fr.hitskin.com/popular-skins-105.htm">الاستايلات الفرنسية</a></li> <li><a href="http://en.hitskin.com/themes-populaires-0.htm">الاستايلات الانجليزية</a></li> </ul> </div> </div> <li><a href="http://video.sarkosa.com/10-%D8%B9%D8%A7%D9%84%D9%85-%D8%A7%D9%84%D9%85%D8%B1%D8%A3%D8%A9/" class="drop">فيديو عالم المرأة</a><!-- Begin Home Item --> </li> </ul> </body> </html>
كود ال كي اس اس
الكود: body, ul, li { font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:21px; text-align:left; } /* Navigation Bar */ #menu { list-style:none; width:940px; margin:30px auto 0px auto; height:43px; padding:0px 20px 0px 20px; /* Rounded Corners */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* Background color and gradients */ background: #014464; background: -moz-linear-gradient(top, #0272a7, #013953); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); /* Borders */ border: 1px solid #002232; -moz-box-shadow:inset 0px 0px 1px #edf9ff; -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff; } #menu li { float:left; text-align:center; position:relative; padding: 4px 10px 4px 10px; margin-right:30px; margin-top:7px; border:none; } #menu li:hover { border: 1px solid #777777; padding: 4px 9px 4px 9px; /* Background color and gradients */ background: #F4F4F4; background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE)); /* Rounded corners */ -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #menu li a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #EEEEEE; display:block; outline:0; text-decoration:none; text-shadow: 1px 1px 1px #000; } #menu li:hover a { color:#161616; text-shadow: 1px 1px 1px #FFFFFF; } #menu li .drop { padding-right:21px; background:url("img/drop.png") no-repeat rightright 8px; } #menu li:hover .drop { background:url("img/drop.png") no-repeat rightright 7px; } /* Drop Down */ .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns { margin:4px auto; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; border:1px solid #777777; border-top:none; /* Gradient background */ background:#F4F4F4; background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); /* Rounded Corners */ -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .dropdown_1column {width: 140px;} .dropdown_2columns {width: 280px;} .dropdown_3columns {width: 420px;} .dropdown_4columns {width: 560px;} .dropdown_5columns {width: 700px;} #menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns { left:-1px; top:auto; } /* Columns */ .col_1, .col_2, .col_3, .col_4, .col_5 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; } .col_1 {width:130px;} .col_2 {width:270px;} .col_3 {width:410px;} .col_4 {width:550px;} .col_5 {width:690px;} /* Right alignment */ #menu .menu_right { float:rightright; margin-right:0px; } #menu li .align_right { /* Rounded Corners */ -moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px; } #menu li:hover .align_right { left:auto; rightright:-1px; top:auto; } /* Drop Down Content Stylings */ #menu p, #menu h2, #menu h3, #menu ul li { font-family:Arial, Helvetica, sans-serif; line-height:21px; font-size:12px; text-align:left; text-shadow: 1px 1px 1px #FFFFFF; } #menu h2 { font-size:21px; font-weight:400; letter-spacing:-1px; margin:7px 0 14px 0; padding-bottom:14px; border-bottom:1px solid #666666; } #menu h3 { font-size:14px; margin:7px 0 14px 0; padding-bottom:7px; border-bottom:1px solid #888888; } #menu p { line-height:18px; margin:0 0 10px 0; } #menu li:hover div a { font-size:12px; color:#015b86; } #menu li:hover div a:hover { color:#029feb; } .strong { font-weight:bold; } .italic { font-style:italic; } .imgshadow { background:#FFFFFF; padding:4px; border:1px solid #777777; margin-top:5px; -moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666; box-shadow:0px 0px 5px #666666; } .img_left { /* Image sticks to the left */ width:auto; float:left; margin:5px 15px 5px 5px; } #menu li .black_box { background-color:#333333; color: #eeeeee; text-shadow: 1px 1px 1px #000; padding:4px 6px 4px 6px; /* Rounded Corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* Shadow */ -webkit-box-shadow:inset 0 0 3px #000000; -moz-box-shadow:inset 0 0 3px #000000; box-shadow:inset 0 0 3px #000000; } #menu li ul { list-style:none; padding:0; margin:0 0 12px 0; } #menu li ul li { font-size:12px; line-height:24px; position:relative; text-shadow: 1px 1px 1px #ffffff; padding:0; margin:0; float:none; text-align:left; width:130px; } #menu li ul li:hover { background:none; border:none; padding:0; margin:0; } #menu li .greybox li { background:#F4F4F4; border:1px solid #bbbbbb; margin:0px 0px 4px 0px; padding:4px 6px 4px 6px; width:116px; /* Rounded Corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #menu li .greybox li:hover { background:#ffffff; border:1px solid #aaaaaa; padding:4px 6px 4px 6px; margin:0px 0px 4px 0px; }
التوقيع
----------------------------
المصدر: منتديات اسد بابل - asdd.ahladalil.com ........من أنفاس لا تهدأ .. يبدأ الحديث وحين يعلم أنه إليكِ .. يلبس حلة القصيد .. وصوت النغم إليك أكتب .. واصابعي ترقص على لوحة المفاتيح تعلم انها تكتب لكِ ..إليكِ أكتب .. فلا تتركي القلم يتعذب ... أعجبتني من أجلك سأحضر القمـــر على كفي وسأزرع الورد على خــــــــديسأهديك طفولتـــــــي وأرقيك بشبابــــي. كذاك كان موضوعكلكـ خالص احترامي
أسم العضو : razan هل ترغب في التعليق على رسالة العضو razan ؟
الــرد الســـريـع
الاعضاء الدين شاركوا في الموضوع
تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
كود HTML معطلة