Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Замена меню (Как правельно заменить?)
Замена меню
time11
Сообщений: 85
Репутация: 0

Сообщение # 1 | 20:52:31
Здравствуйте.Мне хочется заменить меню на сайте на новое.Моё меню сделанно из каталога файлов.Как мне заменить меню чтобы файлы не пострадали в категориях. Мой Сайт fast-torrent.ucoz.ru

Нашол вот такую менюшку и скрипты.только незнаю куда вставлять и что прописывать чтобы после установки всё осталось целое.

a:focus, a:hover {
color : #7dbc00;
}

a {
color : #fff;
text-decoration : none;
}

#navigation {
margin-bottom : 5px;
}

.subnav {
color : #d1d1d1;
text-align:center;
}

.navhead, .navhead_blank {
width:100%;
text-align:center;
height:21px;
padding-top:3px;
background:url('http://wallaby.ucoz.ru/menu/greenrep.png') 0 0 repeat-x;
border:1px solid #7dbc00;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:5px;
}

.selected {
background:url('http://wallaby.ucoz.ru/menu/whiterep.png') 0 0 repeat-x;
border:1px solid #e8e8e8;

font-weight:bold;
}

.selected span {
color:#000!important;
}

.navhead {
cursor : pointer;
}

.submenu {

width:100%;
margin : 0;
padding : 0;
list-style : none;
margin-bottom:20px;
}

.submenu li {
margin:0 auto;
width : 95%;

}

.submenu li a {
width:100%;
display : block;
color : #ccc;
padding-top : 3px;
height : 20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#111;
margin-bottom:3px;
border:1px solid #222;
}

.submenu li a:hover {
color : #fff;
background:#222;
border:1px solid #333;
}

<div id="navigation">
<div class="sidenav">
<div class="navhead_blank"><span><a href="#" title="">Главная страница</a></span></div>
<div class="navhead selected"><span>Меню 1</span></div>
<div style="display: block;" class="subnav">

<ul class="submenu">
<li><a href="#" title="">Ссылка 1</a></li>
<li><a href="#" title="">Ссылка 2</a></li>
<li><a href="#" title="">Ссылка 3</a></li>
<li><a href="#" title="">Ссылка 4</a></li>
</ul>
</div>

<div class="navhead"><span>Меню 2</span></div>
<div style="display: none;" class="subnav">
<ul class="submenu">
<li><a href="#" title="">Ссылка 1</a></li>
<li><a href="#" title="">Ссылка 2</a></li>
<li><a href="#" title="">Ссылка 3</a></li>
</ul>

</div>
<div class="navhead"><span>Меню 3</span></div>
<div style="display: none;" class="subnav">
<ul class="submenu">
<li><a href="#" title="">Ссылка 1</a></li>
<li><a href="#" title="">Ссылка 2</a></li>
<li><a href="#" title="">Ссылка 3</a></li>

<li><a href="#" title="">Ссылка 4</a></li>
</ul>
</div>
<div class="navhead"><span>Меню 4</span></div>
<div style="display: none;" class="subnav">
<ul class="submenu">
<li><a href="#" title="">Ссылка 1</a></li>

<li><a href="#" title="">Ссылка 2</a></li>
<li><a href="#" title="">Ссылка 3</a></li>
</ul>
</div>
<div class="navhead"><span>Меню 5</span></div>
<div style="display: none;" class="subnav">
<ul class="submenu">

<li><a href="#" title="">Ссылка 1</a></li>
<li><a href="#" title="">Ссылка 2</a></li>
<li><a href="http://tpl.if.ua" title="">Ссылка 3</a></li>
</ul>
</div>
</div>
</div>
Прикрепления: 6829096.png(6Kb)
_VITALIK_
Сообщений: 696
Репутация: 115
Уровень замечаний:

Сообщение # 2 | 22:07:06
Цитата time11 ()
Здравствуйте.Мне хочется заменить меню на сайте на новое.Моё меню сделанно из каталога файлов.Как мне заменить меню чтобы файлы не пострадали в категориях. Мой Сайт fast-torrent.ucoz.ru

Нашол вот такую менюшку и скрипты.только незнаю куда вставлять и что прописывать чтобы после установки всё осталось целое.


time11, А чо, вам wallaby не предоставил инструкцию ? у него на сайте вроде с полным пояснением материалы. Вот это в CSS

Код
a:focus, a:hover {    
color : #7dbc00;    
}    

a {    
color : #fff;    
text-decoration : none;    
}    

#navigation {    
margin-bottom : 5px;    
}    

.subnav {    
color : #d1d1d1;    
text-align:center;    
}    

.navhead, .navhead_blank {    
width:100%;    
text-align:center;    
height:21px;    
padding-top:3px;    
background:url('http://wallaby.ucoz.ru/menu/greenrep.png') 0 0 repeat-x;    
border:1px solid #7dbc00;    
-moz-border-radius:5px;    
-webkit-border-radius:5px;    
margin-bottom:5px;    
}    

.selected {    
background:url('http://wallaby.ucoz.ru/menu/whiterep.png') 0 0 repeat-x;    
border:1px solid #e8e8e8;    

font-weight:bold;    
}    

.selected span {    
color:#000!important;    
}    

.navhead {    
cursor : pointer;    
}    

.submenu {    

width:100%;    
margin : 0;    
padding : 0;    
list-style : none;    
margin-bottom:20px;    
}    

