الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  

شاطر | 
 

 [CSS] كود يقوم بتغيير جذري لشكل البيانات الشخصية في المواضيع

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معاذ بحر
الإدارة العليا
الإدارة العليا
avatar

الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 20

مُساهمةموضوع: [CSS] كود يقوم بتغيير جذري لشكل البيانات الشخصية في المواضيع   21/1/2013, 20:54

كود CSS لجعل البيانات الشخصية احترافية فــي المشاركات

و اطار جميل مثل الأمسن للصورة الشخصية مع تحديد حجم

وميـزات اخـرى بدون التمبلايت
للنــسخة الثانـــية phpbb2

صورة للمعاينة :

الكود

الكود:
/*-----mytet1-----*/
.postbody{font-size:16px;font-weight:700}
.postbody img{max-width:650px}
hr{-moz-border-radius:7px;
background:url(http://i62.servimg.com/u/f62/14/92/70/14/sans_t18.png);
border:1px solid #fff;
border-top-width:1px;
height:5px
}
/*-----mytet1-----*/
.poster-profile{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background-image:url(http://i72.servimg.com/u/f72/14/92/70/14/sans_t10.png);
border:1px dotted #000000;
border-bottom:medium solid #1B507A;
border-top:medium solid #1B507A;
display:block;font-size:11px;font weight:700;margin:3px;padding:7px}
/*-----mytet1-----*/
.postdetails.poster-profile a img {
background-image: url(http://i72.servimg.com/u/f72/14/92/70/14/shanex12.png);
width: 110px;
height: 240px;
background-position: center center;
background-repeat: no-repeat;
padding: 20px;
}

طريقة الوضع :

الكود
يوضع بورقة الــــ {css}

لوحة الادارة > مظهر المنتدي
> الوان > ورقة تصميم {css}
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com
 
[CSS] كود يقوم بتغيير جذري لشكل البيانات الشخصية في المواضيع
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS-
انتقل الى: