Вход в личный кабинет   Зарегистрировать аккаунт

Меню с социальными кнопками для сайта uCoz

Опубликовано 19-03-2013, 19:38 в разделе Меню для сайта Юкоз

Меню с социальными кнопками для сайта uCoz

 

Очень интересное меню темного цвета со встроенными социальными кнопками от Яндекса для сайтов uCoz. Меню очень просто установить, но в зависимости от шаблона Вашего сайта, может потребоваться небольшая индивидуальная доработка.

Установка меню:
Этот код вставляем в место, где будет выводится меню:

<div style="clear: both;"></div><ul id="futer_menu"><a href="http://bns-od.com/"><li> <span>Главная</span> </li></a><a href="ссылка"> <li><span>Боевики </span></li></a><a href="ссылка"> <li><span>Драмы</span></li></a><a href="ссылка"> <li><span>Сериалы</span> </li></a><a href="ссылка"> <li><span>Спорт</span></li></a><a href="ссылка"> <li><span>Комедии </span></li></a><a href="ссылка"><li> <span>Про любовь</span></li></a><a href="ссылка"> <li><span> Фантастические</span> </li></a><a href="ссылка"> <li><span>Ужасы </span></li></a><a href="ссылка"> <li><span>Триллер</span></li></a><script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script><li style="padding:0;border:0;"><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir"></div> </li></ul>


Этот код вставляем в таблицу стилей:

#futer_menu{float:left;display:block;width:986px;height:30px;}#futer_menu li{float:left;border-right:1px solid #545454;color:#d9d9d9;right:35px;position:relative;font-size:9pt;background:#45494d url('http://bns-od.com/uploads/posts/2013-03/4545648979875458_futermenu.png') repeat-x;text-align:center;display:block;list-style:none;padding:6px;}#futer_menu li:hover{background: #35373b;}

» » Меню с социальными кнопками для сайта uCoz
Опубликовал Татьяна   Прочитано (раз): 647   |   Оставлено комментариев: 0
Добавить свой комментарий