السلام عليكم ورحمة الله وبركاته
مرحباً بكم اصدقائي اقدم لكم كود بسيط ورائع كود CSS تغير شكل عنوان الموضوع
لمعاينه الكود
قبل التطبيق
بعد التطبيق
طريقة وضع الكود ؟
لوحة الادارة >> مظهر المنتدى >> اللوان >> ورقة تصميم css الكود للنسخه 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);
}
انتهى الشرح
تحياتي لكم
صاحب الموضوع الأصلي: NEW.MOON من منتدى الدعم والمساعدة