Шикарный вид материалов Фотоальбома 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> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |