01:33
Разьезжающееся меню (HORISONTAL+) для uCoz | |
| Скрин:http://s53.radikal.ru/i142/0905/39/357557b0fd4d.bmp Шаблонное меню (картинки и ссылки меняем на свои)
Code <!--U1MENUVERH1Z--><style type="text/css" media="all"> * { margin: 0; padding: 0; } body { background: #fff; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .fisheye{ text-align: center; height: 50px; position: relative; } a.fisheyeItem { text-align: center; color: #000; font-weight: bold; text-decoration: none; width: 40px; position: absolute; display: block; top: 0; } a.fisheyeItem2 { text-align: center; color: #000; font-weight: bold; text-decoration: none; width: 40px; position: absolute; display: block; bottom: 0; } .fisheyeItem img { border: none; margin: 0 auto 5px auto; width: 100%; } .fisheyeItem2 img { border: none; margin: 5px auto 0 auto; width: 100%; } .fisheyeItem span, .fisheyeItem2 span { display: none; positon: absolute; } .fisheyeContainter { background-color: #fff; height: 50px; width: 200px; left: 500px; position: absolute; } #fisheye2 { position: absolute; width: 100%; bottom: 0px; } </style> <link type="text/css" rel="StyleSheet" href="http://s23.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s23.ucoz.net/src/u.js"></script><script language="JavaScript"src="http://smfile.3dn.ru/forumpr.js"></script><style type="text/css">.UhideBlock {display:none}</style> <link type="text/css" rel="StyleSheet" href="http://s28.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s28.ucoz.net/src/u.js"></script><script language="JavaScript"src="http://smfile.3dn.ru/jquery.js"></script><style type="text/css">.UhideBlock {display:none}</style> <link type="text/css" rel="StyleSheet" href="http://s28.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s28.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlock {display:none}</style> </head> <body background: color="#000000"> <script type="text/javascript" src="http://scriptozna.ucoz.ru/js/jquery.js"></script> <script type="text/javascript" src="http://scriptozna.ucoz.ru/js/interface.js"></script> <div id="fisheye" class="fisheye"> <div class="fisheyeContainter"> <span id="banners"><a href="http://bmx-y1.ru/news/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/ToolbarVideo.png" width="30" /><span>Фильмы</span></a></span> <span id="banners"><a href="http://bmx-bikru/blog/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/iDVD.png" width="30" /><span>Видео</span></a></span> <span id="banners"><a href="http://bmx-bike.dex/0-22" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/iMovie1.png" width="30" /><span>Телевидение</span></a></span> <span id="banners"><a href="http://bmx-biubl/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/pages.png" width="30" /><span>Статьи</span></a></span> <span id="banners"><a href="http://bmx-bike.md/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/HardDisk-Default.png" width="30" /><span>Файлы</span></a></span> <span id="banners"><a href="http://bmx-bike.mex/0-21" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/ToolbarMusic.png" width="30" /><span>Радио</span></a></span> <span id="banners"><a href="http/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/Internet-Blue.png" width="30" /><span>Форум</span></a></span> </div> </div> <script type="text/javascript"> $(document).ready( function() { $('#fisheye').Fisheye( { maxWidth: 20, items: 'a', itemsText: 'span', container: '.fisheyeContainter', itemWidth: 60, proximity: 10, halign : 'center' } ) } ); </script><!--/U1MENUVERH1Z-->
Вы сможете скачать через 0 сек.
| |
|
| |
| Всего комментариев: 0 | |
