Круглое меню + галерея на jQuery
1 2 3 4 |
<link href="/css/default.css" rel="stylesheet" type="text/css" /> <script src="/js/jquery.js" type="text/javascript"></script> <script src="/js/mobilyblocks.js" type="text/javascript"></script> <script src="/js/init.js" type="text/javascript"></script> |
2#: Меню оформляем так:
1 2 3 4 5 6 7 8 9 10 |
<div class="socials"> <ul class="reset"> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> </ul> </div> |
3#: Мини-галерею оформляем так:
1 2 3 4 5 6 7 8 9 10 |
<div class="nature"> <ul class="reset"> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> <li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li> </ul> </div> |