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

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

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

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

قبل التطبيق

بعد التطبيق

لوحة الادارة >> مظهر المنتدى >> اللوان >> ورقة تصميم css

الكود للنسخه PhpBB 2 كود تغيير شكل عنوان الموضوع Versio11

الكود:: 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 كود تغيير شكل عنوان الموضوع Versio12

الكود:: .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 كود تغيير شكل عنوان الموضوع Versio15

الكود:: .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 كود تغيير شكل عنوان الموضوع Versio14

الكود:: .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);}

انتهى الشرح

تحياتي لكم

كود تغيير شكل عنوان الموضوع 376553

شششكرراا

رد: كود تغيير شكل عنوان الموضوع