Хочется Сделать Сверху Основное Меню
#1
Отправлено 19 Ноябрь 2016 - 22:17
Помогите, плз, в реализацией
Меню не по каталогу, а типа Главная-Доставка и тп
#2
Отправлено 20 Ноябрь 2016 - 10:36
explosive (19 Ноябрь 2016 - 22:17) писал:
Помогите, плз, в реализацией
XJ7MYu-Tl70.jpg
Меню не по каталогу, а типа Главная-Доставка и тп
Изменения Вам произвел, проверьте.
#3
Отправлено 20 Ноябрь 2016 - 11:52
Ну и оперативность! Спасибо!
#4
#6
Отправлено 03 Ноябрь 2017 - 05:17
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Блок навигации --> {% IFNOT menu_empty %} <ul class="span44 links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Оплата %}payment{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} <div class="clear"></div> <!-- Прелоадер изображений которые появляются при наведеннии на ссылку в меню --> <div style="position:absolute;top:-9999px;"> <div class="header"> <ul class="links"> <li> <a class="catalog-act"></a> <a class="present-act"></a> <a class="briefcase-act"></a> <a class="key-act"></a> <a class="tick-act"></a> <a class="label-act"></a> <a class="heart-act"></a> <a class="clipboard-act"></a> <a class="address-act"></a> <a class="clock-act"></a> <a class="cart-act"></a> <a class="user-act"></a> <a class="document-act"></a> <a class="home-act"></a> </li> </ul> </div> </div> <!-- /Блок навигации -->
далее найдите:
<!-- Правый блок. Контент сайта --> <div class="span8" style="padding-bottom: 10px;"> <div class="row-fluid">
после него вставьте:
<!-- Блок навигации --> <div class="span12"> {% IFNOT menu_empty %} <ul class="links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Оплата %}payment{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} <div class="clear"></div> <!-- Прелоадер изображений которые появляются при наведеннии на ссылку в меню --> <div style="position:absolute;top:-9999px;"> <div class="header"> <ul class="links"> <li> <a class="catalog-act"></a> <a class="present-act"></a> <a class="briefcase-act"></a> <a class="key-act"></a> <a class="tick-act"></a> <a class="label-act"></a> <a class="heart-act"></a> <a class="clipboard-act"></a> <a class="address-act"></a> <a class="clock-act"></a> <a class="cart-act"></a> <a class="user-act"></a> <a class="document-act"></a> <a class="home-act"></a> </li> </ul> </div> </div> </div> <!-- /Блок навигации -->
Далее зайдите в шаблон main.css - найдите:
.header .links {font-size:1.2em;} .header .links li{display:block;float:left;width:102px; padding-bottom:6px;} .header .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#B2B2B2; text-decoration:none;padding-left:20px;text-align:left;} .header .links li a:hover, .header .links li a.hover{text-decoration:none; color:#000;} .header .links li a.catalog{background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16.png?design=tech") left center no-repeat;} .header .links li a.catalog-act {background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16_act.png?design=tech") left center no-repeat;} .header .links li a.payment{background:url("{ASSETS_IMAGES_PATH}menu_icon_payment_16.png?design=tech") left center no-repeat;} .header .links li a.payment-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_payment_16_act.png?design=tech") left center no-repeat;} .header .links li a.present{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16.png?design=tech") left center no-repeat;} .header .links li a.present-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16_act.png?design=tech") left center no-repeat;} .header .links li a.briefcase{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16.png?design=tech") left center no-repeat;} .header .links li a.briefcase-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16_act.png?design=tech") left center no-repeat;} .header .links li a.key{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16.png?design=tech") left center no-repeat;} .header .links li a.key-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16_act.png?design=tech") left center no-repeat;} .header .links li a.tick{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16.png?design=tech") left center no-repeat;} .header .links li a.tick-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16_act.png?design=tech") left center no-repeat;} .header .links li a.label{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16.png?design=tech") left center no-repeat;} .header .links li a.label-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16_act.png?design=tech") left center no-repeat;} .header .links li a.heart{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16.png?design=tech") left center no-repeat;} .header .links li a.heart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16_act.png?design=tech") left center no-repeat;} .header .links li a.clipboard{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16.png?design=tech") left center no-repeat;} .header .links li a.clipboard-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16_act.png?design=tech") left center no-repeat;} .header .links li a.address{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16.png?design=tech") left center no-repeat;} .header .links li a.address-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16_act.png?design=tech") left center no-repeat;} .header .links li a.clock{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16.png?design=tech") left center no-repeat;} .header .links li a.clock-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16_act.png?design=tech") left center no-repeat;} .header .links li a.cart{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16.png?design=tech") left center no-repeat;} .header .links li a.cart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16_act.png?design=tech") left center no-repeat;} .header .links li a.user{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16.png?design=tech") left center no-repeat;} .header .links li a.user-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16_act.png?design=tech") left center no-repeat;} .header .links li a.document{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16.png?design=tech") left center no-repeat;} .header .links li a.document-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16_act.png?design=tech") left center no-repeat;} .header .links li a.home{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16.png?design=tech") left center no-repeat;} .header .links li a.home-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16_act.png?design=tech") left center no-repeat;}
замените на:
.span8 .row-fluid .links {font-size: 1.2em;padding: 5px;background: #fff;} .span8 .row-fluid .links li{display:inline-block;float:left;width:102px; padding-bottom:6px;} .span8 .row-fluid .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#B2B2B2; text-decoration:none;padding-left:20px;text-align:left;} .span8 .row-fluid .links li a:hover, .span8 .row-fluid .links li a.hover{text-decoration:none; color:#000;} .span8 .row-fluid .links li a.catalog{background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.catalog-act {background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.payment{background:url("{ASSETS_IMAGES_PATH}menu_icon_payment_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.payment-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_payment_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.present{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.present-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.briefcase{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.briefcase-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.key{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.key-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.tick{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.tick-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.label{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.label-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.heart{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.heart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.clipboard{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.clipboard-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.address{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.address-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.clock{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.clock-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.cart{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.cart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.user{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.user-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.document{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.document-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16_act.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.home{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16.png?design=tech") left center no-repeat;} .span8 .row-fluid .links li a.home-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16_act.png?design=tech") left center no-repeat;}
#8
Отправлено 03 Ноябрь 2017 - 16:32
sail12 (03 Ноябрь 2017 - 14:53) писал:
В main.css найдите код
.span8 .row-fluid .links {font-size: 1.2em;padding: 5px;background: #fff;} .span8 .row-fluid .links li{display:inline-block;float:left;width:102px; padding-bottom:6px;} .span8 .row-fluid .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#B2B2B2; text-decoration:none;padding-left:20px;text-align:left;} .span8 .row-fluid .links li a:hover, .span8 .row-fluid .links li a.hover{text-decoration:none; color:#000;}и замените на
.span8 .row-fluid .links {font-size: 1.2em;padding: 5px;overflow:hidden;} .span8 .row-fluid .links li{display:inline-block;float:left;width:102px;background:#000;} .span8 .row-fluid .links li:hover{background-color: #5bb75b;} .span8 .row-fluid .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#fff!important; text-decoration:none;padding:10px 10px 10px 30px;text-align:left;} .span8 .row-fluid .links li a:hover, .span8 .row-fluid .links li a.hover{text-decoration:none; color:#fff !important;}так же найдите код
.links li.last { background:none !important; padding-right:0 !important; }и замените на
.links li.last {padding-right:0 !important; } .span8 .row-fluid .links li a {background-position-x: 10px !important;}
#9
Отправлено 03 Ноябрь 2017 - 17:23
Как убрать иконки с кнопок?
#11
Отправлено 03 Ноябрь 2017 - 17:49
Подскажите пожалуйста, как сделать кнопку "статьи" выпадающим. Идея такая, что бы посетитель на ведя курсор на кнопку "Статьи" вываливался список статей.
#12
Отправлено 04 Ноябрь 2017 - 08:22
В раздел Сайт - Новости и статьи добавьте пожалуйста пару новостей.
#13
Отправлено 04 Ноябрь 2017 - 16:24
#15
Отправлено 07 Ноябрь 2017 - 20:49
#16
Отправлено 08 Ноябрь 2017 - 18:05
sail12 (06 Ноябрь 2017 - 17:27) писал:
<!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %} <div class="menu_main"> <a href="#" class="link_nav" title="Все статьи">Статьи</a>
замените на
<!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %} <div class="menu_main articles"> <a href="#" class="link_nav" title="Все статьи">Статьи</a>
далее в конец файла main.css добавьте
.menu_main.articles:hover ul { display: block; } .menu_main.articles ul { display: none; position: absolute; border: 1px solid #ededed; padding: 10px; z-index: 9; }
#17
Отправлено 08 Ноябрь 2017 - 20:10
#18
Отправлено 08 Ноябрь 2017 - 20:43
sail12 (08 Ноябрь 2017 - 20:10) писал:
Здравствуйте.
Перед кодом HTML:
<!-- /Блок навигации -->
Добавил код:
<div class="clear"></div>
Проверьте сейчас, пожалуйста
#19
Отправлено 08 Ноябрь 2017 - 21:29
Как быть со статьями?
#20
Отправлено 09 Ноябрь 2017 - 06:01
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IFNOT menu_empty %} <ul class="links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %}
замените на:
{% IFNOT menu_empty %} <ul class="links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.NAME=Статьи %}class="news_link"{% ENDIF %}{% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li class="news"> <ul> {% FOR news_list_all %} <li><a href="{news_list_all.URL}" title="Перейти к странице «{news_list_all.TITLE}»" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li> {% ENDFOR %} {% FOR news_list_shop %} <li><a href="{news_list_shop.URL}" title="Перейти к странице «{news_list_shop.TITLE}»" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li> {% ENDFOR %} {% FOR news_list_articles %} <li><a href="{news_list_articles.URL}" title="Перейти к странице «{news_list_articles.TITLE}»" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li> {% ENDFOR %} {% FOR news_list_mass_media %} <li><a href="{news_list_mass_media.URL}" title="Перейти к странице «{news_list_mass_media.TITLE}»" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li> {% ENDFOR %} </ul> </li> </ul> {% ENDIF %}
Далее зайдите в main.css - найдите:
.span8 .row-fluid .links {font-size: 1.2em;padding: 5px;overflow:hidden;} .span8 .row-fluid .links li{display:inline-block;float:left;width:102px;background:#000;} .span8 .row-fluid .links li:hover{background-color: #5bb75b;} .span8 .row-fluid .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#fff!important; text-decoration:none;padding:10px 10px 10px 10px;text-align:center;} .span8 .row-fluid .links li a:hover, .span8 .row-fluid .links li a.hover{text-decoration:none; color:#fff !important;}
замените на:
.span8 .row-fluid .links {font-size: 1.2em;padding: 5px;position: relative;} .span8 .row-fluid .links li{display:inline-block;float:left;width:102px;background:#000;} .span8 .row-fluid .links li:hover{background-color: #5bb75b;} .span8 .row-fluid .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#fff!important; text-decoration:none;padding:10px 10px 10px 10px;text-align:center;} .span8 .row-fluid .links li a:hover, .span8 .row-fluid .links li a.hover{text-decoration:none; color:#fff !important;} .span8 .row-fluid .links li.news{display: none;position: absolute;left: 209px; top: 44px;z-index: 10;width: 320px;} .span8 .row-fluid .links li.news_link:hover ~ li.news, .span8 .row-fluid .links li.news:hover{display: block;} .span8 .row-fluid .links li.news li{width: 100%; text-align: left;} .span8 .row-fluid .links li.news li a{text-align: left;}
Результат:
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных