Вид материалов как на Kanavas

Дата31 Май 15 в 23:46
Категория Скрипты для uCoz

На Kanavas простой и понятный вид материалов.Используется иконки Font Awesome.

Установка

Вставить в вид материалов нужного модуля (Управление дизайном - Модуль - Вид материалов):

Код

<div class="cont_b "><div class="post2oh"> <a class="post_da" href="$ENTRY_URL$"><i class="fa fa-chevron-right"></i></a>
<div class="post oh">
  <div class="post-image img1" style="background-image: url($IMG_URL1$);"></div>
  <div class="post-cnt">
  <a href="$ENTRY_URL$" class="post-title">$TITLE$</a> $MODER_PANEL$
<div class="post-det"><span style="padding-right: 20px;">Автор: <a href="$PROFILE_URL$">$USERNAME$</a> | <?if($CATEGORY_NAME$)?>Раздел: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><?endif?></span><span style="padding-right: 10px;"><i class="fa fa-calendar"></i> $DATE$ в $TIME$</span><span style="padding-right: 10px;"><i class="fa fa-eye ed-value"></i>$READS$</span><span style="padding-right: 0px;"><a href="$COMMENTS_URL$"><i class="fa fa-comments-o"></i>$COMMENTS_NUM$ </a></span></div>
  <div class="post-mes">
  $MESSAGE$
  </div> </div> </div></div></div>

Вставить в таблицу стилей (CSS):

Код

/*blog*/
.cont_b { margin-bottom: 15px; padding: 10px; background: #fff; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); -moz-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); box-shadow: 0 2px 4px rgba(6, 33, 63, 0.13);}
.post_da{display:none;float: right;margin-right: -49px;margin-top: 80px;font-size: 25px;padding: 10px 10px 10px 10px;color: rgba(0,0,0,0.1);}
.cont_b:hover .post_da {display:inline-block}
.post {padding-bottom: 100px;max-height: 111px;}
.post-image {float: left;}
.post-cnt {padding-left: 300px;text-align: left;}
.post-title {font-size: 18px;font-weight: 700;color: black; }
.post-det {font-size: 13px;color: #94999e;}
.post-det a {color:#647993;}
.post-det i{color:#647993; padding-right: 3px;}
/**/