عمل بادئة للمواضيع بتقنية css وداعا للبادئة التقليدية

بسم الله الرحمن الرحيم

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

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


مثال



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

رمز Code:

الكود:

/*---------------------------*\
 Rsalah.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
\*---------------------------*/

الآن الخطوة التالية هي إضافة البادئة لمنتداك
لمعرفة طريقة إضافة البادئة يمكنك الاستعانة بالموضوع التالي

عمل بادئة للموضوع وتلوينها ، وطريقة عمل البادئة صورة مع نص تلميحي


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

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

رمز Code:

الكود:

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


تم الشرح برجاء ذكر المصدر عند نقل الموضوع

والدعاء عند الاستفادة منه .