Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
вид фотографий
LumiX52rusДата: Суббота, 21.01.2012, 15:19 | Сообщение # 1
-=Герой=-
Группа: Пользователи
Сообщений: 142
[ 32767 ]
Награды:
[ 4 ]
Offline


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


Code
<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
Поиск:
Пользователи отсутствуют...