كود تغيير شكل عنوان الموضوع
في الأربعاء 24 يونيو - 17:28
السلام عليكم ورحمة الله وبركاتة
مرحباً بكم اصدقائي اقدم لكم كود بسيط ورائع كود 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);}
انتهى الشرح
تحياتي لكم

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