مساعد بخصوص البينات الشخصية

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

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

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


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




تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


https://i.servimg.com/u/f62/14/92/70/14/mytet110.jpg

الكود:

/*-----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}

/*-----mytet1-----*/
.postbody{font-size:16px;font-weight:700}
.postbody img{max-width:650px}
hr{-moz-border-radius:7px;
background:url(https://i.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(ضع هنا رابط الصورة);
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(https://i.servimg.com/u/f72/14/92/70/14/shanex12.png);
width: 110px;
height: 240px;
background-position: center center;
background-repeat: no-repeat;
padding: 20px;
}