Оригинальное меню с интересным эффектом при наведении. Меню может быть исполнено в двух вариациях: на css3 и jQuery
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
1) Для версии на css3:
Code
<link rel="stylesheet" type="text/css" href="/css/style.css"/>
2) Для версии на jQuery:
Code
<link rel="stylesheet" type="text/css" href="/css/style.css"/>
<script type="text/javascript" src="/js/script.js"></script>
Следующий код в то место, где будет само меню:
1) Для версии на css3:
Code
<ul class="social" id="css3">
<li class="delicious">
<a href="#"><strong>Delicious</strong></a>
</li>
<li class="digg">
<a href="#"><strong>Digg</strong></a>
</li>
<li class="facebook">
<a href="#"><strong>Facebook</strong></a>
</li>
<li class="flickr">
<a href="#"><strong>Flickr</strong></a>
</li>
<li class="linkedin">
<a href="#"><strong>LinkedIn</strong></a>
</li>
<li class="reddit">
<a href="#"><strong>Reddit</strong></a>
</li>
<li class="rss">
<a href="#"><strong>RSS</strong></a>
</li>
<li class="twitter">
<a href="#"><strong>Twitter</strong></a>
</li>
</ul>
<br clear="all">
2) Для версии на jQuery:
Code
<ul class="social" id="jquery">
<li class="delicious">
<a href="#"><strong>Delicious</strong></a>
</li>
<li class="digg">
<a href="#"><strong>Digg</strong></a>
</li>
<li class="facebook">
<a href="#"><strong>Facebook</strong></a>
</li>
<li class="flickr">
<a href="#"><strong>Flickr</strong></a>
</li>
<li class="linkedin">
<a href="#"><strong>LinkedIn</strong></a>
</li>
<li class="reddit">
<a href="#"><strong>Reddit</strong></a>
</li>
<li class="rss">
<a href="#"><strong>RSS</strong></a>
</li>
<li class="twitter">
<a href="#"><strong>Twitter</strong></a>
</li>
</ul>
Осталось лишь залить скрипт из прикреплённого архива в папку js стиль в папку css и все картинки в папку images
