Меню навигации

автор pro100-clown Август 16th 2013, 03:08

Добрый день.
Нашел сайт - генератор меню навигации на CSS3
В нем я сделал панель навигации и мне захотелось установить ее на мой форум, только без выпадающего меню, возможно ли это? Если да, то как?

автор **Dana Domirani** Август 16th 2013, 09:57

Всю панель оттуда брать не нужно (она все равно не будет работать так, как стандартное меню навигации). Достаточно скопировать оформление.

1) в шаблоне overall_header (Верхняя часть страницы) найдите переменную

Код:: {GENERATED_NAV_BAR}

и замените на

Код:: <div id="menu-bar">{GENERATED_NAV_BAR}</div>

Сохраните и опубликуйте шаблон.

2) В CSS добавьте настройки:

Код:: #menu-bar { width: 99%; margin: 0px; padding: 6px 6px 4px 6px; height: 34px; line-height: 100%; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; background: #8B8B8B; background: linear-gradient(top, #A9A9A9, #7A7A7A); background: -ms-linear-gradient(top, #A9A9A9, #7A7A7A); background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#7A7A7A)); background: -moz-linear-gradient(top, #A9A9A9, #7A7A7A); border: solid 1px #6D6D6D; position:relative; } #menu-bar a { display: inline-block !important; font-weight: bold; font-family: arial; font-style: normal; font-size: 12px; color: #E7E5E5; text-decoration: none !important; padding: 6px 10px; margin: 0; margin-bottom: 6px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-shadow: 2px 2px 3px #000000; transition-delay: 0s; transition-duration: 0.3s; transition-property: color; transition-timing-function: ease-in-out; } #menu-bar a:hover { background: #0399D4; background: linear-gradient(top, #EBEBEB, #A1A1A1); background: -ms-linear-gradient(top, #EBEBEB, #A1A1A1); background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1)); background: -moz-linear-gradient(top, #EBEBEB, #A1A1A1); color: #444444; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); box-shadow: 0 1px 1px rgba(0, 0, 0, .2); text-shadow: 2px 2px 3px #FFFFFF; } #menu-bar:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #menu-bar { display: inline-block; } html[xmlns] #menu-bar { display: block; } * html #menu-bar { height: 1%; }

Сохраните.

P.s. Обязательно проверьте — в CSS должно быть указано Оптимизировать вашу CSS: Нет

автор pro100-clown Август 16th 2013, 16:23

О, это то-что нужно! Спасибо!

Меню навигации

Меню навигации

Re: Меню навигации

Re: Меню навигации