» »

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


Вид фотографий с тенями для фотоальбома, отличный вид, тени придают фотографий красивый оттенок, как догадались вид предназначен для светлых дизайн сайта ucoz. На сайте zornet.ru вы всегда найдете нужный скрипт или шаблон ucoz для сайта. так же на форуме есть раздел все для сайта 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>
18.05.2012 Просмотров: 1145 Комментарий: (10)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
Kosten
Kosten 18.05.2012 13:341
0
Да, ленточка (new) исчезнет на следующий день.
usenok2908
usenok2908 15.10.2012 17:092
0
офигеть,наконец то у меня получилось изменить вид фотографий.После того как я удалила корову котороя обрезает рекламу,у меня норм открылся конструктор)))))))))))))))))))))))00
avatar