• Страница 1 из 1
  • 1
Адаптированный игровой вид материала для uCoz
Kentos311Дата: Среда, 28.02.2018, 00:15 | Сообщение # 1
Сообщений: 729
Статус:


Красивый вид материала для системы uCoz, который идет в колонку по два материала, имеет очень красивый эффект на изображении, происходит скольжение по нему, также оно увеличивается слегка, как вы успели заметить добавлено краткое описание, что очень хорошо смотрится и придает оригинальность вашему ресурсу.. 

Вся установка данного вида материала предоставлена чуть ниже пошагово.

Шаг 1: 

Заменяем полностью код в виде материалов "Каталога файлов" на этот
Код
<div class="vistraifen_gumlon"> 
<div class="leragum_mesgukuverka"> 
<div class="leragum_mesgukuverka-header"> 
<div class="stukimuven"> 
<div class="leragum_mesgukuverka-image"> 
<a href="$ENTRY_URL$" title=""><img src="$IMG_URL1$" alt=""></a> 
<div class="news-date">$CATEGORY_NAME$</div> 
</div> 
</div> 
</div> 
<div class="leragum_mesgukuverka-story"> 
<div class="leragum_mesgukuverka-title"> 
<h2><a href="$ENTRY_URL$">$TITLE$</a></h2> 
</div> 
<div class="leragum_mesgukuverka-story-body"> 
<div class="rnimasreg_kolersen"> 
$MESSAGE$
</div> 
</div> 
<div class="leragum_mesgukuverka-story-link"> 
<a href="$ENTRY_URL$" class="btn-default btn2">читать далее</a> 
</div> 
<div class="larumomsa_tunga"> 
<span class="zornet_ruvideren hm_user"><i class="fa fa-pencil"></i> <b><a href="$PROFILE_URL$" target="_blank">$USERNAME$</font></a></b></span> 
<span class="zornet_ruvideren hm_views"><i class="fa fa-eye"></i> $READS$</span> 
<span class="zornet_ruvideren hm_date"><i class="fa fa-clone"></i> $DATE$</span> 
<span class="zornet_ruvideren hm_date"><i class="fa fa-comments"></i> $COMMENTS_NUM$</span> 
</div> 
</div> 
</div> 
</div>
Шаг 2:
После чего скачиваем нужный нам CSS файл ( прикреплен ниже ). После чего закидываем в любое удобное для вас место в ваш файловый менеджер.
Переходим в css и вставляем данный код предварительно заменив на ваш путь к файлу css.
Код
@import url(http://mir-hack.ru/vd_mir.css);

На этом установка данного вида закончена. В некоторых старых шаблонах может встретиться такая странность что переключатели вверху и данную проблему можно решить данным путем.

Перейдите в "Главную страницу файлов" и найдите там чуть ниже $BODY$ и после него вставьте данный код 

Код
<div class="pages">
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR$</div><br><?endif?>
</div>

Особую благодарность хочу выразить администратору mir-devil  Raccoon
Прикрепления: vd_mir.css (5.3 Kb) · 3933498.png (357.1 Kb)
 
  • Страница 1 из 1
  • 1
Поиск: