Меню в боковом виджете

можно ли убрать в верху меню и перенести его в левую или в правую колонку ?

Можно, двумя способами:
- переместить основное меню в боковой виджет
- замаскировать основное меню, а в боковой виджет поставить альтернативное

Dana Domirani пишет:Можно, двумя способами:
- переместить основное меню в боковой виджет
- замаскировать основное меню, а в боковой виджет поставить альтернативное

а как эти 2 способа сделать?

1. В шаблоне overall_header (Верхняя часть страницы) находите строку

Код:

<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

и меняете на

Код:

<td align="{MENU_POSITION}"{MENU_NOWRAP} style="display:none">{GENERATED_NAV_BAR}</td>

Сохраняете, публикуете.

2. В боковой виджет активированной колонки добавляете код меню:

Код:


<ul id="nav">
<li><a href="/portal">Портал</a></li>
<li><a href="/">Форум</a></li>
<li><a href="#">Правила</a></li>
<li><a href="/faq">FAQ</a></li>
<li><a href="/search">Поиск</a></li>
<li><a href="/memberlist" rel="nofollow">Участники</a></li>
<li><a href="/groups" rel="nofollow">Группы</a></li>
<li><a href="/profile?mode=editprofile" id="testprof">Ваш профиль</a></li>
<li><a href="/msg.forum?folder=inbox" id="testls">Ваши ЛС</a></li>
<li><a href="/login.forum?logout" id="testlogin">Выход</a></li>
<li><a href="/profile?mode=register" id="regmen">Регистрация</a></li>
</ul>


В строке

Код:

<li><a href="#">Правила</a></li>

вместо # подставляете ссылку на тему с правилами форума.
Cохраняете.

3. В шаблон overall_footer (Нижняя часть страницы) перед тегом </body> добавляете скрипт:

Код:


<script type="text/javascript">
//<![CDATA[

function testls(link){  if(document.getElementById("i_icon_mini_new_message")){      link.innerHTML = ' &nbsp; Новое ЛС  ▼';  };};

    function testlogin(link){  if(!document.getElementById("i_icon_mini_logout"))
    {      link.innerHTML = 'Вход';
    link.href = "/login.forum?connexion";      document.getElementById("testls").style.display = "none";  }  else{      document.getElementById("regmen").style.display = "none";  }}

    function profile(link){  if(!document.getElementById("i_icon_mini_register"))
    {      link.innerHTML = 'Ваш профиль';      link.href = "/profile?mode=editprofile";  }
    else{      document.getElementById("testprof").style.display = "none";  }}


    testls(document.getElementById("testls"));testlogin(document.getElementById("testlogin")); profile(document.getElementById("profile"));

//]]>
</script>


Сохраняете, публикуете.

4. В персональную CSS добавляете:

Код:

a {
outline: none  !important;
}

ul#nav {
   list-style: none;
   margin: 0;
   padding: 0;
   }
   
#nav li a {
     display: block;
     height: 25px;
   text-decoration:none !important;
   }
   
#nav li a:link, #nav li a:visited {
   color: #CBA55C;
   background: #000;
   padding: 8px 0 0 10px;
   }
   
#nav li a:hover, #nav li a:active {
   color: #fff;
   background: #505050;
   padding: 8px 0 0 10px;
   text-shadow: 0 1px 1px #000;      
   }

Сохраняете. Все.
На выходе должно получится вот такое меню:

спс, а как сделать буквы поменьше?

Подправьте в CSS:

#nav li a {
display: block;
height: 20px;
text-decoration:none !important;
font-size: 10px;
}

#nav li a:link, #nav li a:visited {
color: #CBA55C;
background: #000;
padding: 5px 0 0 10px;
}

#nav li a:hover, #nav li a:active {
color: #fff;
background: #505050;
padding: 5px 0 0 10px;
text-shadow: 0 1px 1px #000;
}

спс! все получилось!

Пожалуйста!
P.S. Вы не забыли доустановить в CSS?

Код:

ul#nav {
  list-style: none;
  margin: 0;
  padding: 0;
  }

Зачем?

Чтобы убрать маркеры (если только Вы их специально не оставили).

Спасибо за панель..У меня вот так получилось .