меню
usenok2908
Понедельник, 17 Декабря 2012, 09:55 | Сообщение 1
Code
<style> .side-navigation{width:235px;background:url('http://zornet.ru/zornet_ru5/pagebg.jpg') #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:10px;color:#fff} .side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid ##1C1C1C} .side-navigation .block-inner{padding-bottom:2px} .side-block .block-inner{padding:5px;} .side-block .block-inner.nopadding{padding:0px !important;} .zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;} .zp-links a:hover{color:#FFB32E;padding-left:14px;background:rgba(0,0,0,0.2)} .zp-links a.w-sub{background:url('http://zornet.ru/zornet_ru5/submenu-btn.png') no-repeat;background-position:190px 7px} .zp-links a.w-sub:hover{background:url('http://zornet.ru/zornet_ru5/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:195px 7px} .zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px} .zp-links .s-level a.w-sub:hover{background-position:190px 7px} .zp-links .s-level{padding-left:22px} .zp-links .s-level a{border-left:2px solid #FFB32E;font-weight:normal} .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px} </style> <div class="side-navigation"> <div class="block-head" style="padding:5px 8px 0px 8px;"><img src="http://zornet.ru/zornet_ru5/nav-block-title.png" alt="Меню сайта"></div> <div class="block-inner"> <div class="zp-links"> <a title="Главная" href="http://yeisk-sea.ucoz.ru/">Главная</a> <a title="Навигатор" href="http://yeisk-sea.ucoz.ru/index/kak_do_nas_doekhat/0-6">Как доехать</a> <a title="Климат" href="http://yeisk-sea.ucoz.ru/index/klimat_ejska/0-17">Климат Ейска</a> <a title="Советы" href="http://yeisk-sea.ucoz.ru/index/otvety/0-11">Полезно знать</a> <a title="Карты" href="http://yeisk-sea.ucoz.ru/index/khranilishhe_kart/0-41">Хранилище карт</a> <a rel="soft-menu" class="w-sub" href="javascript://">Развлечения</a> <div class="s-level" id="soft-menu" style="display: none"> <a title="Аквапарк" href="http://yeisk-sea.ucoz.ru/index/akvapark_foto/0-58" >Аквапарк "Немо"</a> <a title="Дельфинарий" href="http://yeisk-sea.ucoz.ru/index/delfinarij_foto/0-59" >Дельфинарий</a> <a title="Рестораны,кафе" href="http://yeisk-sea.ucoz.ru/index/restorany_kafe/0-19" >Рестораны,кафе</a> <a title="Ночные клубы" href="http://yeisk-sea.ucoz.ru/index/otdokhnut/0-21" >Ночные клубы</a> <a title="Отдых с детьми" href="http://yeisk-sea.ucoz.ru/index/otdykh_s_detmi/0-25" >Отдых с детьми</a> <a title="Казино" href="http://yeisk-sea.ucoz.ru/index/kazino_quot_azov_siti_quot/0-49" >Казино "Азов-сити"</a> </div> <a rel="games-menu" class="w-sub" href="javascript://">Наши услуги</a> <div class="s-level" id="games-menu" style="display: none"> <a title="Трансфер" href="http://yeisk-sea.ucoz.ru/index/nashi_uslugi/0-29" >Трансфер</a></a> <a title="Советов" href="http://yeisk-sea.ucoz.ru/index/na_sovetov/0-23" >Номера на ул.Советов </a> <a title="Морская" href="http://yeisk-sea.ucoz.ru/index/na_morskoj/0-24" >Номера на ул.Морской </a> </div> <a rel="pers-menu" class="w-sub" href="javascript://">Гостевая книга</a> <div class="s-level" id="pers-menu" style="display: none"> <a title="Оставьте ваш отзыв" href="http://yeisk-sea.ucoz.ru/gb/">Гостевая книга</a> <a title="Добавляйте ваши фото" href="http://yeisk-sea.ucoz.ru/photo/">Фотографии отдыха</a> </div> <div class="block-inner"> <div class="zp-links"> <a title="Бронирование" href="http://yeisk-sea.ucoz.ru/index/bronirovanie/0-42">Забронировать</a> </div> </div> </div> </div> </div> <script type="text/javascript"> $(function(){ $(".s-level").hide(); $(".zp-links a.w-sub").click(function(){ var submenu = $(this).attr('rel'); $("#"+submenu+"").toggle('fast'); }); }); </script>
а в это меню можно вставить маленькие картинки? не могу еще разобраться как поменять цвет букв в слове навигация (в начале меню.... как стрелки (которые указывают в меню что есть подменю поменять на черный? извините что так много вопросов,но меню понравилось и хотелось бы немного его поменять
Отдых в городе Ейске подробнее о нас
Сообщение отредактировал usenok2908 - Понедельник, 17 Декабря 2012, 11:18
Страна: (RU )
Kosten
Понедельник, 17 Декабря 2012, 12:38 | Сообщение 2
usenok2908 , про картинки не знаю. Навигация пишется на фотошопе, значит можно поменять в навигаций цвет какой вам нужен!
Страна: (RU )
usenok2908
Понедельник, 17 Декабря 2012, 12:42 | Сообщение 3
Kosten , можешь показать куда вставляеться название меню и каких размеров,а через фотошоп я сделаю
Отдых в городе Ейске подробнее о нас
Страна: (RU )
Kosten
Понедельник, 17 Декабря 2012, 12:48 | Сообщение 4
Меню
Code
<style> .side-navigation{width:205px;background:url('http://zornet.ru/zornet_ru5/pagebg.jpg') #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:10px;color:#fff} .side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid #000} .side-navigation .block-inner{padding-bottom:2px} .side-block .block-inner{padding:5px;} .side-block .block-inner.nopadding{padding:0px !important;} .zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;} .zp-links a:hover{color:#FFB32E;padding-left:14px;background:rgba(0,0,0,0.2)} .zp-links a.w-sub{background:url('http://zornet.ru/zornet_ru5/submenu-btn.png') no-repeat;background-position:190px 7px} .zp-links a.w-sub:hover{background:url('http://zornet.ru/zornet_ru5/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:195px 7px} .zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px} .zp-links .s-level a.w-sub:hover{background-position:190px 7px} .zp-links .s-level{padding-left:22px} .zp-links .s-level a{border-left:2px solid #FFB32E;font-weight:normal} .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px} </style> <div class="side-navigation"> <div class="block-head" style="padding:5px 8px 0px 8px;"><img src="http://zornet.ru/zornet_ru5/nav-block-title.png" alt="Навигация"></div> <div class="block-inner"> <div class="zp-links"> <a title="Главная" href="http://zornet.ru/">Главная</a> <a title="Форум игрока" href="http://zornet.ru/forum/">На форум</a> <a title="Новости" href="/news/">Новости</a> <a title="Музыка" href="/blog/">Музыка</a> <a title="Статьи" href="/publ/">Статьи</a> <a title="ФотоZал" href="/photo/" >ФотоZал</a> <a title="КиноZал" href="/stuff/" >КиноZал</a> <a title="Обзор Игр" href="/board" >Обзор Игр</a> <a title="Файловый архив" href="/load" >Файловый архив</a> <a title="Мониторинг серверов" href="/dir" >Мониторинг серверов</a> <a rel="soft-menu" class="w-sub" href="javascript://">uCoz</a> <div class="s-level" id="soft-menu" style="display: none"> <a title="Шаблоны для Ucoz" href="/load/13" >Шаблоны</a> <a title="Скрипты для Ucoz" href="/load/14" >Скрипты</a> <a title="Шапки для Ucoz" href="/load/15" >Шапки</a> <a title="Смайлы и Иконки для Ucoz" href="/load/16" >Смайлы и Иконки</a> <a title="PSD Баннера 468x60 и 88x31" href="/load/47" >PSD Баннера</a> <a title="Часы для Ucoz" href="/load/48" >Часы</a> <a title="Иконки групп для Ucoz" href="/load/50" >Иконки групп </a> </div> <a rel="games-menu" class="w-sub" href="javascript://">Counter-Strike 1.6</a> <div class="s-level" id="games-menu" style="display: none"> <a title="Консольные команды для Counter strike 1.6" href="/load/19" >Консольные команды</a></a> <a title="Готовые Сервера для Counter strike 1.6" href="/load/20" >Готовые Сервера </a> <a title="Модели Игроков для Counter strike 1.6" href="/load/21" >Модели Игроков </a> <a title="Модели Оружия для Counter strike 1.6" href="/load/22" >Модели Оружия</a> <a title="Анти-читы для Counter strike 1.6" href="/load/23" >Анти-читы </a> <a title="Плагины для Counter strike 1.6" href="/load/24" >Плагины </a> <a title="Карты для Counter strike 1.6" href="/load/25" >Карты </a> <a title="Читы для Counter strike 1.6" href="/load/26" >Читы </a> <a title="Боты для Counter strike 1.6" href="/load/44" >Боты</a> <a title="Звуки для Counter strike 1.6" href="/load/45" >Звуки</a> <a title="Моды для Counter strike 1.6" href="/load/46" >Моды</a> <a title="Config.cfg Конфиги для Counter strike 1.6" href="/load/51" >Config.cfg Конфиги</a> </div> <a rel="kino-menu" class="w-sub" href="javascript://">Counter-Strike: Source</a> <div class="s-level" id="kino-menu" style="display: none"> <a title="Скачать Counter-Strike:Source" href="/load/29">Counter-Strike:Source</a> <a title="Скачать Counter-Strike:Source" href="/load/30">Программы</a> <a title="Скачать Counter-Strike:Source" href="/load/32">Плагины</a> <a title="Скачать Counter-Strike:Source" href="/load/33">Античиты</a> <a title="Скачать Counter-Strike:Source" href="/load/34">Карты</a> <a title="Скачать Counter-Strike:Source" href="/load/35">Модели игроков</a> <a title="Скачать Counter-Strike:Source" href="/load/36">Модели оружия</a> <a title="Скачать Counter-Strike:Source" href="/load/56">Готовые сервера</a> </div> <a rel="pers-menu" class="w-sub" href="javascript://">MINECRAFT</a> <div class="s-level" id="pers-menu" style="display: none"> <a title="Моды для minecraft" href="/load/38">Моды</a> <a title="Клиенты для minecraft" href="/load/39">Клиенты</a> <a title="Текстуры для minecraft" href="/load/42">Текстуры</a> <a title="Карты для minecraft" href="/load/43">Карты</a> <a title="Софт для minecraft" href="/load/40">Софт</a> <a title="Разное для minecraft" href="/load/41">Разное</a> </div> <a rel="webmaser-menu" class="w-sub" href="javascript://">Персональный компютер (PC)</a> <div class="s-level" id="webmaser-menu" style="display: none"> <a rel="dle-menu" class="w-sub" href="javascript://">Программы</a> <div class="s-level" id="dle-menu" style="display: none"> <a title="Релизы" href="/webmaster/dle/releases/">Релизы</a> <a title="Шаблоны" href="/webmaster/dle/dle-tempalates/">Шаблоны</a> <a title="Модули" href="/webmaster/dle/modules/">Модули</a> <a title="Скрипты" href="/webmaster/dle/dle-scripts/">Скрипты</a> </div> <a rel="ipb-menu" class="w-sub" href="javascript://">Игры</a> <div class="s-level" id="ipb-menu" style="display: none"> <a title="Скины" href="/webmaster/ipb/skins/">Скины</a> <a title="Модификации" href="/webmaster/ipb/modifications/">Модификации</a> <a title="Модули" href="/webmaster/ipb/ipb-modules/">Модули</a> </div> </div> </div> </div> </div> <script type="text/javascript"> $(function(){ $(".s-level").hide(); $(".zp-links a.w-sub").click(function(){ var submenu = $(this).attr('rel'); $("#"+submenu+"").toggle('fast'); }); }); </script> <script type="text/javascript" src="http://zornet.ru/zornet_ru5/m_color.js"></script>
Надпись Навигация Code
http://zornet.ru/zornet_ru5/nav-block-title.png
Стрелка Code
http://zornet.ru/zornet_ru5/submenu-btn.png
Все можно это красить.. потом поменять в меню!
Страна: (RU )
Kosten
Понедельник, 17 Декабря 2012, 12:53 | Сообщение 6
usenok2908 , сделай сначало это.. потом о картинках задумывайся)))
Страна: (RU )
Delete
Понедельник, 17 Декабря 2012, 14:03 | Сообщение 7
Quote (usenok2908 )
а в это меню можно вставить маленькие картинки?
да... Quote (usenok2908 )
извините что так много вопросов,но меню понравилось и хотелось бы немного его поменять
да ниче страшного...пешите что именно и само главное подробно, нуц чтобы в обратную не было вопросов Quote (usenok2908 )
на черный
хм...черный не очень будет смотреться...я сделаю для начала мокрого асвальта...как было на моем старом шаблоне...=(
На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU )
Delete
Понедельник, 17 Декабря 2012, 14:20 | Сообщение 8
Code
<style> .side-navigation{width:235px;background:url('http://zornet.ru/zornet_ru5/pagebg.jpg') #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:10px;color:#fff} .side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid ##1C1C1C} .side-navigation .block-inner{padding-bottom:2px} .side-block .block-inner{padding:5px;} .side-block .block-inner.nopadding{padding:0px !important;} .zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;} .zp-links a:hover{color:#8B8989;padding-left:14px;background:rgba(0,0,0,0.2)} .zp-links a.w-sub{background:url('http://zornet.ru/zornet_ru5/submenu-btn.png') no-repeat;background-position:190px 7px} .zp-links a.w-sub:hover{background:url('http://zornet.ru/zornet_ru5/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:195px 7px} .zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px} .zp-links .s-level a.w-sub:hover{background-position:190px 7px} .zp-links .s-level{padding-left:22px} .zp-links .s-level a{border-left:2px solid #8B8989;font-weight:normal} .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px} </style> <div class="side-navigation"> <div class="block-head" style="padding:5px 8px 0px 8px;"><img src="http://zornet.ru/zornet_ru5/nav-block-title.png" alt="Меню сайта"></div> <div class="block-inner"> <div class="zp-links"> <a title="Главная" href="/">Главная</a> <a title="Навигатор" href="/index/kak_do_nas_doekhat/0-6">Как доехать</a> <a title="Климат" href="/index/klimat_ejska/0-17">Климат Ейска</a> <a title="Советы" href="/index/otvety/0-11">Полезно знать</a> <a title="Карты" href="/index/khranilishhe_kart/0-41">Хранилище карт</a> <a rel="soft-menu" class="w-sub" href="javascript://">Развлечения</a> <div class="s-level" id="soft-menu" style="display: none"> <a title="Аквапарк" href="/index/akvapark_foto/0-58" >Аквапарк "Немо"</a> <a title="Дельфинарий" href="/index/delfinarij_foto/0-59" >Дельфинарий</a> <a title="Рестораны,кафе" href="/index/restorany_kafe/0-19" >Рестораны,кафе</a> <a title="Ночные клубы" href="/index/otdokhnut/0-21" >Ночные клубы</a> <a title="Отдых с детьми" href="/index/otdykh_s_detmi/0-25" >Отдых с детьми</a> <a title="Казино" href="/index/kazino_quot_azov_siti_quot/0-49" >Казино "Азов-сити"</a> </div> <a rel="games-menu" class="w-sub" href="javascript://">Наши услуги</a> <div class="s-level" id="games-menu" style="display: none"> <a title="Трансфер" href="/index/nashi_uslugi/0-29" >Трансфер</a></a> <a title="Советов" href="/index/na_sovetov/0-23" >Номера на ул.Советов </a> <a title="Морская" href="/index/na_morskoj/0-24" >Номера на ул.Морской </a> </div> <a rel="pers-menu" class="w-sub" href="javascript://">Гостевая книга</a> <div class="s-level" id="pers-menu" style="display: none"> <a title="Оставьте ваш отзыв" href="/gb/">Гостевая книга</a> <a title="Добавляйте ваши фото" href="/photo/">Фотографии отдыха</a> </div> <div class="block-inner"> <div class="zp-links"> <a title="Бронирование" href="/index/bronirovanie/0-42">Забронировать</a> </div> </div> </div> </div> </div> <script type="text/javascript"> $(function(){ $(".s-level").hide(); $(".zp-links a.w-sub").click(function(){ var submenu = $(this).attr('rel'); $("#"+submenu+"").toggle('fast'); }); }); </script>
и так...чтобы поставить другой цвет при наведении на текст данного меню нам нужно всеголиш сменить старый цвет на свой в двух строчках! 1.) в этой строчке меняем цвет при наведении на текст: Code
.zp-links a:hover{color:#8B8989;padding-left:14px;background:rgba(0,0,0,0.2)}
Как вы уже поняли цвет вот #8B8989 его мы и будем заменять на свой =) 2.) а вот в этой строчке мы изменяем цвет вертикальной полоски перед текстом в подменю Code
.zp-links .s-level a{border-left:2px solid #8B8989;font-weight:normal}
Как вы уже поняли цвет вот #8B8989 его мы и будем заменять на свой =) Автор ст N_O_O_B
На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU )
usenok2908
Понедельник, 17 Декабря 2012, 14:50 | Сообщение 9
N_O_O_B , ну вот я все поделала,а вот теперь как нить за мини картинки?!т.е (какая то картинка)главная (какая нить картинка)как доехать (какая нить картинка)климат ейска и т.д
Отдых в городе Ейске подробнее о нас
Страна: (RU )
Kosten
Понедельник, 17 Декабря 2012, 15:04 | Сообщение 10
usenok2908 , вижу исправила, почему надпись навигацию не поставила, по середине смотрелось не дурно бы. Могу свою надпись дать если нужно перекрасиш.. и все!
Страна: (RU )
Kosten
Понедельник, 17 Декабря 2012, 15:06 | Сообщение 11
Можно по дизайну в меню картинку светлую поставить. Что у вас в городе Ейске все знают.. можно поставить.. а то светлая как то обыдено.
Страна: (RU )
usenok2908
Понедельник, 17 Декабря 2012, 15:10 | Сообщение 12
Kosten , если честно не как не могу подобрать....эту поставила вроде прикольно при развороте смотриться-необычно....а на счет навигация я так подумала и так в блоке написано меню сайта и еще и там,вот и подумала убрать.кстати до этого ставила фото на тему ейск,буквы становиться не видно на светлом хоть по ччече
Отдых в городе Ейске подробнее о нас
Сообщение отредактировал usenok2908 - Понедельник, 17 Декабря 2012, 15:13
Страна: (RU )
Kosten
Понедельник, 17 Декабря 2012, 15:11 | Сообщение 13
1) И пора заняться продвижением сайта, так сказать нарастить ссылочную массу. Ключевых слов, многовато. в самый раз от 10 до 12, сильно хорошо тоже не хорошо.
Страна: (RU )
Kosten
Понедельник, 17 Декабря 2012, 15:12 | Сообщение 14
usenok2908 , у вас же море если не ошибаюсь.. найди картинку морскую волну .. голубым цветом.. думаю красиво будит смотреться!
Страна: (RU )
usenok2908
Понедельник, 17 Декабря 2012, 15:15 | Сообщение 15
Kosten , это ты анализ сайта сделала?1на счет ключевых уберу немного.а ссылочную массу нарастить я не умею (только знаю что рассылать по всяким доскам,конечно по этой тематике)
Отдых в городе Ейске подробнее о нас
Страна: (RU )