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

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

الزعيم
الزعيم
المدير العام
المدير العام
المساهمات : 235
تاريخ التسجيل : 27/08/2016
الموقع : http://taqniyat.123.st/
معاينة صفحة البيانات الشخصي للعضو http://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>

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

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

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

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

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

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

التسجيل

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


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

تسجيل الدخول

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


تسجيل الدخول

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