پرش به


تصویر

اضافه کردن منوی ابشاری در کنار و بالای سایت


  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
2 پاسخ برای این موضوع

#1 shadow.pro

shadow.pro

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 58 ارسال

ارسالی 1391/06/01 ساعت 18:11



سلام
اگر من بخوام منوی بالایی و منوی سمت راست رو کشویی کنم باید چیکار کنم و در main.tpl و css چه تغییری ایجاد کنم..؟



main.tpl

        <tr>
            <td style="height: 24px; border-bottom:1px solid #363636">
            <tab
le dir="rtl" border="0" cellpadding="2" width="100%" id="table6">
             &n
bsp;  <tr>
             &n
bsp;      <td><ul id="mainlevel-nav"><li><a href="/index.php" class="mainlevel-nav" >صفحه اصلی</a></li><li><a href="/result" class="mainlevel-nav" >ورود به پرتال دانش آموز</a></li><li><a href="/index.php?do=download" class="mainlevel-nav" >دانلود فایل</a></li><li><a href="/index.php?do=register" class="mainlevel-nav" >عضویت آنلاین</a></li><li><a href="http://www.taktazgroup.ir/taktazschool.html" class="mainlevel-nav" >خرید سیستم</a></li><li><a href="/index.php?do=feedback" class="mainlevel-nav" >تماس با کادر مدرسه</a></li></ul></td>
             &n
bsp;      <td class="mydate2" width="200">


<div align="center"  dir="rtl">سیستم مدیریت محتوا مدارس </div>

</td>

و کد style.css
.profimg {
border: 1px solid #333;
}
ul#mainlevel-nav
{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
}

ul#mainlevel-nav li
{
    padding-right: 4px;
    padding-left: 0px;
    float: right;
    font-size: 11px;
    line-height: 20px;
    white-space: nowrap;
    height:24px;
    margin-right:3px;
    margin-left:3px;
}

ul#mainlevel-nav li a
{
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    text-decoration: none;
    color:#000066;
}
ul#mainlevel-nav li a:hover
{
background-color: #0066CC;
color:#FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

این کد منوی بالای سایته و کد منوی سمت راست

main.tpl
             &n
bsp;      فهرست     
           </h3>
             &n
bsp;  
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td><a href="/index.php" class="mainlevel" id="active_menu">صفحه اصلي</a></td></tr>
<tr align="left"><td><a href="/result" class="mainlevel" >دریافت نمرات</a></td></tr>
<tr align="left"><td><a href="/index.php?do=download" class="mainlevel" >دانلود نمونه سوالات امتحانی</a></td></tr>
<tr align="left"><td><a href="/dabir.html" class="mainlevel" >کادر دبیران</a></td></tr>
<tr align="left"><td><a href="/barnameh..php" class="mainlevel" >برنامه کلاسی</a></td></tr>
<tr align="left"><td><a href="/about.html" class="mainlevel" >درباره ما</a></td></tr>
<tr align="left"><td><a href="/index.php?do=feedback" class="mainlevel" >تماس با ما</a></td></tr>

و کد style.css

a.mainlevel:link, a.mainlevel:visited {
    display: block;
    background-image:url(../images/menu_bg_ac.gif
1;;
    background-repeat:no-repeat;
    background-position:top right;
    font-size: 11px;
    font-weight: normal;
    color:#41506F;
    text-align: right;
    padding-right: 8px;
    height: 26px !important;
    line-height:26px;
    width: 185px;
    text-decoration: none;
}

/*

a.mainlevel:link, a.mainlevel:visited {
    display: block;
    background-image:url(../images/menu_2bg.png)
;
    background-repeat:no-repeat;
    background-position:top right;
    font-size: 11px;
    font-weight: normal;
    color:#41506F;
    text-align: right;
    padding-right: 30px;
    height: 28px;
    line-height:28px;
    width: 165px;
    text-decoration: none;
}

*/




  • -1

#2 adminamir12

adminamir12

    کاربر فعال انجمن

  • عضو سایت
  • ستارهستارهستاره
  • 411 ارسال

ارسالی 1391/06/01 ساعت 18:49

shadow.pro,
بین اینطوری یکم گیج کنندست ,شما ادرس سایتت رو بده ,قالبت رو ببینم تا بتونیم نظر بدیم.
  • 0

#3 IMP

IMP

    مدیر بازنشسته

  • عضو سایت
  • ستارهستارهستارهستارهستارهستارهستاره
  • 4,928 ارسال

ارسالی 1391/06/01 ساعت 18:57

برای ارسال لینک و مسائل اینچنینی از پیغام خصوصی استفاده کنید.
  • 0


0 کاربر در حال خواندن این موضوع است

0 کاربر، 0 مهمان و 0 عضو مخفی