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


О скрипте:
Шикарный вид материалов Фотоальбома (Gray), обновленная форма оценки материала в виде знака "ок"
Приступаем к установке:
Фотоальбомы - вид фотографий, вставляем код, но перед этим убираем старый код.
Код
<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">    
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>    
<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>    
<?if($RATING$)?><div align="center" style="padding-top: 10px; opacity: 0.7; " ><?$RSTARS$('20','http://src.ucoz.net/img/stars/12/20.png','0','float')?></div><?endif?></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>
Прикрепления: 1257584.jpg (74.2 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Шикарный вид материалов Фотоальбома (Gray) (И очень красиво смотрелся на светлом дизайне и все функции)
  • Страница 1 из 1
  • 1
Поиск: