Необычное круглое меню для сайтов uCoz! Меню очень красивое и функциональное. Есть возможность добавления подменю. При наведении курсора мыши иконки увеличиваются.
Установка скрипта:
Этот код туда где хотите видеть меню !
<ul class="squared"><li><a href="index.html"><b>Mail</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966521_mail.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p7 s1"><a href="index.html"><b>Mail 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966483_mail1.png"></a></li><li class="p8 s2"><a href="index.html"><b>Mail 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966524_mail2.png"></a></li><li class="p1 s3"><a href="index.html"><b>Mail 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966503_mail3.png"></a></li><li class="p2 s4"><a href="index.html"><b>Mail 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966505_mail4.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Главная</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966488_home.png"></a></li><li><a href="index.html"><b>Draw</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966485_draw.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p1 s1"><a href="index.html"><b>Draw 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966480_draw1.png"></a></li><li class="p2 s2"><a href="index.html"><b>Draw 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966548_draw2.png"></a></li><li class="p3 s3"><a href="index.html"><b>Draw 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966565_draw3.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li class="mid"><a href="index.html"><b>Talk</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966490_talk.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p6 s1"><a href="index.html"><b>Talk 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966557_talk1.png"></a></li><li class="p7 s2"><a href="index.html"><b>Talk 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966509_talk2.png"></a></li><li class="p8 s3"><a href="index.html"><b>Talk 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966512_talk3.png"></a></li><li class="p1 s4"><a href="index.html"><b>Talk 4</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966576_talk4.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Фото</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966541_photo.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p2 s1"><a href="index.html"><b>Фото 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966528_photo1.png"></a></li><li class="p3 s2"><a href="index.html"><b>Фото 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966479_photo2.png"></a></li><li class="p4 s3"><a href="index.html"><b>Фото 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966561_photo3.png"></a></li><li class="p5 s4"><a href="index.html"><b>Фото 4</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966575_photo4.png"></a></li><li class="p6 s5"><a href="index.html"><b>Фото 5</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966560_photo5.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Cart</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966505_cart.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p5 s1"><a href="index.html"><b>Cart 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966479_cart1.png"></a></li><li class="p6 s2"><a href="index.html"><b>Cart 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966536_cart2.png"></a></li><li class="p7 s3"><a href="index.html"><b>Cart 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966558_cart3.png"></a></li><li class="p8 s4"><a href="index.html"><b>Cart 4</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966539_cart4.png"></a></li><li class="p1 s5"><a href="index.html"><b>Cart 5</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966539_cart4.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Cash</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966528_cash.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p4 s1"><a href="index.html"><b>Cash 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966526_cash1.png"></a></li><li class="p5 s2"><a href="index.html"><b>Cash 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966547_cash2.png"></a></li><li class="p6 s3"><a href="index.html"><b>Cash 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966564_cash3.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Audio</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966539_audio.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p3 s1"><a href="index.html"><b>Audio 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966547_audio1.png"></a></li><li class="p4 s2"><a href="index.html"><b>Audio 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966508_audio2.png"></a></li><li class="p5 s3"><a href="index.html"><b>Audio 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966538_audio3.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li></ul>
ul.squared {background: url("http://bns-od.com/uploads/posts/2013-07/1372966522_circle.gif") repeat scroll 0 0 transparent;height: 300px;list-style: none outside none;margin: 0 auto;padding: 0;position: relative;width: 300px;}ul.squared ul {left: -9999px;list-style: none outside none;margin: 0;padding: 0;position: absolute;}ul.squared li {float: left;height: 100px;width: 100px;}ul.squared li.mid {margin-right: 100px;}ul.squared li a {-moz-transition: all 0.25s ease 0s;color: #666666;display: block;font-family: arial,sans-serif;font-size: 12px;height: 50px;padding: 25px;text-decoration: none;width: 50px;}ul.squared li a b {left: -9999px;position: absolute;}ul.squared li a img {border: 0 none;width: 100%;}ul.squared li:hover > a {cursor: pointer;height: 64px;padding: 18px;width: 64px;}ul.squared li:hover > a > b {background: none repeat scroll 0 0 #FFFFFF;display: block;height: 48px;left: 125px;line-height: 50px;position: absolute;text-align: center;top: 125px;width: 48px;}ul.squared li:hover ul {height: 150px;left: 75px;top: 75px;width: 150px;z-index: 100;}ul.squared li ul li {-moz-transition: opacity 1.5s ease 0s;height: 50px;opacity: 0;position: absolute;width: 50px;}ul.squared li ul li.p1 {left: 100px;top: 0;}ul.squared li ul li.p2 {left: 100px;top: 50px;}ul.squared li ul li.p3 {left: 100px;top: 100px;}ul.squared li ul li.p4 {left: 50px;top: 100px;}ul.squared li ul li.p5 {left: 0;top: 100px;}ul.squared li ul li.p6 {left: 0;top: 50px;}ul.squared li ul li.p7 {left: 0;top: 0;}ul.squared li ul li.p8 {left: 50px;top: 0;}ul.squared li:hover ul li.s1 {-moz-transition-delay: 0s;opacity: 1;}ul.squared li:hover ul li.s2 {-moz-transition-delay: 0.25s;opacity: 1;}ul.squared li:hover ul li.s3 {-moz-transition-delay: 0.5s;opacity: 1;}ul.squared li:hover ul li.s4 {-moz-transition-delay: 0.75s;opacity: 1;}ul.squared li:hover ul li.s5 {-moz-transition-delay: 1s;opacity: 1;}ul.squared li ul li a {height: 30px;padding: 10px;width: 30px;}ul.squared li:hover ul li:hover > a {height: 48px;opacity: 1;padding: 1px;width: 48px;}ul.squared li:hover ul li:hover > a b {display: block;height: 50px;line-height: 50px;position: absolute;text-align: center;width: 50px;}ul.squared li:hover ul li.p1:hover > a b {left: -50px;top: 50px;}ul.squared li:hover ul li.p2:hover > a b {left: -50px;top: 0;}ul.squared li:hover ul li.p3:hover > a b {left: -50px;top: -50px;}ul.squared li:hover ul li.p4:hover > a b {left: 0;top: -50px;}ul.squared li:hover ul li.p5:hover > a b {left: 50px;top: -50px;}ul.squared li:hover ul li.p6:hover > a b {left: 50px;top: 0;}ul.squared li:hover ul li.p7:hover > a b {left: 50px;top: 50px;}ul.squared li:hover ul li.p8:hover > a b {left: 0;top: 50px;}ul.squared table {border-collapse: collapse;margin-bottom: -1px;}ul.squared li a:hover {cursor: pointer;height: 64px;padding: 18px;width: 64px;}ul.squared a:hover b {background: none repeat scroll 0 0 #FFFFFF;display: block;height: 48px;left: 125px;line-height: 50px;position: absolute;text-align: center;top: 125px;width: 48px;}ul.squared a:hover ul {height: 150px;left: 75px;top: 75px;width: 150px;z-index: 100;}ul.squared a:hover ul li a b {left: -9999px;}ul.squared a:hover ul a:hover {height: 48px;opacity: 1;padding: 1px;width: 48px;}ul.squared a:hover ul a:hover b {display: block;height: 50px;line-height: 50px;position: absolute;text-align: center;width: 50px;}ul.squared a:hover ul li.p1 a:hover b {left: -50px;top: 50px;}ul.squared a:hover ul li.p2 a:hover b {left: -50px;top: 0;}ul.squared a:hover ul li.p3 a:hover b {left: -50px;top: -50px;}ul.squared a:hover ul li.p4 a:hover b {left: 0;top: -50px;}ul.squared a:hover ul li.p5 a:hover b {left: 50px;top: -50px;}ul.squared a:hover ul li.p6 a:hover b {left: 50px;top: 0;}ul.squared a:hover ul li.p7 a:hover b {left: 50px;top: 50px;}ul.squared a:hover ul li.p8 a:hover b {left: 0;top: 50px;}
<ul class="squared"><li><a href="index.html"><b>Mail</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966521_mail.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p7 s1"><a href="index.html"><b>Mail 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966483_mail1.png"></a></li><li class="p8 s2"><a href="index.html"><b>Mail 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966524_mail2.png"></a></li><li class="p1 s3"><a href="index.html"><b>Mail 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966503_mail3.png"></a></li><li class="p2 s4"><a href="index.html"><b>Mail 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966505_mail4.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Главная</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966488_home.png"></a></li><li><a href="index.html"><b>Draw</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966485_draw.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p1 s1"><a href="index.html"><b>Draw 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966480_draw1.png"></a></li><li class="p2 s2"><a href="index.html"><b>Draw 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966548_draw2.png"></a></li><li class="p3 s3"><a href="index.html"><b>Draw 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966565_draw3.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li class="mid"><a href="index.html"><b>Talk</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966490_talk.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p6 s1"><a href="index.html"><b>Talk 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966557_talk1.png"></a></li><li class="p7 s2"><a href="index.html"><b>Talk 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966509_talk2.png"></a></li><li class="p8 s3"><a href="index.html"><b>Talk 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966512_talk3.png"></a></li><li class="p1 s4"><a href="index.html"><b>Talk 4</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966576_talk4.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Фото</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966541_photo.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p2 s1"><a href="index.html"><b>Фото 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966528_photo1.png"></a></li><li class="p3 s2"><a href="index.html"><b>Фото 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966479_photo2.png"></a></li><li class="p4 s3"><a href="index.html"><b>Фото 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966561_photo3.png"></a></li><li class="p5 s4"><a href="index.html"><b>Фото 4</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966575_photo4.png"></a></li><li class="p6 s5"><a href="index.html"><b>Фото 5</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966560_photo5.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Cart</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966505_cart.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p5 s1"><a href="index.html"><b>Cart 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966479_cart1.png"></a></li><li class="p6 s2"><a href="index.html"><b>Cart 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966536_cart2.png"></a></li><li class="p7 s3"><a href="index.html"><b>Cart 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966558_cart3.png"></a></li><li class="p8 s4"><a href="index.html"><b>Cart 4</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966539_cart4.png"></a></li><li class="p1 s5"><a href="index.html"><b>Cart 5</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966539_cart4.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Cash</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966528_cash.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p4 s1"><a href="index.html"><b>Cash 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966526_cash1.png"></a></li><li class="p5 s2"><a href="index.html"><b>Cash 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966547_cash2.png"></a></li><li class="p6 s3"><a href="index.html"><b>Cash 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966564_cash3.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a href="index.html"><b>Audio</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966539_audio.png"><!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul><li class="p3 s1"><a href="index.html"><b>Audio 1</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966547_audio1.png"></a></li><li class="p4 s2"><a href="index.html"><b>Audio 2</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966508_audio2.png"></a></li><li class="p5 s3"><a href="index.html"><b>Audio 3</b><img alt="" src="http://bns-od.com/uploads/posts/2013-07/1372966538_audio3.png"></a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li></ul> <style>ul.squared {background: url("http://bns-od.com/uploads/posts/2013-07/1372966522_circle.gif") repeat scroll 0 0 transparent;height: 300px;list-style: none outside none;margin: 0 auto;padding: 0;position: relative;width: 300px;}ul.squared ul {left: -9999px;list-style: none outside none;margin: 0;padding: 0;position: absolute;}ul.squared li {float: left;height: 100px;width: 100px;}ul.squared li.mid {margin-right: 100px;}ul.squared li a {-moz-transition: all 0.25s ease 0s;color: #666666;display: block;font-family: arial,sans-serif;font-size: 12px;height: 50px;padding: 25px;text-decoration: none;width: 50px;}ul.squared li a b {left: -9999px;position: absolute;}ul.squared li a img {border: 0 none;width: 100%;}ul.squared li:hover > a {cursor: pointer;height: 64px;padding: 18px;width: 64px;}ul.squared li:hover > a > b {background: none repeat scroll 0 0 #FFFFFF;display: block;height: 48px;left: 125px;line-height: 50px;position: absolute;text-align: center;top: 125px;width: 48px;}ul.squared li:hover ul {height: 150px;left: 75px;top: 75px;width: 150px;z-index: 100;}ul.squared li ul li {-moz-transition: opacity 1.5s ease 0s;height: 50px;opacity: 0;position: absolute;width: 50px;}ul.squared li ul li.p1 {left: 100px;top: 0;}ul.squared li ul li.p2 {left: 100px;top: 50px;}ul.squared li ul li.p3 {left: 100px;top: 100px;}ul.squared li ul li.p4 {left: 50px;top: 100px;}ul.squared li ul li.p5 {left: 0;top: 100px;}ul.squared li ul li.p6 {left: 0;top: 50px;}ul.squared li ul li.p7 {left: 0;top: 0;}ul.squared li ul li.p8 {left: 50px;top: 0;}ul.squared li:hover ul li.s1 {-moz-transition-delay: 0s;opacity: 1;}ul.squared li:hover ul li.s2 {-moz-transition-delay: 0.25s;opacity: 1;}ul.squared li:hover ul li.s3 {-moz-transition-delay: 0.5s;opacity: 1;}ul.squared li:hover ul li.s4 {-moz-transition-delay: 0.75s;opacity: 1;}ul.squared li:hover ul li.s5 {-moz-transition-delay: 1s;opacity: 1;}ul.squared li ul li a {height: 30px;padding: 10px;width: 30px;}ul.squared li:hover ul li:hover > a {height: 48px;opacity: 1;padding: 1px;width: 48px;}ul.squared li:hover ul li:hover > a b {display: block;height: 50px;line-height: 50px;position: absolute;text-align: center;width: 50px;}ul.squared li:hover ul li.p1:hover > a b {left: -50px;top: 50px;}ul.squared li:hover ul li.p2:hover > a b {left: -50px;top: 0;}ul.squared li:hover ul li.p3:hover > a b {left: -50px;top: -50px;}ul.squared li:hover ul li.p4:hover > a b {left: 0;top: -50px;}ul.squared li:hover ul li.p5:hover > a b {left: 50px;top: -50px;}ul.squared li:hover ul li.p6:hover > a b {left: 50px;top: 0;}ul.squared li:hover ul li.p7:hover > a b {left: 50px;top: 50px;}ul.squared li:hover ul li.p8:hover > a b {left: 0;top: 50px;}ul.squared table {border-collapse: collapse;margin-bottom: -1px;}ul.squared li a:hover {cursor: pointer;height: 64px;padding: 18px;width: 64px;}ul.squared a:hover b {background: none repeat scroll 0 0 #FFFFFF;display: block;height: 48px;left: 125px;line-height: 50px;position: absolute;text-align: center;top: 125px;width: 48px;}ul.squared a:hover ul {height: 150px;left: 75px;top: 75px;width: 150px;z-index: 100;}ul.squared a:hover ul li a b {left: -9999px;}ul.squared a:hover ul a:hover {height: 48px;opacity: 1;padding: 1px;width: 48px;}ul.squared a:hover ul a:hover b {display: block;height: 50px;line-height: 50px;position: absolute;text-align: center;width: 50px;}ul.squared a:hover ul li.p1 a:hover b {left: -50px;top: 50px;}ul.squared a:hover ul li.p2 a:hover b {left: -50px;top: 0;}ul.squared a:hover ul li.p3 a:hover b {left: -50px;top: -50px;}ul.squared a:hover ul li.p4 a:hover b {left: 0;top: -50px;}ul.squared a:hover ul li.p5 a:hover b {left: 50px;top: -50px;}ul.squared a:hover ul li.p6 a:hover b {left: 50px;top: 0;}ul.squared a:hover ul li.p7 a:hover b {left: 50px;top: 50px;}ul.squared a:hover ul li.p8 a:hover b {left: 0;top: 50px;} </style>