• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Вид фотографий для альбома (Shadow) (Создание смарт-альбомов для автоматического просмотра)
Вид фотографий для альбома (Shadow)
Kosten
Пятница, 18 Мая 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44356
Награды: 70


О скрипте:
Вид фотографий для альбома (Shadow), красивый вид при наведении курсора увиличивается.
Приступаем к установке:
Вид фотографий - меняем на свой код.
Code
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/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>     
<?if($DATE$='Сегодня')?><div style="z-index:20; position:absolute; padding-left: 109;">     
<img src="http://zornet.ru/zornet_ru1/new12.png" border="0" alt="" /></div><?endif?>     
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>     
<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>
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Вид фотографий для альбома (Shadow) (Создание смарт-альбомов для автоматического просмотра)
  • Страница 1 из 1
  • 1
Поиск: