اینم کدش :
یکمی هم استاندارد ترش کردم
یکمی هم استاندارد ترش کردم
کد:
<html>
<head>
<title>وبسایت</title>
<style>
body {
background-color: #ffffff;
background-image: url(Untitled-3.jpg);
background-repeat: repeat;
}
.post{
line-height: 28px;
font: 12px B Yekan;
margin-bottom: 5px;
}
.post1{
width: 100%;
background: #aa41b6;
border:0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
line-height: 28px;
color: #fff;
text-shadow: 1px 1px 1px #000;
font: 13px B Yekan;
padding: 7px 0px;
margin-bottom: 5px;
}
.left{
border-top-left-radius: 10px;
float: left;
background: #cccccc;
width: 200px;
font: 12px B Yekan;
margin-bottom: 5px;
}
.right{
border-top-left-radius: 10px;
float: right;
background: #cccccc;
width: 200px;
font: 12px B Yekan;
margin-bottom: 5px;
}
.center{
text-align:right;
border-top-left-radius: 10px;
background: #cccccc;
width: 600px;
}
.center-post{
float:center;
margin-left:350px;
}
.left-post{
width:200px;
float:left;
margin-left:10px;
}
.right-post{
width:200px;
float:right;
margin-right:10px;
}
</style>
</head>
<body>
<div class="right-post">
<div class="right" align="center">
<div class="post1">
عنوان مطلب شماره 1
</div>
مطلب
</div>
<div align="center">
<div class="right" align="center">
<div class="post1">
عنوان مطلب شماره 1
</div>
مطلب
</div>
</div>
</div>
<div class="left-post">
<div align="center">
<div class="left" align="center">
<div class="post1">
عنوان مطلب شماره 1
</div>
مطلب
</div>
<div align="center">
<div class="left" align="center">
<div class="post1">
عنوان مطلب شماره 1
</div>
مطلب
</div>
</div>
</div>
<div class="center-post">
<div align="center">
<div class="center">
<div class="post1" align="center">
عنوان مطلب شماره 1
</div>
<div class="post">
متن مطلب شماره 1
</div>
</div>
</div>
<div align="center">
<div class="center">
<div class="post1" align="center">
عنوان مطلب شماره 1
</div>
<div class="post">
متن مطلب شماره 1
</div>
</div>
</div>
<div align="center">
<div class="center">
<div class="post1" align="center">
عنوان مطلب شماره 1
</div>
<div class="post">
متن مطلب شماره 1
</div>
</div>
</div>
</div>
</body>
</html> من دوباره برگشتم !!!!!!!
