كود code css لوضع المواضيع الهامة بطريقة يدوية

[walid]

http://www.dzbatna.com/images/icons/iconrote.gif ظƒظˆط¯ css ظ„ظˆط¶ط¹ ط§ظ„ظ…ظˆط§ط¶ظٹط¹ ط§ظ„ظ‡ط§ظ…ط© ط¨ط·ط±ظٹظ‚ط© ظٹط¯ظˆظٹط© (http://www.dzbatna.com/t1840168/)




http://www.masrvet.com/up/uploads/masrvet.com13014982271.png

أعضاء وزوار واداريي منتديات ديزاد باتنة
السلام عليكم ورحمة الله وبركاته
http://www.masrvet.com/up/uploads/masrvet.com13014982282.png
..:: ندخل بالموضوع :..

كود code Css لاضافة المواضيع المهمة بداخل اقسام يتردد عليها الزائر او الاعضاء دايماً

.:! نشوف مثال !:.
http://www.masrvet.com/up/uploads/masrvet.com13033124131.gif

http://www.masrvet.com/up/uploads/masrvet.com13014982282.png

http://www.masrvet.com/up/uploads/masrvet.com13033124811.gif

http://www.masrvet.com/up/uploads/masrvet.com13033124812.gif


http://www.masrvet.com/up/uploads/masrvet.com13014982282.png

..::! نشوف التوافق مع المتصفحات !::..

http://www.masrvet.com/up/uploads/masrvet.com13033124813.gif

http://www.masrvet.com/up/uploads/masrvet.com13033124814.gif

http://www.masrvet.com/up/uploads/masrvet.com13014982282.png

.:! نأتي لطريقة التركيب install !:.

http://www.masrvet.com/up/uploads/masrvet.com13033142361.gif

http://www.masrvet.com/up/uploads/masrvet.com13033142362.gif

http://www.masrvet.com/up/uploads/masrvet.com13033142363.gif

انسخ هذا الكود code وضعة في نهاية قالب template الهيدر header كما تري في الصورة مع تغيير الروابط واسماء المواضيع بمواضيعك التي تريد اضافتها ولا تقم بتعديل اي شئ في الكود code سوي اضافة الروابط واسمها وكل شئ موضح بداخل الكود code

رمز Code:
<!-- Start Main Code --> <div class=&quot;image&quot;></div> <div class=&quot;nav&quot;> <h3 class=&quot;style5&quot;><span lang=&quot;ar-eg&quot;> <img src=&quot;main/anbaa.gif&quot; height=&quot;32&quot; width=&quot;209&quot; class=&quot;style4&quot; /></span></h3> <ul> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> </ul> </div> <div class=&quot;navv&quot; style=&quot;width: 402px; height: 187px&quot;> <h3 class=&quot;style3&quot;> <span lang=&quot;ar-eg&quot;> <img src=&quot;main/akhbar.gif&quot; height=&quot;32&quot; width=&quot;143&quot; class=&quot;style4&quot; /></span></h3> <ul> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> <li><a href=&quot;#&quot;>روابط</a></li> </ul> </div> <!--/ End Main Code -->
http://www.masrvet.com/up/uploads/masrvet.com13033142364.gif


انسخ هذا الكود code وضعة في نهاية القالب template كما تري بالصورة

رمز Code:
/* Start Main Code Css */ body { direction:rtl; display:inline; } .nav { border-left: 1px dashed #CCCCCC; padding: 5px 7px; background-color: #FFFFFF; font-family: tahoma; font-size: small; color: #800080; text-decoration: none; height: auto; width: 430px; font-weight: normal; list-style-image: url('main/lastpost.gif'); float: right; margin-right: 250px; margin-left: 10px; } .nav ul li { border-bottom:1px dashed #ccc; } .nav ul { margin-right: -20px; } .image { background-image:url('main/main.gif'); background-repeat:no-repeat; background-position:center; height:50px; } .nav li :hover { text-decoration: underline; } .navv { padding: 5px 7px 5px 7px; background-color: #FFFFFF; font-family: tahoma; font-size: small; color: #800080; text-decoration: none; height: auto; font-weight: normal; list-style-image: url('main/lastpost.gif'); float: right; width: 430px; margin-right: -20px; margin-left: 20px; } .navv ul li { border-bottom:1px dashed #ccc; } .navv ul { margin-right: -20px; } .navv li :hover { text-decoration: underline; } .style3 { text-align: center; } .style4 { border-width: 0px; } .style5 { text-align: center; font-weight: normal; } /** End Main Code Css **/
http://www.masrvet.com/up/uploads/masrvet.com13033142365.gif

يوجد ملف باسم main يتم رفعة داخل مجلد الـ vb لاحتوائة علي الصور الخاصة بالكود code وتم ارافقة في المرفقات
http://www.masrvet.com/up/uploads/masrvet.com13014982282.png

أرجو من الله ان اكون قد وفقت في الشرح طريقة وان اصبت فمن الله وان اخطأت فمني ومن الشيطان والانسان ليس معصوم من الخطأ
هذا الكود code برمجتي ولم اقوم باضافة حقوقي عليه ولكن ان تم نقلة الي منتدي اخري يرجي ذكر

المصدر : منتديات الشيرنج السوري ورابط الموضوع

+
الكود code بالمرفقات
+
تم ارفاق الصور لضمان بقائها

http://www.masrvet.com/up/uploads/masrvet.com13014982282.png

تكويد وتصميم Ahmed El-Sayed (http://www.syria-share.com/vb/member.php?u=2459) / منتدي طلاب جامعة المنوفية (http://www.gam3a4u.com/)

بالتوفيق للجميع http://www.syria-share.com/vb/images/smilies/smiles2/bigsmile.gif



http://img209.imageshack.us/img209/8380/finishuc0.png
http://img244.imageshack.us/img244/2712/fiamanillahco3.gif









ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif main.zip (http://www.traidnt.net/vb/attachments/568779d1303320469-main.zip) (13.2 كيلوبايت, عدد مرات المشاهدة 76 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif صور الشرح.zip (http://www.traidnt.net/vb/attachments/568780d1303320469-صور-الشرح.zip) (365.5 كيلوبايت, عدد مرات المشاهدة 52 مرة)

http://www.traidnt.net/vb/images/attach/txt.gif Code.txt (http://www.traidnt.net/vb/attachments/568793d1303322922-code.txt) (903 بايت, عدد مرات المشاهدة 50 مرة)

http://www.traidnt.net/vb/images/attach/txt.gif Css.txt (http://www.traidnt.net/vb/attachments/568799d1303324429-css.txt) (1.4 كيلوبايت, عدد مرات المشاهدة 46 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©