aliyaghobi
کاربر عضو
سلام دوستان,دارم این قسمت عکس رو طراحی میکنم.دو بخش داره عکس رو نگاه کنید متوجه میشید
من قسمت اولشو بدست آوردم ... میشه لطف کنید کد ها رو تکمیل کنید تا مثل عکس بشه
با سپاس
من قسمت اولشو بدست آوردم ... میشه لطف کنید کد ها رو تکمیل کنید تا مثل عکس بشه
با سپاس
You must be registered for see images attach
کد:
<html> <body> <table cellpadding="0" cellspacing="0"><tbody><tr> <td valign="top" style="padding-left: 13px;" width="220px"> <div class="pbax-tabbed-container" > <div class="pbax-tabline"><a href="#">Nikname</a></div> <div class="pbax-box-content"> <br /> <br /> <br /> </div> </div> </tr></tbody></table> </body></html>
کد:
.pbax-tabbed-container {
width:auto;
border: solid 1px #CCCCCC;
-moz-border-radius:6px;
border-radius:6px;
-webkit-border-radius:6px;
background-color:#ffffff;
margin:0;
}
.pbax-tabline {
font-family: Arial;
font-size:24px;
color:#c33;
background-color:#E7E7E7;
padding-top:5px;
padding-bottom:5px;
text-align:center;
}
.pbax-tabline a {
font-family: Arial;
font-size:22px;
font-weight: bold;
color:#c33;
text-decoration:none;
}
.pbax-tabline a:hover {
font-family: Arial;
font-size:22px;
font-weight: bold;
color:#c33;
text-decoration:underline;
}
.pbax-box-content{padding:9px 9px;background:#FFFFFF;}