منطقة الاعضاء

27/09/2014

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

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

قبل التطبيق

بعد التطبيق

تكبير الصورة معاينة الأبعاد الأصلية.
[CSS] تغير شكل عنوان الموضوع 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);
   }

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.