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

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

مرحباً بكم اصدقائي اقدم لكم كود بسيط ورائع كود 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);}

انتهى الشرح

تحياتي لكم

شششكرراا

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