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

المشرفون: alhitary، طاقم الدعم، طاقم الاستايلات، طاقم الإضافات، طاقم الدروس، طاقم التعريب

Dawn birth
مشرف سابق
مشرف سابق
مشاركات: 942
اشترك في: الخميس فبراير 26, 2009 3:26 pm

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

مشاركةبواسطة Dawn birth » الثلاثاء أغسطس 24, 2010 3:28 pm

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




صورة العضو الشخصية
محمود الديب
عضو فعال
عضو فعال
مشاركات: 1455
اشترك في: الثلاثاء أكتوبر 27, 2009 2:27 pm
مكان: phpbbarabia

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

مشاركةبواسطة محمود الديب » الخميس سبتمبر 15, 2011 9:44 pm

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


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


العودة إلى “الاستايلات”

الموجودون الآن

المستخدمون الذين يتصفحون المنتدى الآن: CommonCrawl Bot و 6 زوار