| Помогите з гориз. меню |
| Nagato | Дата: Суббота, 06.02.2010, 23:13 | Сообщение # 1 |
Рядовой
Группа: Проверенные
Сообщений: 18
Репутация: 0
Статус: Offline
| Помогите зделать гориз. меню з анимацией для моего сайта ну типо такого: , иль подскажите где скачать ево и как установить!!!
|
| |
|
|
|
| Tobi | Дата: Суббота, 06.02.2010, 23:30 | Сообщение # 2 |
Подполковник
Группа: Проверенные
Сообщений: 147
Репутация: 5
Статус: Offline
| Nagato, ссылку на сайт дай и что в меню должно быть !
|
| |
|
|
|
| Tyler | Дата: Суббота, 06.02.2010, 23:56 | Сообщение # 3 |
|
Да, я такой)))
Группа: Главный модератор
Сообщений: 1475
Репутация: 48
Статус: Offline
| Nagato, ливерпуль навсегда... scouser.ru
|
| |
|
|
|
| Nagato | Дата: Суббота, 06.02.2010, 23:56 | Сообщение # 4 |
Рядовой
Группа: Проверенные
Сообщений: 18
Репутация: 0
Статус: Offline
| Tobi, вот ссилка: http://liverpool-fc.moy.su/ ... вменю должно бить: ГЛАВНАЯ/НОВОСТИ/КОМАНДА/СТАТЬИ/О КЛУБЕ/ФОРУМ/FAN ZONE/НОВОСТИ МИРА/ только желатильно чтоб оно видвигалось... ну типо по адделам как на етом сайте!!!
|
| |
|
|
|
| pikasso | Дата: Воскресенье, 07.02.2010, 19:55 | Сообщение # 5 |
Генерал-майор
Группа: Вебмастер
Сообщений: 360
Репутация: 17
Статус: Offline
| Nagato есть и получше менюхи!
|
| |
|
|
|
| Nagato | Дата: Воскресенье, 07.02.2010, 21:08 | Сообщение # 6 |
Рядовой
Группа: Проверенные
Сообщений: 18
Репутация: 0
Статус: Offline
| pikasso, какие???... я уже какуюто поставил, но она какаято недоделаная... может поможеш!!!
|
| |
|
|
|
| pikasso | Дата: Воскресенье, 07.02.2010, 22:03 | Сообщение # 7 |
Генерал-майор
Группа: Вебмастер
Сообщений: 360
Репутация: 17
Статус: Offline
| куда ставил? архив скрипта кинь гляну?
|
| |
|
|
|
| Nagato | Дата: Воскресенье, 07.02.2010, 22:22 | Сообщение # 8 |
Рядовой
Группа: Проверенные
Сообщений: 18
Репутация: 0
Статус: Offline
| pikasso, вот, било в архиве: Quote Советую создать Глобальный блок с $GLOBAL_GMENU$ любым названием и вставить этот код туда так его легче редактировать и вставлять в то место где вы хотите что бы оно появилось! <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="http://4ucoz.net.ru/scripts/menu/style.css" type="text/css" /> <body> <ul id="saturday"> <li><a href="ССЫЛКА1" title="">СтрСайта</a></li> <li><a href="ССЫЛКА2" title="">СтрСайта</a></li> <li><a href="ССЫЛКА3" title="">СтрСайта</a></li> <li><a href="ССЫЛКА4" title="">СтрСайта</a></li> <li><a href="ССЫЛКА5" title="">СтрСайта</a></li> </ul> </body> Я кинул ето в страници сайта, и оно в меня появилось в горе над шапкой, и прозрачное... как туда вставить какуета основу, типо как било на скрине??? Добавлено (07.02.2010, 22:22) --------------------------------------------- ну мож посмотреть сам, вот ссилка сайта: http://liverpool-fc.moy.su ....
|
| |
|
|
|
| pikasso | Дата: Понедельник, 08.02.2010, 00:19 | Сообщение # 9 |
Генерал-майор
Группа: Вебмастер
Сообщений: 360
Репутация: 17
Статус: Offline
| Nagato, попробуй так ! открой админку найди верхнюю часть сайта(верний блок сайта) и вставь в самый низ! а по поводу основы! ты загружал картинки или нет в корень сайта? в скрипте есть css и внем прописанны картинки но без ссылки на определенный сайт! значит тебе нужно их себе загрузить в папку images!
Сообщение отредактировал pikasso - Понедельник, 08.02.2010, 00:25 |
| |
|
|
|
| SleepWalker | Дата: Понедельник, 08.02.2010, 01:28 | Сообщение # 10 |
Admin
Группа: Администраторы
Сообщений: 2171
Репутация: 128
Статус: Offline
| угу. бо та менюха что здесь написана мною, а мну исчо плохо дружит с анимацией)
Кто хочет, ищет способ, кто не хочет, ищет причину
|
| |
|
|
|
| Nagato | Дата: Понедельник, 08.02.2010, 17:35 | Сообщение # 11 |
Рядовой
Группа: Проверенные
Сообщений: 18
Репутация: 0
Статус: Offline
| Спосибо!!! буду пробивать... Добавлено (08.02.2010, 17:35) --------------------------------------------- извените, но уменя ище один вопрос... куда в етом скрипте вставлять картинку...
|
| |
|
|
|
| pikasso | Дата: Понедельник, 08.02.2010, 20:45 | Сообщение # 12 |
Генерал-майор
Группа: Вебмастер
Сообщений: 360
Репутация: 17
Статус: Offline
| в этом скрипте толькл ссылка описание сылки и название страницы пример <li><a href="ссылка на страницу" title="описание ссылки">и название страницы</a></li> типа такого <li><a href="http://udf.su/forum/" title="самый класный форум для веб мастеров">Udf Форум</a></li>
|
| |
|
|
|
| Nagato | Дата: Понедельник, 08.02.2010, 23:16 | Сообщение # 13 |
Рядовой
Группа: Проверенные
Сообщений: 18
Репутация: 0
Статус: Offline
| ясно наверное прейдетса скачать другое меню... там где есть скрипт и картинки для основи...
|
| |
|
|
|
| Tobi | Дата: Вторник, 09.02.2010, 00:32 | Сообщение # 14 |
Подполковник
Группа: Проверенные
Сообщений: 147
Репутация: 5
Статус: Offline
| Nagato, Вод это демка меню!И скачай это и загрузи на сайт А вот это ставиш туда где должнобыть меню! Code <style type="text/css">
body { margin: 0; padding: 0; font: 10px normal Verdana, Arial, Helvetica, sans-serif; } h1 { font: 4.7em normal Georgia, 'Times New Roman', Times, serif; color: #fff; margin: 0; text-align: center; padding: 5px 0; } h1 small{ font: 0.2em normal Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 1.4em; display: block; color: #ccc; }
} img {border: none;} ul#topnav { margin: 10px 0 20px; padding: 0; list-style: none; font-size: 1.1em; clear: both; float: left; width: 900px; } ul#topnav li{ margin: 0; padding: 0; overflow: hidden; float: left; height:40px; } ul#topnav a, ul#topnav span { padding: 10px 20px; float: left; text-decoration: none; color: #fff; text-transform: uppercase; clear: both; height: 20px; line-height: 20px; } ul#topnav a { color: #7bc441; } ul#topnav span { display: none; }
ul#topnav.v2 span{ background: url(a_bg.gif) repeat-x left top; } ul#topnav.v2 a{ color: #555; background: url(a_bg.gif) repeat-x left bottom; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript">
$(document).ready(function() { $("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag $("#topnav li").each(function() { //For each list item... var linkText = $(this).find("a").html(); //Find the text inside of the a tag $(this).find("span").show().html(linkText); //Add the text in the span tag }); $("#topnav li").hover(function() { //On hover... $(this).find("span").stop().animate({ marginTop: "-40" //Find the span tag and move it up 40 pixels }, 250); } , function() { //On hover out... $(this).find("span").stop().animate({ marginTop: "0" //Move the span back to its original state (0px) }, 250); }); }); </script>
<body>
<div class="container"> <ul id="topnav" class="v2"> <li><a href="ссылка">Главная</a></li> <li><a href="ссылка">Новости</a></li> <li><a href="ссылка">Каманда</a></li> <li><a href="ссылка">Статьи</a></li> <li><a href="ссылка">О клубе</a></li> <li><a href="ссылка">Форум</a></li> <li><a href="ссылка">FAN ZONE</a></li> <li><a href="ссылка">Новости мира</a></li> </ul> Добавлено (09.02.2010, 00:32) --------------------------------------------- Там где написана ссылка пишиш адрес !
|
| |
|
|
|
| pikasso | Дата: Вторник, 09.02.2010, 01:32 | Сообщение # 15 |
Генерал-майор
Группа: Вебмастер
Сообщений: 360
Репутация: 17
Статус: Offline
| Tobi, симпатичное решение!
|
| |
|
|