» »

Вид материала ucoz под светлую гамму цвета


Вид материала 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>
19.09.2014 Просмотров: 847 Комментарий: (7)

Поделиться в социальных сетях

Материал разместил

Комментарий: 7
kredit-oformi
kredit-oformi 19.09.2014 22:201
0
правда хорошо смотрится wink
Kosten
Kosten 19.09.2014 22:242
0
kredit-oformi, кнопка подробнее будет у каждого своя. И безусловно ник цвета.. будет тот который у вас по стилю сайта.
Kosten
Kosten 19.09.2014 22:583
0
Slavik, согласен.. для светлого ресурса отлично подойдет.
Dimstrik
Dimstrik 07.11.2014 21:044
0
Kosten, Установил протестил просто супер смотрится !
Kosten
Kosten 07.11.2014 21:385
0
Dimstrik, не спорю не плохой вид. Разве только ранг поменять.. времени не было искать другой.
Dimstrik
Dimstrik 07.11.2014 22:106
0
Kosten, А мне и этот по нраву и смотрится прикольно вот смотри Тук тук зацени
Kosten
Kosten 07.11.2014 22:457
0
Dimstrik, нормалек.. только вот говорил, сам рейтинг можно переставить.
avatar