السلام عليكم ورحمة الله وبركاتة
مرحباً بكم اصدقائي اقدم لكم كود بسيط ورائع كود 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
منقول عن
منتدى الدعم والمساعدة