.submenu li {    
margin:0 auto;    
width : 95%;    

}    

.submenu li a {    
width:100%;    
display : block;    
color : #ccc;    
padding-top : 3px;    
height : 20px;    
-moz-border-radius:5px;    
-webkit-border-radius:5px;    
background:#111;    
margin-bottom:3px;    
border:1px solid #222;    
}    

.submenu li a:hover {    
color : #fff;    
background:#222;    
border:1px solid #333;    
}


А вот это

Код
<div id="navigation">    
<div class="sidenav">    
<div class="navhead_blank"><span><a href="#" title="">Главная страница</a></span></div>    
<div class="navhead selected"><span>Меню 1</span></div>    
<div style="display: block;" class="subnav">    

<ul class="submenu">    
<li><a href="#" title="">Ссылка 1</a></li>    
<li><a href="#" title="">Ссылка 2</a></li>    
<li><a href="#" title="">Ссылка 3</a></li>    
<li><a href="#" title="">Ссылка 4</a></li>    
</ul>    
</div>    

<div class="navhead"><span>Меню 2</span></div>    
<div style="display: none;" class="subnav">    
<ul class="submenu">    
<li><a href="#" title="">Ссылка 1</a></li>    
<li><a href="#" title="">Ссылка 2</a></li>    
<li><a href="#" title="">Ссылка 3</a></li>    
</ul>    

</div>    
<div class="navhead"><span>Меню 3</span></div>    
<div style="display: none;" class="subnav">    
<ul class="submenu">    
<li><a href="#" title="">Ссылка 1</a></li>    
<li><a href="#" title="">Ссылка 2</a></li>    
<li><a href="#" title="">Ссылка 3</a></li>    

<li><a href="#" title="">Ссылка 4</a></li>    
</ul>    
</div>    
<div class="navhead"><span>Меню 4</span></div>    
<div style="display: none;" class="subnav">    
<ul class="submenu">    
<li><a href="#" title="">Ссылка 1</a></li>    

<li><a href="#" title="">Ссылка 2</a></li>    
<li><a href="#" title="">Ссылка 3</a></li>    
</ul>    
</div>    
<div class="navhead"><span>Меню 5</span></div>    
<div style="display: none;" class="subnav">    
<ul class="submenu">    

<li><a href="#" title="">Ссылка 1</a></li>    
<li><a href="#" title="">Ссылка 2</a></li>    
<li><a href="http://tpl.if.ua" title="">Ссылка 3</a></li>    
</ul>    
</div>    
</div>    
</div>


Ставите вместо системоного меню в виде такого вот кода

Код
<?if($SMENU_1$)?>
<div id="bmenus"><div class="bmt">
<b>Меню</b> сайта
</div></div>
<div id="bcontent"><div class="bcont">
$SMENU_1$
</div></div>
<?endif?>


оно находиться в первом контейнере глобального блка

Сообщение отредактировал _VITALIK_ - Вторник, 10 Фев 2015, 22:47:02
time11
Сообщений: 85
Репутация: 0

Сообщение # 3 | 16:18:26
Цитата _VITALIK_ ()
Ставите вместо системоного меню в виде такого вот кода
Да вот взял вставил и всё да?нужно к скрипту прописывать ссылки к новаму меню чтобы оно работало.в какое место скрипта прописывать ссылки это мне нужно !
killbit
Сообщений: 317
Репутация: 104

Сообщение # 4 | 16:24:21
Цитата time11 ()
в какое место скрипта прописывать ссылки это мне нужно !
спасибо

Везде где
a href="#"
Вместо решетки .

Например

<div id="navigation">
<div class="sidenav">
<div class="navhead_blank"><span><a href="/" title="">Главная страница</a></span></div>
<div class="navhead selected"><span>Меню 1</span></div>
<div style="display: block;" class="subnav">

<ul class="submenu">
<li><a href="/load/ehmuljator_psp_2015/34" title="">DAEMON TOOLS </a></li>
<li><a href="#" title="">Ссылка 2</a></li>
<li><a href="#" title="">Ссылка 3</a></li>
<li><a href="#" title="">Ссылка 4</a></li>
</ul>
</div>
time11
Сообщений: 85
Репутация: 0

Сообщение # 5 | 16:49:43
Здравствуйте.Решил на сайте заменить меню на более красивое fast-torrent.ucoz.ru
НЕ ПОЛУЧАЕТСЯ НИКАК ! Сделал ещё один сайт чтобы попрактиковаться чтобы на моём сайте чтото не нахимичить.
Вобщем нашел скрипт красивого меню.Установил в CSS Одну часть а вторую в блок меню через конструктор админ бара.Меню появилось да,но оно появилось как второе меню внизу старого.Как правильно сделать?
И ещё у меня меню сделанно из каталога файлов и в меню много разделов сами посмотрите fast-torrent.ucoz.ru хочу поставить новое меню и чтобы все файлы сохранились.Прошу помагите.К примеру покажите любой скрипт меню и как прописывать в новое меню ссылки всех файлов что у меня в старом меню.
time11
Сообщений: 85
Репутация: 0

Сообщение # 6 | 16:52:51
Цитата killbit ()
Например
Спасибо сейчас попробую.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Замена меню (Как правельно заменить?)
Страница 1 из 11
Поиск: