وضع قائمة جانبية في ستايل بروسيلفر “في جميع الصفحات”

[Dawn birth]

?????? ????? ????? ???? ???????
????????????
?? ??? ???? ????? ????? ??? ????? ?????? ?????? ??????? prosilver ???? ???? ?? ???? ????? ??????? .
??????? ???? ???? ???????:

• overall_footer.html
• overall_header.html
  
• common.css

???? ??? overall_footer.html ????? ??:

كود: تحديد الكل

<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>

???? ??? overall_header.html ????? ?? :

كود: تحديد الكل

<div id="page-body">

??? ????:

كود: تحديد الكل

<div id="wrapcontent">

???? ??? common.css ????? ?? :

كود: تحديد الكل

#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;
}

[محمود الديب]

?????? ????? ?????? ?? ????? ??????


???? 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>

??? ????????? ???????????? Garebooo