السلام عليكم ورحمة الله وبركاتة
مرحباً بكم اصدقائي اقدم لكم كود بسيط ورائع كود CSS تغير شكل عنوان الموضوع
لمعاينه الكود
قبل التطبيق
![[CSS] كود تغير شكل عنوان الموضوع 2015-085](https://i.servimg.com/u/f19/15/90/68/93/2015-085.png)
بعد التطبيق
![[CSS] كود تغير شكل عنوان الموضوع 2015-086](https://i.servimg.com/u/f19/15/90/68/93/2015-086.png)
طريقة وضع الكود ؟
![[CSS] كود تغير شكل عنوان الموضوع 2015-087](https://i.servimg.com/u/f19/15/90/68/93/2015-087.png)
لوحة الادارة >> مظهر المنتدى >> اللوان >> ورقة تصميم css
الكود للنسخه PhpBB 2
![[CSS] كود تغير شكل عنوان الموضوع Versio11](https://i.servimg.com/u/f76/11/66/91/15/versio11.gif)
الكود:
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
![[CSS] كود تغير شكل عنوان الموضوع Versio12](https://i.servimg.com/u/f76/11/66/91/15/versio12.gif)
الكود:
.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
![[CSS] كود تغير شكل عنوان الموضوع Versio15](https://i.servimg.com/u/f76/11/66/91/15/versio15.gif)
الكود:
.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
![[CSS] كود تغير شكل عنوان الموضوع Versio14](https://i.servimg.com/u/f76/11/66/91/15/versio14.gif)
الكود:
.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);}
انتهى الشرح
تحياتي لكم
![[CSS] كود تغير شكل عنوان الموضوع 376553](https://2img.net/u/1811/68/54/94/smiles/376553.gif)
NEW.MOON
منقول عن
منتدى الدعم والمساعدة