saeeddeeas
یک شنبه 26 آبان 1392, 16:40 عصر
سلام و عرض ادب
نمیدونم جایی خوب تاپیک زدم یا نه
به هر حال معذرت
دوستان مین میخوام ساید بار برای قالب طراحی کنم که زیر هم دیگه قرار بگیرند منظورم به عکس میگم
112927
میخوام اون سایدبار که نشون دادم بیاد زیر یاداشتهای روز
کد های html
</div>
<div class="body">
<div class="roz">
<div id="roz">یاداشت روز</div>
</div>
<div class="bargozideha">
<div id="bargozideha">برگزیده ها</div>
</div>
<div class="slider"></div>
<br />
<div class="yadashtha"></div>
</div>
</body>
css
.body{
width:1000px;
margin:0 auto;
height:3000px;
background-color:#EAEAEA;
border-radius:4px;
margin-top:4px;
box-shadow:1px 1px 2px #999;}
.roz{
width:200px;
height:200px;
background-color:#fff;
border-radius:6px;
float:right;
margin:10px 5px 5px 5px;
border:1px solid #999;
}
#roz{
width:200px;
height:30px;
border-bottom-left-radius:40px;
border-bottom-right-radius:40px;
text-align:center;
font-size:22px;
color:#fff;
background-color:#0c6760;
}
.bargozideha{
width:500px;
height:500px;
background-color:#fff;
float:right;
margin:10px 9px 5px 5px;
border:1px solid #999;
border-radius:6px;
}
#bargozideha{
width:490px;
height:28px;
background-color:#0c6760;
border-bottom-left-radius:40px;
text-align:right;
direction:rtl;
font-size:22px;
color:#fff;
padding:6px 10px 0 0;
}
.slider{
width:250px;
height:300px;
background-color:#fff;
border-radius:6px;
float:left;
margin:10px; 5px; 0 0;
border:1px solid #999;
}
.yadashtha
{
width:200px;
height:200px;
background-color:#fff;
border-radius:6px;
float:right;
border:1px solid #999;
}
نمیدونم جایی خوب تاپیک زدم یا نه
به هر حال معذرت
دوستان مین میخوام ساید بار برای قالب طراحی کنم که زیر هم دیگه قرار بگیرند منظورم به عکس میگم
112927
میخوام اون سایدبار که نشون دادم بیاد زیر یاداشتهای روز
کد های html
</div>
<div class="body">
<div class="roz">
<div id="roz">یاداشت روز</div>
</div>
<div class="bargozideha">
<div id="bargozideha">برگزیده ها</div>
</div>
<div class="slider"></div>
<br />
<div class="yadashtha"></div>
</div>
</body>
css
.body{
width:1000px;
margin:0 auto;
height:3000px;
background-color:#EAEAEA;
border-radius:4px;
margin-top:4px;
box-shadow:1px 1px 2px #999;}
.roz{
width:200px;
height:200px;
background-color:#fff;
border-radius:6px;
float:right;
margin:10px 5px 5px 5px;
border:1px solid #999;
}
#roz{
width:200px;
height:30px;
border-bottom-left-radius:40px;
border-bottom-right-radius:40px;
text-align:center;
font-size:22px;
color:#fff;
background-color:#0c6760;
}
.bargozideha{
width:500px;
height:500px;
background-color:#fff;
float:right;
margin:10px 9px 5px 5px;
border:1px solid #999;
border-radius:6px;
}
#bargozideha{
width:490px;
height:28px;
background-color:#0c6760;
border-bottom-left-radius:40px;
text-align:right;
direction:rtl;
font-size:22px;
color:#fff;
padding:6px 10px 0 0;
}
.slider{
width:250px;
height:300px;
background-color:#fff;
border-radius:6px;
float:left;
margin:10px; 5px; 0 0;
border:1px solid #999;
}
.yadashtha
{
width:200px;
height:200px;
background-color:#fff;
border-radius:6px;
float:right;
border:1px solid #999;
}