Вид фотографий с тенями для фотоальбома ucoz

<link rel="stylesheet" type="text/css" href="http://zornet.ru/CSS-ZORNET/ND/tipTip.css">  
<script src="http://zornet.ru/zornet_ru1/jquery.tipTip.js"></script>  
<script>  
$(function(){  
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
});  
</script>  

<div align="center" style="padding-top:5px; padding-bottom:1px;">  
<a href="$PHOTO_URL$"><img src="http://zornet.ru/zornet_ru1/name.png" border="0" title="Название: $PHOTO_NAME$; Размер: $PHOTO_WEIGHT$ kb"></a>  
<a href="$PROFILE_URL$" title="Добавил"><img src="http://zornet.ru/zornet_ru1/user.png" border="0" alt="" /></a>  
<img src="http://zornet.ru/zornet_ru1/time.png" border="0" title="Добавлено: $DATE$ в $TIME$">  
<a href="$COMMENTS_URL$" title="Комменатриев: $COMMENTS_NUM$"><img src="http://zornet.ru/zornet_ru1/comments.png" border="0" alt="" /></a>  
<a href="$CAT_URL$" title="Категория: $CAT_NAME$"><img src="http://zornet.ru/zornet_ru1/place.png" border="0" alt="" /></a>  
</div>  
<table border="0" cellpadding="0" cellspacing="0" align="center">  
<tbody><tr>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_1.png" height="17">  
</td>  
<td background="http://zornet.ru/zornet_ru1/ava_2.png" height="17">  
</td>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_3.png" height="17">  
</td>  
</tr>  
<tr>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_4.png">  
</td>  
<td style="background: #000;">  
   
  <div style="z-index:20; position:absolute; padding-left: 109px;">  
  <img src="http://zornet.ru/zornet_ru1/new12.png" border="0" alt="" /></div>  
   
<div style="position:absolute;z-index:30;">$MODER_PANEL$</div>  
<script>  
jQuery(function(){  
$("#banners img").hover(function(){  
$(this).stop().animate({opacity:'1.0'})},  
function(){$(this).stop().animate({opacity:'.8'})}  
) ;  
});  
</script>  
<style>  
#banners img{opacity:.3;filter:alpha(opacity=80);}  
</style>  
<div id="banners">  
<a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>  
</div>  
</td>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_5.png">  
</td>  
</tr>  
<tr>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_6.png" height="17">  
</td>  
<td background="http://zornet.ru/zornet_ru1/ava_7.png" height="17">  
</td>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_8.png" height="17">  
</td>  
</tr>  
</tbody></table> </div>  
<style type="text/css">  
  #banners img {opacity: 0.8; }  
</style>