[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Беседка » Скрипты для Ucoz » Красивый вид фотографий для Фотоальбома uCoz
Красивый вид фотографий для Фотоальбома uCoz
Мариш@Дата: Суббота, 06.06.2015, 15:18 | Сообщение # 1
Генерал-полковник
Группа: Администраторы
Сообщений: 873
Статус: Offline


Красивый вид фотографий для Фотоальбома uCoz. Вид для светлых дизайн сайтов. Сам по себе вид оригинален и по своему привлекателен. Установка его на сайт проста. 
Приступаем к установке: 
Панель управления => Управление дизайном => модуль Фотоальбомы => Вид фотографий и заменяем старое на новое

Код
<link rel="stylesheet" type="text/css" href="http://zornet.ru/CSS-ZORNET/vaccser/ds/tf.css">   
<script src="http://zornet.ru/CSS-ZORNET/vaccser/ds/tf.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/CSS-ZORNET/vaccser/ds/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/CSS-ZORNET/vaccser/ds/dobavil.png" border="0" alt="" /></a>   
<img src="http://zornet.ru/CSS-ZORNET/vaccser/ds/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/CSS-ZORNET/vaccser/ds/comment.png" border="0" alt="" /></a>   
<a href="$CAT_URL$" title="<b>Категория:</b> $CAT_NAME$"><img src="http://zornet.ru/CSS-ZORNET/vaccser/ds/alboom.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/CSS-ZORNET/vaccser/ds/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>


 
Форум » Беседка » Скрипты для Ucoz » Красивый вид фотографий для Фотоальбома uCoz
  • Страница 1 из 1
  • 1
Поиск: