• Страница 1 из 1
  • 1
Красивое темное нижнее меню для сайта
Kosten
Суббота, 09 Июня 2012, 11:24 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70


О меню:
Красивое темное нижнее меню для сайта, креативное меню , это по дизайн сайту, смотря на каком смотреться красиво будит это решать вам, а так меню полностью рабочие в добавок темное на многие дизайн сайты подайдет.
Приступаем к установке:
Скачиваем архив и устанавливаем в корень сайта, архив ЗДЕСЬ
Где хотим видеть вставляем следующий код это ваш выбор, а теперь сам код
Код
<div id="stickey_footer">    
     <ul id="footer_menu">    
     <li class="imgmenu"><a href="http://zornet.ru/"><span>Главная</span></a></li>    
     <!-- This Item is an Image, the "span" is hidden via CSS -->    
     <li><a href="http://zornet.ru/">Скрипты</a>    
     <li><a href="http://zornet.ru/">Шаблоны</a>    
     <li><a href="http://zornet.ru/">Кнопки</a>    
     <li><a href="http://zornet.ru/">Слайдеры</a>    
     <li><a href="http://zornet.ru/">Информеры</a>    
     <li><a href="http://zornet.ru/">переключатели</a>    
     <li><a href="http://zornet.ru/">и многое другое</a>    
     </ul>    
     <!-- End Social Icons -->    
     <ul id="social_icons">    
     <!-- Social Icons -->    
         
     <li><a href="http://zornet.ru/" ><img src='http://zornet.ru/zornet_ru2/twitter.png' alt="" /><span>Twitter</span></a></li>    
     <li><a href="http://zornet.ru/" ><img src='http://zornet.ru/zornet_ru2/digg.png' alt="" /><span>Digg</span></a></li>    
     <li><a href="http://zornet.ru/" ><img src='http://zornet.ru/zornet_ru2/flickr.png' alt="" /><span>Flickr</span></a></li>    
     <li><a href="http://zornet.ru/" ><img src='http://zornet.ru/zornet_ru2/facebook.png' alt="" /><span>Facebook</span></a></li>    
     </ul>


Потом идем в CSS и прописываем этот стиль в самом низу
Код
<link href="http://zornet.ru/zornet_ru2/style.css"rel="stylesheet" type="text/css" />    
<style type="text/css">    
img {    
     border:0px;    
}    
a:link {    
     color: #FFFFFF;    
}    
a:visited {    
     color: #FFFFFF;    
}    
a:hover {    
     color: #333333;    
}    
a:active {    
     color: #FFFFFF;    
}    
</style>
Прикрепления: 1024755.jpg (15.4 Kb)
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: