00:53
Данный плагин позволяет создавать стильную навигацию для вашего сайта
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<link href="/css/style.css" rel='StyleSheet' />
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script src="/js/script.js" type='text/javascript'></script>
Следующий код сразу после предыдущего:
Code
<nav id="websites">
<ul>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/mdm_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/rentahost_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/spinoff_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/goatrance_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/sgc_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/avaloq_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/pkcity_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/prounix_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/sgc_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/avaloq_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/pkcity_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/prounix_small.jpg"/></a></li>
</ul>
<a class="navbutton">Кликни</a>
</nav>
Если вас не устраивает абсолютное позиционирование меню по центру - адаптируйте style.css под свои потребности
