Вид материала ucoz под светлую гамму цвета
Создан в оригинальной гамме цвета, а это верх темный а сам весь светлый Вид материала ucoz под светлую гамму цвета и что главное его можно поставить на все модули, кроме альбома и форума. У него имеется знак, который представляет, что материал был залит на сайт недавно. И через пару дней он пропадет и останется только название. Если у вас светлый ресурс и имеется в дизайне темные элементы, то этот вид материалов отлично подойдет и красиво будет смотреться на главной страницы портала. У него ниже прописаны как просмотры там и все что нудно для для этого кода. Установка: Админ панель и заменяем вид у модуля, который решили поменять. Код <table style="width: 100%; border-collapse: collapse"><tbody><tr> <td style="width: 5px; height: 70px; letter-spacing: 0px; word-spacing: 0px; background-image: url('http://zornet.ru/CSS-ZORNET/ND/verh_left.png'); background-repeat: no-repeat; background-position: 100% 100%"> </td><td style="letter-spacing: 0px; word-spacing: 0px; vertical-align: top; background-image: url('http://zornet.ru/CSS-ZORNET/ND/verh_center.png'); background-repeat: repeat-x; background-position: 50% 100%"> <table style="width: 100%; border-collapse: collapse"><tbody><tr> <td style="letter-spacing: 0px; word-spacing: 0px; height: 40px"> <div class="etitle"><a href="$ENTRY_URL$">$TITLE$ <?if($DATE$='Сегодня' or $DATE$='Вчера')?><img src="http://zornet.ru/CSS-ZORNET/ND/new.png" align="absmiddle" title="$DATE$"><?endif?></a></div> </td></tr><tr><td style="letter-spacing: 0px; word-spacing: 0px; height: 18px"> <div style="padding-left:7px;padding-bottom:7px;"> <span class="arg bs_cat"><img src="http://zornet.ru/CSS-ZORNET/ND/spacer.gif"><b>Категория:</b> $CATEGORY_NAME$</span> <span class="arg bs_date"><img src="http://zornet.ru/CSS-ZORNET/ND/spacer.gif"><b>Дата:</b> <span title="$TIME$">$DATE$</span></span> </div> </td></tr></tbody></table></td> <td style="width: 105px;letter-spacing: 0px; word-spacing: 0px; vertical-align: top; background-image: url('http://zornet.ru/CSS-ZORNET/ND/verh_right.png'); background-repeat: no-repeat; background-position: 0% 100%"> <table style="width: 100%; border-collapse: collapse"><tbody> <tr> <td style="height: 35px; letter-spacing: 0px; word-spacing: 0px; vertical-align: bottom; padding-left: 12px"> <?if($RATING$)?><?$RSTARS$('17',' http://zornet.ru/CSS-ZORNET/ND/rating.png ','1','float')?><?endif?> </td> </tr> <tr align="center"><td style=" letter-spacing: 0px; word-spacing: 0px"> </td></tr></tbody></table></td></tr></tbody></table> <table style="width: 100%; border-collapse: collapse"> <tbody><tr><td style="width: 5px; letter-spacing: 0px; word-spacing: 0px; background-image: url('http://zornet.ru/CSS-ZORNET/ND/left.png'); background-repeat: repeat-y; background-position: 100% 50%"> </td><td style="background-color: #ffffff;vertical-align: top; letter-spacing: 0px; word-spacing: 0px"> <table style="background-color: #ffffff;width: 100%; border-collapse: collapse"><tbody><tr> <td style="vertical-align: top; padding-bottom: 0px; padding-left: 0px; letter-spacing: 0px; word-spacing: 0px; width: 165px;"> <div class="ten"> <div class="noimage1"> <?if($IMG_URL1$)?><img id="img$ID$" src="$IMG_URL1$" width="150px" align="left" alt="$TITLE$"/><?else?><img src="http://zornet.ru/CSS-ZORNET/ND/36234048.gif" width="150px" align="left" alt="$TITLE$"/><?endif?> <script type="text/javascript"> $(function(){ $('#img$ID$').click(function(){var s="'sc'"; new _uWnd('Et','Реальный размер изображения $TITLE$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');}); }); </script> </div> <br><br> </div></td> <td> <div class="eMessage" style="text-align:left;">$MESSAGE$ <?if($CATEGORY_NAME$)?><br>Категория: <strong>$CATEGORY_NAME$</strong><?endif?> </div> </td> </tr></tbody></table> </td><td style="width: 5px; letter-spacing: 0px; word-spacing: 0px; background-image: url('http://zornet.ru/CSS-ZORNET/ND/right.png'); background-repeat: repeat-y; background-position: 0% 50%"> </td></tr></tbody></table><table style="width: 100%; border-collapse: collapse"><tbody><tr><td style="width: 5px; height: 40px; letter-spacing: 0px; word-spacing: 0px; background-image: url('http://zornet.ru/CSS-ZORNET/ND/niz_left.png'); background-repeat: no-repeat; background-position: 100% 0%"><br></td> <td style="letter-spacing: 0px; word-spacing: 0px; vertical-align: top; background-image: url('http://zornet.ru/CSS-ZORNET/ND/niz_center.png'); background-repeat: repeat-x; background-position: 50% 0%"><table style="width: 100%; height: 100%; border-collapse: collapse" width="" align=""> <tbody><tr><td> <div style="padding-left:7px;padding-top:6px;"> <span class="arg bs_author"><img src="http://zornet.ru/CSS-ZORNET/ND/spacer.gif" alt="">Автор: <b><strong><a href="$PROFILE_URL$">$USERNAME$</a></strong></b></span> <span class="arg bs_views"><img src="http://zornet.ru/CSS-ZORNET/ND/spacer.gif" alt="">Просмотров: <b>$READS$</b></span> <span class="arg bs_comm"><img src="http://zornet.ru/CSS-ZORNET/ND/spacer.gif" alt="">Комментарии: <b>($COMMENTS_NUM$)</b></span> </div></td> <td style="letter-spacing: 0px; word-spacing: 0px; width: 140px; text-align: right; vertical-align: bottom; padding-right: 4px; padding-top:8px" align="center"> <input class="buttonprofile" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Подробнее" type="button"></td> </tr></tbody></table></td><td style="width: 5px; letter-spacing: 0px; word-spacing: 0px; background-image: url('http://zornet.ru/CSS-ZORNET/ND/niz_right.png'); background-repeat: no-repeat; background-position: 0% 0%"><br> </td></tr></tbody></table><br> <style>.noimage1 img {background: none repeat scroll 0 0 #515151;border: 1px solid #515151;border-radius: 3px 3px 3px 3px;margin: 2px;padding: 1px;} .noimage1 img:hover {background:none repeat scroll 0 0 #FFC500;border: 1px solid #515151;} .etitle {padding-left:6px;padding-bottom:5px; color: #ffffff; font-size:12pt; text-shadow: 0px 1px 0px #000000; font face:Arial; } .etitle a:link, .etitle a:active, .etitle a:visited {color: #ffffff; font-size:12pt; text-shadow: 0px 1px 0px #000000; font face:Arial; text-decoration:none;} .etitle a:hover {color: #999999; font-size:12pt; text-shadow: 0px 1px 0px #000000; font face:Arial; } .arg { float: left; margin-right: 12px; } .bs_date img, .bs_views img, .bs_comm img, .bs_author img, .bs_cat img { width: 11px; height: 11px; margin-right: 2px; vertical-align: middle; background: url("http://zornet.ru/CSS-ZORNET/ND/icons.png") no-repeat 0 0; } .bs_date img { background-position: -43px 0; } .bs_comm img { background-position: -22px 0; } .bs_author img { background-position: 0 0; } .bs_cat img { background-position: -33px 0; } .bs_views img { background-position: -10px 0; } </style> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 7 | |
| |