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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

الزعيم
الزعيم
المدير العام
المدير العام
المساهمات : 235
تاريخ التسجيل : 27/08/2016
الموقع : https://taqniyat.123.st/
https://taqniyat.123.st

مُساهمةالزعيم الإثنين سبتمبر 05, 2016 9:25 am

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

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

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


مثال

عمل بادئة للمواضيع بتقنية css وداعا للبادئة التقليدية 763865d1448835425-untitled-1

الخطوة الأولى أضف الكود التالي بنهاية قالب 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>

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

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى