وضع قائمة جانبية في ستايل بروسيلفر “في جميع الصفحات”
المشرفون: alhitary،طاقم الدعم،طاقم الاستايلات،طاقم الإضافات،طاقم الدروس،طاقم التعريب
-
- مشرف سابق
- مشاركات: 942
- اشترك في: الخميس فبراير 26, 2009 3:26 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;
}
- محمود الديب
- عضو فعال
- مشاركات: 1455
- اشترك في: الثلاثاء أكتوبر 27, 2009 2:27 pm
- مكان: phpbbarabia
- اتصال:
??? ????? ?????? ?? ????? ???????? ??? ???? ????????
?????? ????? ?????? ?? ????? ??????
???? index_body.html ? ???? ?? /
??? ????? /
???? ?? /
??? ????? /
??? ????????? ???????????? Garebooo
???? index_body.html ? ???? ?? /
كود: تحديد الكل
<!-- INCLUDE forumlist_body.html -->
كود: تحديد الكل
<div style="width: 98%px; margin: 0 auto;">
<div style="width: 18%; float: right;">code herer</div>
<div style="width: 80%; float: left;">
كود: تحديد الكل
<br clear="all" />
<!-- INCLUDE breadcrumbs.html -->
كود: تحديد الكل
</div>
</div>
الموجودون الآن
المتصفحون للمنتدى الآن: لا يوجد أعضاء مسجلين متصلين و 10 زوار