» »

Шикарный вид материалов Фотоальбома ZYFE


Шикарный вид материалов Фотоальбома ZYFE

О скрипте:
Шикарный вид материалов Фотоальбома. По дизайну своему вид фотографий для светло серых сайтов по дизайн сайту. Так же на сайте zornet.ru вы сможете найти проверенные и рабочие скрипты. Так как они проверены на тестовом сайте. И выбор скриптов для ucoz огромен и мы надеемся что а вы ищете найдете.
Приступаем к установке:
Фотоальбомы - вид фотографий, вставляем код, но перед этим убираем старый код.
Code
<link rel="stylesheet" type="text/css" href="http://zornet.ru/zornet_ru1/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>  

<table border="0" cellpadding="0" cellspacing="0" class="tablimg" align="center">  
<tr>  
<td class="photo" align="center">  
<div style="position:absolute;z-index:30;">$MODER_PANEL$</div>  
<a href="$PHOTO_LIGHTBOX_URL$" class="ewq" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$"><img src="$PHOTO_DIRECT_URL$" height="100" width="130" border="0"/></a><td class="inf" valign="center">  
<i>Добавил: $USER$</i><br><br>  
<b>></b> <a style="color: #555555;" href="$PHOTO_URL$">$PHOTO_NAME$</a><br>  
<b>></b> <a style="color: #555555;" href="$CAT_URL$">$CAT_NAME$</a><br>  
<b>></b> <a style="color: #555555;" href="$COMMENTS_URL$">Комментарии</a><br>  
<div align="center" style="padding-top: 10px; opacity: 0.7; " ></div></td>  
</tr>  
</table>  

<style type="text/css">  
  table.tablimg {width: 310px; background-color: #dedede; padding: 10px; border: 1px solid #9a9a9a; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; }  
  td.photo {background-color: #bcbcbc; padding: 5px; border: 2px solid #9a9a9a; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; }  
  td.photo:hover {background-color: #cdcdcd; padding: 5px; border: 2px solid #9a9a9a; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; }  
  td.inf {color: #555555; background-color: #ebebeb; padding: 7px; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}  
</style>
18.05.2012 Просмотров: 1161 Комментарий: (12)

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

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

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