Вид материалов как на Урааа
827материалов
228тем на форуме
3003комментария
6154пользователя

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


Описание:

На Урааа простой и понятный вид материалов, его уже успели позаимствовать некоторые сайты на uCoz. Нет, расположение элементов в этом виде материалов для uCoz нельзя назвать оригинальным, но размеры элементов, отступов и значки узнаваемы. Недавно на почту yraaa поступил запрос, который и сподвиг выложить вид новостей yraaa.ru.

Устанавливается в два притопа, три прихлопа, даже легче. Вид материалов не имеет фиксированную ширину, но для него желательно иметь контентную ширину больше 500 пикселей.

Установка:

Вставить в вид материалов нужного модуля (Управление дизайном - Модуль - Вид материалов):
Код
<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>

Вставить в таблицу стилей (CSS):
Код
.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('http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/time.png') 0px 1px no-repeat;padding-left:20px}             
.article_counters .views {background:url('http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/views.png') 0px 1px no-repeat;padding-left:20px}             
.article_counters .coms {background:url('http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/comment.png') 0px 1px no-repeat;padding-left:20px}             
.article_counters .catalog {background:url('http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/catalog.png') 0px 1px no-repeat;padding-left:20px}             
.article_counters .user {background:url('http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/user.png') 0px 1px no-repeat;padding-left:20px}

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 15.09.2016 в 19:30
Материал просмотрен: 2806 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 7 комментариев

Пожаловаться
Сказать спасибо
Источник

7 комментариев


trem200
Александр @trem200 03.03.2015 23:421
+3
просто великолепный вид материалов hands
edohak
Edo @edohak 04.03.2015 17:172
+3
нормально. Ток, если под мобильную адаптацию сделали и доработали, то вообще круто было бы!
trem200
Александр @trem200 07.03.2015 10:293
+2
Полностью согласен
fecc
костик @fecc 07.03.2015 19:074
+2
можно кино сайта ?
XemorDio
Vladislav Tashlanov @XemorDio 11.03.2015 12:185
+1
Отлично выглядит)
DELIFE
like Отлично :)
Чутка доделаю и будет прекрасно :D
Ромчик
Рад что Вам понравилось
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта