السلام عليكم و رحمة الله و بركاته
إليكم كود بيانات شخصية متطورة
المثال على الصورة





<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">
#myfooter{
background-image: url(https://i.servimg.com/u/f78/15/58/63/34/sans_t13.jpg);
background-repeat:
no-repeat;
}
#myfooter:hover{
background-image: url(https://i.servimg.com/u/f78/15/58/63/34/sans_t14.jpg);
background-repeat:
no-repeat;
}
#myfooter img{
border: 0px;
margin-top: -12px;
padding-right:
20px;
}

/*-----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(http://smiles.alazaheer.com/smiles/46/alazaheer.com98.jpg);
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;
}
.renklibar {
color : #000000;
background : #E8EDF0 url(https://2img.net/h/oi45.tinypic.com/14nfrjs.jpg) no-repeat 0 5px;
border : 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
}

.resize_process .resizebox {
display : none;
margin-left : 15px;
}
.resizebox div {
font-weight : normal;
font-style : normal;
margin : 0;
}
.resizebox.enlarged a.enlarge {
display : none;
}
.resizebox.enlarged a.resize {
display : inline-block;
}
.resizebox a.resize {
display : none;
}
.resizebox {
background : #FFF9BF url("https://2img.net/h/oi43.tinypic.com/af9egz.gif") no-repeat 7px 4px;
max-width : 100%;
line-height : 1.1em;
cursor : default;
font-weight : normal;
font-style : normal;
margin : 0;
text-align : center;
display : inline-block;
}
.resizebox .resize_border {
border : 1px solid #BDBDBD;
display : block;
}

.eklentiler {
color : #000000;
background : #ffffff;
border : 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
}[quote]</td></tr></table>

طريقة وضع الكود
ادارة عامة
مضهر المنتدى
ألوان
ورقة تصميم ccs
لمشاهدة المقال على الواقع
http://asbai.ahlamuntada.com/t329-topic