Четверг, 28.03.2024, 12:25
ВЕБ МАСТЕР
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Форум » web-мастер » СКРИПТЫ » МЕНЮ
МЕНЮ
teca-vДата: Воскресенье, 05.04.2009, 20:30 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline
МЕНЮ
 
teca-vДата: Воскресенье, 05.04.2009, 20:40 | Сообщение # 2
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline
Горизонтальное меню

Ставим в CSS в любое место
Code
/* Menu_2 */   
.preload1 {background: url(ссылка на ваш сайт/six_0.gif);}   
.preload2 {background: url(ссылка на ваш сайт/six_1.gif);}   

#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(ссылка на ваш сайт/six_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}   
#nav li.top {display:block; float:left;}   
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(ссылка на ваш сайт/six_0.gif);}   
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(ссылка на ваш сайт/six_0.gif) right top no-repeat;}   
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(ссылка на ваш сайт/six_0.gif) no-repeat right top;}   

#nav li:hover a.top_link,   
#nav a.top_link:hover   
{color:#fff; background: url(ссылка на ваш сайт/six_1.gif) no-repeat;}   
#nav li:hover a.top_link span,       
#nav a.top_link:hover span   
{background:url(ссылка на ваш сайт/six_1.gif) no-repeat right top;}   
#nav li:hover a.top_link span.down,   
#nav a.top_link:hover span.down   
{background:url(ссылка на ваш сайт/six_1.gif) no-repeat right top; padding-bottom:3px;}   
/* ------------- */

Ставим на ту страницу где хотим видеть эту менюшку (можно ставить куда угодно)
Code
<ul id="nav">  
      <li class="top"><a href="ваша ссылка"class="top_link"><span><b>Главная страница</b></span></a></li>  
      <li class="top"><a href="ваша ссылка"class="top_link"><span><b>Новинки</b></span></a></li>  
      <li class="top"><a href="ваша ссылка"class="top_link"><span>Форум</span></a></li>  
</ul>
 
teca-vДата: Среда, 08.04.2009, 12:34 | Сообщение # 3
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline
Красивое меню на сайт

Доступно только для пользователей
 
teca-vДата: Среда, 08.04.2009, 12:50 | Сообщение # 4
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline
Доступно только для пользователей
 
teca-vДата: Среда, 08.04.2009, 12:57 | Сообщение # 5
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline
Симпатичное меню
Вставлять в CSS
Доступно только для пользователей
 
teca-vДата: Среда, 08.04.2009, 13:03 | Сообщение # 6
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline
Доступно только для пользователей
 
teca-vДата: Среда, 08.04.2009, 13:15 | Сообщение # 7
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline
Доступно только для пользователей
 
teca-vДата: Воскресенье, 19.04.2009, 23:50 | Сообщение # 8
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline
Красивое горизонтальное меню
Это ставим перед </head>: (страница сайта)
Code
<style type="text/css">  
/*Credits: By Santosh Setty (http://www.allru.ucoz.net) */  

.glossymenu{  
position: relative;  
padding: 0 0 0 34px;  
margin: 0 auto 0 auto;  
background: url() repeat-x; /*путь к картинке заднего фона*/  
height: 30px;  
list-style: none;  
}  

.glossymenu li{  
float:right;  
}  

.glossymenu li a{  
float: left;  
display: block;  
color:#ffa200;  
text-decoration: none;  
font-family: sans-serif;  
font-size: 13px;  
font-weight: bold;  
padding:0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/  
height: 30px;  
line-height: 30px;  
text-align: center;  
cursor: pointer;  
}  

.glossymenu li a b{  
float: left;  
display: block;  
padding: 0 24px 0 8px; /*Расстояние между элементами меню*/  
}  

.glossymenu li.current a, .glossymenu li a:hover{  
color: #000000;  
background: url(http://allru.ucoz.net/images/menu_n_2.png) no-repeat; /*путь к левой картинке*/  
background-position: left;  
}  

.glossymenu li.current a b, .glossymenu li a:hover b{  
color: #000000;  
background: url(http://allru.ucoz.net/images/menu_n_1.png) no-repeat right top; /*путь к правой картинке*/  
}</style>

А это ставим туда где вы хотите чтобы было меню:
Code
<td width="10%" align="right" style="font-size:10px;padding-right:10px;">  
<ul class="glossymenu">  
<li><a href="ссылка"><b>Название</b></a></li>  
<li><a href="ссылка"><b>Название</b></a></li>   
<li><a href="ссылка"><b>Название</b></a></li>   
<li><a href="ссылка"><b>Название</b></a></li>   
<li><a href="ссылка"><b>Название</b></a></li>   
<li><a href="ссылка"><b>Название</b></a></li>   
<li><a href="ссылка"><b>Название</b></a></li>   
</ul>  
</td>
 
teca-vДата: Понедельник, 20.04.2009, 00:23 | Сообщение # 9
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline

Заходим в CSS и ищем:
Code
/* Main Menu */

И начинаем стирать, все, до первого:
Code
/* --------- */

А за место этого ставим:
Code
/* Main Menu */   
.m {font-weight:normal;}   
a.m:link {text-decoration:none; color:#FFFFFF}   
a.m:active {text-decoration:none; color:#FFFFFF}   
a.m:visited {text-decoration:none; color:#FFFFFF}   
a.m:hover {text-decoration:underline; color:#000000}  

.ma {font-weight:bold;}   
a.ma:link {text-decoration:none; color:#000000}   
a.ma:visited {text-decoration:none; color:#000000}   
a.ma:hover {text-decoration:underline; color:#0E467A}   
li.m {margin: 0; padding: 3px 15px 3px 0; background: url('http://script-for.ucoz.ru/images/menuu.gif') center; margin-bottom: 1px;text-align:right;}   
/* --------- */

Затем идем в меню вашего сайта и ссылки в меню оформляем примерно так:
Code
<ul class="uz">   
<li class="m"><a class="m" href="$HOME_PAGE_LINK$">Главная страница</a></li>   
<li class="m"><a class="m" href="http://ваш сайт/forum">Форум</a> <font color="#ff0000">new!</font></li>   
<li class="m"><a class="m" href="http://ваш сайт/dir/>Каталог сайтов</a></li>   
<li class="m"><a class="m" href="http://ссылка">Скрипты для UcoZ</a></li>   
<li class="m"><a class="m" href="http://ссылка">Шаблоны для UcoZ</a></li>   
<li class="m"><a class="m" href="http://ссылка">Для веб-дизайнера</a></li>   
<li class="m"><a class="m" href="http://ваш сайт/gb">Гостевая Книга</a></li>  
<li class="m"><a class="m" href="http://ссылка">Контакты</a></li>   
</ul>

Ccылки поднастроите под свой сайт!
 
teca-vДата: Понедельник, 20.04.2009, 00:29 | Сообщение # 10
Майор
Группа: Администраторы
Сообщений: 93
Репутация: 0
Статус: Offline
меню с переливом
тут
 
Форум » web-мастер » СКРИПТЫ » МЕНЮ
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Статистика Форума
Информационный центр: Чат: ТОП Пользователей


Новости:
200
<