ظƒظˆط¯ css ظ„ظˆط¶ط¹ ط§ظ„ظ…ظˆط§ط¶ظٹط¹ ط§ظ„ظ‡ط§ظ…ط© ط¨ط·ط±ظٹظ‚ط© ظٹط¯ظˆظٹط©




أعضاء وزوار واداريي منتديات ديزاد باتنة
السلام عليكم ورحمة الله وبركاته

..:: ندخل بالموضوع :..

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

.:! نشوف مثال !:.











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







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







انسخ هذا الكود 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 -->



انسخ هذا الكود 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 **/


يوجد ملف باسم main يتم رفعة داخل مجلد الـ vb لاحتوائة علي الصور الخاصة بالكود code وتم ارافقة في المرفقات


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

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

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



تكويد وتصميم Ahmed El-Sayed / منتدي طلاب جامعة المنوفية

بالتوفيق للجميع











الملفات المرفقة [TR]
main.zip (13.2 كيلوبايت, عدد مرات المشاهدة 76 مرة) [/TR]
[TR]
صور الشرح.zip (365.5 كيلوبايت, عدد مرات المشاهدة 52 مرة) [/TR]
[TR]
Code.txt (903 بايت, عدد مرات المشاهدة 50 مرة) [/TR]
[TR]
Css.txt (1.4 كيلوبايت, عدد مرات المشاهدة 46 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©