[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Diaz  
Вид материалов Фотоальбомы
TarinaДата: Вторник, 08.01.2013, 23:53:12 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 491
Награды: 3
Статус: Offline


Особенности: Подходит для всех размеров демо-картинки, Title с подробной информацией, изменяющийся фон ячейкм, обновленная форма оценки материала в виде знака "ок".

Код вставлять в "вид фотографий":
Код
<link rel="stylesheet" type="text/css" href="http://qwe.ucoz.ru/css/tipTip.css">                         
<script src="http://qwe.ucoz.ru/js/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>


Н.С.Н
 
  • Страница 1 из 1
  • 1
Поиск: