[CSS] كود تغير شكل عنوان الموضوع

تذكير بمساهمة فاتح الموضوع :

السلام عليكم ورحمة الله وبركاتة

مرحباً بكم اصدقائي اقدم لكم كود بسيط ورائع كود CSS تغير شكل عنوان الموضوع

لمعاينه الكود

لمعاينه الكود

قبل التطبيق
[CSS] كود تغير شكل عنوان الموضوع - صفحة 2 2015-085

بعد التطبيق

تكبير الصورة معاينة الأبعاد الأصلية.
[CSS] كود تغير شكل عنوان الموضوع - صفحة 2 2015-086

لوحة الادارة >> مظهر المنتدى >> اللوان >> ورقة تصميم 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);}

انتهى الشرح

تحياتي لكم

سيوفي العراقي

عااشت ايييدك