??? ????? ?????? ?? ????? ???????? ??? ???? ????????
مرسل: الثلاثاء أغسطس 24, 2010 3:28 pm
?????? ????? ????? ???? ???????
????????????
?? ??? ???? ????? ????? ??? ????? ?????? ?????? ??????? prosilver ???? ???? ?? ???? ????? ??????? .
??????? ???? ???? ???????:
??? ???? :
???? ??? overall_header.html ????? ?? :
??? ????:
???? ??? common.css ????? ?? :
??????? ??:
???? ?? :
??????? ??:
?? ??? ?? ????? ?????:
????????????
?? ??? ???? ????? ????? ??? ????? ?????? ?????? ??????? prosilver ???? ???? ?? ???? ????? ??????? .
??????? ???? ???? ???????:
- overall_footer.html
- overall_header.html
- common.css
كود: تحديد الكل
<div id="page-footer">
كود: تحديد الكل
<div id="side">
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul>
<li class="header">
<dl class="icon">
<dt>??????? ??????</dt>
</dl>
</li>
</ul>
<ul class="side_menu">
<li><a href="#">?????? ?????</a></li>
<li><a href="#">?????? ??????</a></li>
<li><a href="#">?????? ??????</a></li>
<li><a href="#">?????? ??????</a></li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul>
<li class="header">
<dl class="icon">
<dt>??????? ???????</dt>
</dl>
</li>
</ul>
<ul class="side_menu">
<li><a href="#">?????? ?????</a></li>
<li><a href="#">?????? ??????</a></li>
<li><a href="#">?????? ??????</a></li>
<li><a href="#">?????? ??????</a></li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
<div style="clear:both"></div>
</div>
كود: تحديد الكل
<div id="page-body">
كود: تحديد الكل
<div id="wrapcontent">
كود: تحديد الكل
#wrap {
padding: 0 20px;
min-width: 650px;
}
كود: تحديد الكل
#wrap {
padding: 0 15px;
min-width: 950px;
}
كود: تحديد الكل
#page-body {
margin: 4px 0;
clear: both;
}
كود: تحديد الكل
#page-body {
margin: 4px auto;
clear: both;
min-width:700px;
width:76%;
float:left;
}
كود: تحديد الكل
/*------------------------side bar -----------------------*/
#wrapcontent {
margin:auto;
width:100%;
}
#side {
float:right;
width:220px;
min-height:150px;
padding-top:72px;
}
#side ul {
list-style-type:none;
}
ul.side_menu {
list-style-type:none;
width:100%;
margin:0 auto;
display:block;
background-color:#ffffff;
background-image:url("{T_THEME_PATH}/images/gradient.gif");
}
ul.side_menu li {
border-bottom:1px solid #00608F;
border-top:1px solid #FFFFFF;
display:block;
padding:5px 2px;
}
ul.side_menu li.header {
background:transparent;
}