• Страница 1 из 1
  • 1
Вид материалов Фотоальбома ( White )
Kosten
Пятница, 18 Мая 2012, 11:54 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Дизайн White



О скрипте:
При наведении курсора становятся прозрачные, красиво будит смотреться на светлых дизайн сайта
Приступаем к установке:
Заходим в П.У - Фотоальбомы - вид фотографий, убираем от туда все и вставляем наш код:
Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/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">  
<table border="0" cellpadding="0" cellspacing="0">  
<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>  
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>  
<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_URL$" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$">$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>
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: