بسم الله الرحمن الرحيم
والصلاة والسلام على النبي الأمين المبعوث حق للعالمين وعلى آل بيته الطاهرين .
وبعد :
إخوتي الكرام : نقدم إليكم أزرار css غاية في الجمال والخفة , وتعطي مظهرا جميلا في موقعك أو منتداك , كما أنها تزيد من أرشفة منتداك . ولا ننسى أن لغة css هي لغة محببة لمحركات البحث ..
أنا هنا كل ما قمت به هو تعريب + تعديل أضافة إلى بعض اللمسات التى قمت بالتعديل عليها , وبدوري سوف أرشدكم إلى التعديلات , وتبقى أنتم واجتهاداتكم , ولا نسألكم إلا الدعاء .
أولا : هذه أمثلة مصورة للأزرار :
الآن : هل أعجبتكم ؟ طيب لنبدا وعلى بركة الله بوضعها في الموقع أو المنتدى .
1/ أرفع ملف ima ( ملف الصور ) إلى داخل مجلد vb لو أردته للمنتدى أو المجلد الرئيسي لو أردته لموقعك.
ضع كود التالي في أعلى الهيدر (وهو أنسب مكان له ):
كود:
<!-- by 1kalmah.com -->
كود:
[CENTER]<ul id="navigation" class="nav-main">
[CENTER]<li><a href="[COLOR=red]$vboptions[forumhome].php?$session[sessionurl][/COLOR]
[COLOR=red]index.php[/COLOR]">[COLOR=blue]الرئيسية[/COLOR]</a></li>[/CENTER]
[CENTER] <li class="list"><a href="[COLOR=red]http://[/COLOR]"><span lang="ar-iq">روابط مهمة</span> </a>
<ul class="nav-sub">
<li><a href="[COLOR=red]register.php[/COLOR]">[COLOR=blue]التسجيل[/COLOR]</a></li>
<li><a href="usercp.php
">[COLOR=blue]التحكم[/COLOR]</a></li>
<li><a href="[COLOR=red]online.php[/COLOR]">[COLOR=blue]المتواجدون الآن[/COLOR]</a></li>
<li><a href="[COLOR=red]private.php[/COLOR]">[COLOR=blue]الرسائل الخاصة[/COLOR]</a></li>
</ul>
</li>[/CENTER]
[CENTER] <li class="list"><a href="[COLOR=red]archive/index.php[/COLOR]">[COLOR=blue]عنـا[/COLOR]</a>
<ul class="nav-sub">
<li><a href="[COLOR=red]sendmessage.php?$session[sessionurl][/COLOR]">[COLOR=blue]اتصل بنا[/COLOR]</a></li>
<li><a href="[COLOR=red]register.php?do=requestemail[/COLOR]">[COLOR=blue]تفعيل العضوية[/COLOR]</a></li>
<li><a href="[COLOR=red]login.php?do=lostpw[/COLOR]">[COLOR=blue]استرجاع كلمة المرور[/COLOR]</a></li>
</ul>
</li>[/CENTER]
[CENTER] <li><a href="[COLOR=red]search.php?$session[sessionurl][/COLOR]">[COLOR=blue]البحث[/COLOR]</a></li>
<li><span lang="ar-iq"><a href="[COLOR=red]faq.php?$session[sessionurl][/COLOR]">[COLOR=blue]الأسئلة المكررة [/COLOR]</a></span></li>[/CENTER]
[CENTER]</ul>
<br />
<br />
<!-- by 1kalmah.com -->[/CENTER]
[/CENTER]
ملاحظات بخصوص النقطة 2: تستطيع استبدال الروابط بما تشاء ( وكما تلاحظون وضعت روابط افتراضية باللون الاحمر) , كما تستطيع تغيير الاسماء إلى أسماء اقسامكم أو مراكز الرفع أو الدروس ووضعتها باللون الازرق .. الخ الخ .. مع مرعاة تغيير الروابط المحولة .
أخيرا/
ضع كود خواص css الإضافية في نهاية الاستايل , الذي عادة يكون فارغ .. ثم حفظ .. وكما في الصورة التالية:
ختاما/ روابط التحميل ..
تحتوي روابط التحميل على ملف الصور ima , وكود الهيدر , وكود css الإضافية
( موجودة في المرفقات)
( موجودة في المرفقات)
يجدر الإشارة إلى هذه الأزرار من شرحي وخاص بملتقى كلمة الثقافي , ومثل ما قلت لكم الحرية في التعديلات , ولكن ليس محللا نقل الموضوع دون ذكر المصدر ..
مع التحية .