« Приятный и простой вид материалов сайта Yraaa для uCoz »

Описание материала:

Приятный, простой и то же время понятный вид материалов от сайта Yraaa для uCoz. Соблюдая установка, вы установите данный вид легко и быстро. Вид материалов не имеет фиксированную ширину, но для него желательно иметь контентную ширину больше 500 пикселей.

Установка:
1. Скачиваем архив с нашего сайта
2. Загружаем папку img_load к себе в корень сайта
3. Заходим в ПУ - Управление дизайном - выбираем модуль - Вид материалов и заменяем полностью имеющий код на этот:

Код
<div class="mtr">  
<div class="im">  
<div class="inim">  
  <a href="$ENTRY_URL$"><img src="<?if($IMG_SMALL_URL1$)?>$IMG_URL1$<?else?>$IMG_URL1$<?endif?>" width="300" alt="$TITLE$" title="$TITLE$" /></a>  
</div>  
</div>  
<div class="mtr_td">  
  <div class="name_mtr"><a href="$ENTRY_URL$">$TITLE$</a>$MODER_PANEL$</div>  
  <div class="article_counters"><span class="dats">$DATE$ в $TIME$</span><?if($CATEGORY_NAME$)?><a href="$CATEGORY_URL$"><span class="catalog">$CATEGORY_NAME$</span></a><?endif?><span class="views">$READS$</span><?if($COMMENTS_URL$)?><a href="$COMMENTS_URL$"><span class="coms">$COMMENTS_NUM$</span></a><?endif?></div>  
<p class="mtr_d">  
$MESSAGE$  
</p>  
</div>  
</div>

4. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим данный код:
Код
/* Приятный и простой вид материалов сайта Yraaa для uCoz */
.mtr {padding:20px;display:table}  
.mtr .article_counters {margin-bottom:10px;}  
.mtr .im {background:#FFFFFF;padding-right:15px;display:table-cell;vertical-align:top}  
.mtr_td {display:table-cell;vertical-align:top}  
.mtr .inim {width:300px;height:132px;overflow:hidden}  
.mtr_descr {margin:0;position:absolute;top:-9000px}  
.name_mtr {margin-bottom:7px;font-size:16px;font-weight:bold}  
.article_counters {margin-bottom:14px;font-size:13px;color:#8c8c8c}  
.article_counters span {display:inline-block;margin-right:10px}  
.article_counters .dats {background:url('/img_load/time.png') 0px 1px no-repeat;padding-left:20px}  
.article_counters .views {background:url('/img_load/views.png') 0px 1px no-repeat;padding-left:20px}  
.article_counters .coms {background:url('/img_load/comment.png') 0px 1px no-repeat;padding-left:20px}  
.article_counters .catalog {background:url('/img_load/catalog.png') 0px 1px no-repeat;padding-left:20px}  
.article_counters .user {background:url('/img_load/user.png') 0px 1px no-repeat;padding-left:20px}
/* ------------------- */


Готова!


Скачать ( Размер архива 16.4 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

Мы поможем установить данный материал к Вам на сайт

Источник

Материал взят со стороннего ресурса и был проверен нами


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1115 | Загрузок: 28


Поделиться в соц. сетях:
Комментариев к материалу: 2
Красиво выглядит))))
0
Виктор Ягодин 23.05.2015 в 18:14
Согласен)
1
avatar