вСкрипты для Юкоз

Оригинальный вид фотографий для альбома 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>

источник: zornet.ru

Похожие посты