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


О скрипте:
Вид фотографий для альбома (White2), согласитесь красивый вид, ленточка (new) исчезнет ровно через сутки.
Приступаем к установке:
Не чего обычного в установке нет просто заменяем код на свой в вид фотографий, ставим свой код и наслождаемся, своей работой, и конечно, видом фотографий.
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>  

<div align="center" style="padding-top:5px; padding-bottom:1px;">                          
<a href="$PHOTO_URL$"><img src="http://zornet.ru/zornet_ru1/name.png" border="0" title="Название: $PHOTO_NAME$; Размер: $PHOTO_WEIGHT$ kb"></a>                     
<a href="$PROFILE_URL$" title="Добавил"><img src="http://zornet.ru/zornet_ru1/user.png" border="0" alt="" /></a>                     
<img src="http://zornet.ru/zornet_ru1/time.png" border="0" title="Добавлено: $DATE$ в $TIME$">                     
<a href="$COMMENTS_URL$" title="Комменатриев: $COMMENTS_NUM$"><img src="http://zornet.ru/zornet_ru1/comments.png" border="0" alt="" /></a>                     
<a href="$CAT_URL$" title="Категория: $CAT_NAME$"><img src="http://zornet.ru/zornet_ru1/place.png" border="0" alt="" /></a>                     
</div>                     
<table border="0" cellpadding="0" cellspacing="0" align="center">                          
<tbody><tr>                          
<td width="17" background="http://zornet.ru/zornet_ru1/ava_1.png" height="17">                          
</td>                          
<td background="http://zornet.ru/zornet_ru1/ava_2.png" height="17">                          
</td>                          
<td width="17" background="http://zornet.ru/zornet_ru1/ava_3.png" height="17">                          
</td>                          
</tr>                          
<tr>                          
<td width="17" background="http://zornet.ru/zornet_ru1/ava_4.png">                          
</td>                          
<td style="background: #000;">                          
                        
                             <div style="z-index:20; position:absolute; padding-left: 109px;"><?if($DATE$='Сегодня')?>                     
                       <img src="http://zornet.ru/zornet_ru1/new12.png" border="0" alt="" /><?endif?></div>                          
                        
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>                          
<script>                          
jQuery(function(){                          
$("#banners img").hover(function(){                          
$(this).stop().animate({opacity:'1.0'})},                          
function(){$(this).stop().animate({opacity:'.8'})}                          
)   ;                          
});                          
</script>                          
<style>                          
#banners img{opacity:.3;filter:alpha(opacity=80);}                          
</style>                          
<div id="banners">                          
<a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>                          
</div>                          
</td>                          
<td width="17" background="http://zornet.ru/zornet_ru1/ava_5.png">                          
</td>                          
</tr>                          
<tr>                          
<td width="17" background="http://zornet.ru/zornet_ru1/ava_6.png" height="17">                          
</td>                          
<td background="http://zornet.ru/zornet_ru1/ava_7.png" height="17">                          
</td>                          
<td width="17" background="http://zornet.ru/zornet_ru1/ava_8.png" height="17">                          
</td>                          
</tr>                          
</tbody></table> </div>                          
<style type="text/css">                          
                             #banners img {opacity: 0.8; }                          
</style>
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Вид фотографий для фотоальбома (White2) (Индивидуальность восприятия фотографии в данном на сайт)
  • Страница 1 из 1
  • 1
Поиск: