Скрин: создаем глобальный блок - вставляем =)
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-bike.my1.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-bike.my1.ru/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.my1.ru/index/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-bike.my1.ru/publ/" 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.my1.ru/load/" 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.my1.ru/index/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://bmx-bike.my1.ru/forum/" 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-->