كود اطار حول البيانات

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

الكود:


           
                        /*-----كود البينات الشخصية المطورة-----*/
                        .name{
                        background-image: url(http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png);
                        -moz-border-radius:15px;
                        background-color: #f7f7f7;
                        border-left:10px solid #15A9E8;
                        border-right:10px solid #15A9E8;
                        -webkit-box-shadow: 4px 4px 30px #333;
                        -moz-box-shadow: 4px 4px 30px #333;
                        box-shadow:  4px 4px 30px #333;
                        font-size: 16px;
                        font-weight: bold;
                        display: block;
                        overflow: auto;
                        padding: 7px;
                        }
               
                        .poster-profile{
                        background-image: url(http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png);
                        -moz-border-radius:15px;
                        background-color: #f7f7f7;
                        border-left:10px solid #15A9E8;
                        border-right:10px solid #15A9E8;
                        -webkit-box-shadow: 4px 4px 30px #fff;
                        -moz-box-shadow: 4px 4px 30px #fff;
                        box-shadow:  4px 4px 30px #fff;
                        font-size: 16px;
                        font-weight: bold;
                        display: block;
                        overflow: auto;
                        padding: 7px;
                        }
               
                        .postdetails.poster-profile a img {
                        max-width:700px;
                        max-height:600px;
                        -moz-box-shadow : 0 0 2px #666;
                        -webkit-box-shadow : 0 0 2px #666;
                        box-shadow : 0 0 6px #666;
                        background-color: #feffc4 ;
                        background-image: url(\\\'http://r11.imgfast.net/users/1114/51/96/65/smiles/46441.gif\\\');
                        background-repeat: repeat;
                        border: 5px solid #FFFFFF;
                        }

           


الكود:

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

الكود:


/*وضع اطار للصورة الشخصية فى المواضيع */     .postdetails.poster-profile a img {
  background-image:url(https://i72.servimg.com/u/f72/14/92/70/14/shanex12.png);
  width: 116px;    height: 150px;    background-position: center center;  
  background-repeat: no-repeat;    padding: 20px; }