منتديات ايجي فينوس

منتديات ايجي فينوس تحتوي على منتديات عامة و منتديات عالم حواء ومنتديات اسلامية و منتديات رياضة
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 اضافة كود تغير شكل عنوان الموضوع فى احلى منتدى

اذهب الى الأسفل 
كاتب الموضوعرسالة
رامى يحيى
المدير العام
المدير العام
avatar

المساهمات : 90
تاريخ التسجيل : 30/03/2017

مُساهمةموضوع: اضافة كود تغير شكل عنوان الموضوع فى احلى منتدى   الأحد سبتمبر 03, 2017 3:49 am

اضافة كود تغير شكل عنوان الموضوع فى احلى منتدى



السلام عليكم ورحمة الله وبركاته
[size=16]مرحباً بكم اصدقائي اقدم لكم كود بسيط ورائع  كود CSS تغير شكل عنوان الموضوع
[/size]


[size=16]لمعاينه الكود 
[/size]
[size=16]قبل التطبيق[/size]
[size=16]بعد التطبيق[/size]




 طريقة وضع الكود ؟




[size=16]لوحة الادارة >> مظهر المنتدى >> اللوان >> ورقة تصميم css  [/size]

الكود للنسخه PhpBB 2   

الرمز:
 h1.cattitle {
  display: inline;
  margin: 0;
  padding: 0;
  padding: 4px 6px;
  font-size: 100%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}
الكود للنسخهPhpBB 3   

الرمز:

.postbody .topic-title{
display: inline;
  margin: 0;
  padding: 0;
  padding: 4px 6px;
  font-size: 100%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);


الكود للنسخة PunBB 


الرمز:
.pun h2, .pun h3, .pun input, .pun select, .pun th {
display: inline;
  margin: 0;
  padding: 0;
  padding: 4px 6px;
  font-size: 100%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

الكود للنسخه Invision

الرمز:
.postdetails h3 {
display: inline;
  margin: 0;
  padding: 0;
  padding: 4px 6px;
  font-size: 100%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}




[size=16]انتهى الشرح[/size]


[size=24]تحياتي لكم
[/size]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
اضافة كود تغير شكل عنوان الموضوع فى احلى منتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ايجي فينوس :: الاقسام التطويرية والادارية :: ا قسم شروحات واكواد احلى منتدى Ahlamontada -
انتقل الى: