هيلبرنت

هيلبرنت (http://www.helpernt.com/vb/index.php)
-   ركن تطوير المنتديات vB 4.0.0 (http://www.helpernt.com/vb/forumdisplay.php?f=7)
-   -   عمل بادئة للمواضيع بتقنية css وداعا للبادئة التقليدية (http://www.helpernt.com/vb/showthread.php?t=2364)

هيلبرنت 12-02-2015 10:55 PM

عمل بادئة للمواضيع بتقنية css وداعا للبادئة التقليدية
 
اليوم شرح بسيط وجديد عن عمل بادئة للموضوع بتقنية css

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


الخطوة الأولى أضف الكود التالي بنهاية قالب additional.css


كود:

    /*---------------------------*\  helpernt.com post prefix Start \*---------------------------*/ .rsprefix { height: 4px; line-height: 4px; vertical-align: middle; display: inline-block; padding: 5px; font-size: 9px; font-weight: bold; color: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-repeat: repeat-x; background-position: 0 -1px; margin-bottom: 3PX; } /*---------------------------*\  Rsalah.com post prefix End \*---------------------------*/
الآن الخطوة التالية هي إضافة البادئة لمنتداك
لمعرفة طريقة إضافة البادئة يمكنك الاستعانة بالموضوع التالي

http://www.helpernt.com/vb/t2064/


ان كانت الخطوات بالنسبة اليك معروفة يمكنك إضافة الكود التالي بخانة ( نص منسق )

مع استبدال كلمة helpernt.com باسم البادئة

كود:

<span class="rsprefix" style="color:red;background: rgb(10, 128, 189);">helpernt.com</span>

تم الشرح برجاء ذكر المصدر عند نقل الموضوع
والدعاء عند الاستفادة منه .
المصدر

Mr Hero 12-03-2015 04:23 PM

رد: عمل بادئة للمواضيع بتقنية css وداعا للبادئة التقليدية
 
جميل جدا اخى


الساعة الآن 08:39 AM

Powered by vBulletin® Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.