» »

Оригинальный вид фотографий для альбома 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.05.2012 Просмотров: 930 Комментарий: (11)

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

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

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