ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Оригинальный вид фотографий для альбома SAYR

Оригинальный вид фотографий для альбома SAYR

Оригинальный вид фотографий для альбома SAYR
Оригинальный вид фотографий для альбома, мне кажется смотреться будит шикарно на светлых дизайн сайтов. Мргу больше сказать у меня на старом шаблоне стоял этот вид. Я им был доволен, при наведение курсора вылезали тени. Очень красиво.
Приступаем к установке:
Заходи в админ панель, потом Фотоальбомы - вид фотографий, убираем там все и прописываем (вставляем) наш прекрасный код, вот и все, наслаждайтесь.

Код
<link rel="stylesheet" type="text/css" href="http://zornet.ru/CSS-ZORNET/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>  

<center>  
<a href="$PHOTO_URL$"><img src="http://zornet.ru/zornet_ru1/info.png" border="0" title="<b>Название:</b> $PHOTO_NAME$; <b>Размер:</b> $PHOTO_WEIGHT$ kb"></a>  
<a href="$PROFILE_URL$" title="<b>Добавил:</b> $USER$"><img src="http://zornet.ru/zornet_ru1/dobavil.png" border="0" alt="" /></a>  
<img src="http://zornet.ru/zornet_ru1/kogda.png" border="0" title="<b>Добавлено:</b> $DATE$ в $TIME$; <b>Просмотры:</b> $REVIEWS$">  
<a href="$COMMENTS_URL$" title="<b>Комментариев:</b> $COMMENTS_NUM$"><img src="http://zornet.ru/zornet_ru1/comment.png" border="0" alt="" /></a>  
<a href="$CAT_URL$" title="<b>Категория:</b> $CAT_NAME$"><img src="http://zornet.ru/zornet_ru1/albom.png" border="0" alt="" /></a>  
</center>  
<table align="center"><tr><td>  
<div style="z-index:20; position:absolute; padding-left: 109;">  
<img src="http://zornet.ru/zornet_ru1/new12.png" border="0" alt="" /></div>  
<div style="position:absolute;z-index:30;">$MODER_PANEL$</div>  
<div class="alb"><a href="$PHOTO_LIGHTBOX_URL$">  
<img src="$PHOTO_DIRECT_URL$" width="150" height="120" border="0"/>  
</a></div>  
</td></tr></table><br>  

<style type="text/css">  
.alb { box-shadow:0px 0px 20px #555; -webkit-box-shadow:0px 0px 20px #555; -moz-box-shadow:0px 0px 20px #555;}  
.alb:hover { box-shadow:0px 0px 30px #222; -webkit-box-shadow:0px 0px 30px #222; -moz-box-shadow:0px 0px 30px #222;}  
</style>
18 Мая 2012 Просмотров: 1988 Комментариев: (11)

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

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

Оставь свой отзыв

Комментарии: 0
avatar