» »

Игровой вид материалов dezak для uCoz


Игровой вид материалов dezak для uCoz

Доброе время суток дорогие друзья!

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

Данный вид материалов я думаю отлично подойдёт для игрового сайта, который вы успешно можете создать в системе uCoz. Так же конечно могу отметить что он адаптивный (то есть в ширину легко встанет на любой дизайн с любой шириной) и поэтому с ним будет легче вам работать.

После установки этого вида материалов он у вас будет выводить название материала + встроена кнопка редактирования, так же можно будет сразу узнать кто и когда добавил тот или иной материал на сайт и в добавок вы сможете узнавать сколько просмотрело посетителей ваш материал.

В общем пользуйтесь на здоровье и думаю кому не будь да пригодится, а от меня ждите ниже инструкцию и файлы для установки данного скрипта.

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


И так как я и обещал я вам расскажу и покажу как установить данный скрипт!

В первую очередь вам нужно скачать архив файла и распаковать, затем загрузите папку images в корень вашего сайта а точнее сказать в Файловый менеджер сайта.

После того как вы загрузили папку на ваш сайт вам следует вставить код самого вида материалов в нужный модуль вашего сайта.

HTML Код

Код
<div class="dimon-tv_ru">
<div class="dimon-tv_ru_nazvanie"><a href="$ENTRY_URL$">$TITLE$</a><?if($MODER_PANEL$)?><div style="float:right;margin-top: -4px;">$MODER_PANEL$</div><?endif?></div>
  <div class="dimon-tv_ru_info">
  <img src="/images/aut.gif" title="Автор" alt="Автор" /> <lii><a href="$PROFILE_URL$">$USERNAME$</a></lii>  
  <img src="/images/date.gif" title="Дата" alt="Дата" /> <lii>$DATE$</lii>
  <img src="/images/view.gif" title="Просмотров" alt="Просмотров" /> <lii>$READS$</lii>
  <?if($RATING$)?><div style="float: right; background: #2d2d2d; padding: 2px; border: 1px solid #3a3939; border-radius: 3px; margin-top: -4px; margin-right: -5px;"><?$RSTARS$('17','/images/rating.png','0','float')?></div><?endif?>
  </div>
  <div class="dimon-tv_ru_2">
  <img src="$IMG_URL1$" title="$TITLE$" alt="$TITLE$" />  
<div class="dimon-tv_ru_text">
  $MESSAGE$  
</div>  
  </div>  
</div>
<br>


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

CSS Стили

Код
/*--------------------- Вид материалов от Димона и DIMON-TV.RU ---------------------*/
.dimon-tv_ru {
  background: #161616;  
  border-radius: 3px;
  padding: 6px;
}

.dimon-tv_ru_2 {
  background: #fff;  
  border-radius: 3px;
  padding: 6px;
  margin-top: 3px;
}
.dimon-tv_ru_nazvanie {
  padding: 6px;
  border-radius: 3px;
  background-image: linear-gradient(to top, #795b08, #ccb311);
  border: 1px solid #5c4a03;
}
.dimon-tv_ru_nazvanie a {
  color: #fff;
  font-size: 16px;
  font-family: "undefined"!important;
  text-decoration: none;
}

.dimon-tv_ru_nazvanie a:hover {
  color: #E4DFDF;
  font-size: 16px;
  font-family: "undefined"!important;
  text-decoration: none;
}

.dimon-tv_ru_info {
  background: #212121;
  border: 1px solid #3a3939;
  border-radius: 3px;
  padding: 6px;
  margin-top: 3px;
}

.dimon-tv_ru_info img {
margin-bottom: -4px;
}

.dimon-tv_ru_info a {
color: #fff;
}

.dimon-tv_ru_info lii {  
  margin-left: 2px;
  padding-right: 5px;
}

.dimon-tv_ru_2 img {
  width: 205px;
  height: 205px;
  border-radius: 3px;
  border: 3px solid #ccc;
}

.dimon-tv_ru_text {
  float: right;
  width: 460px;
  max-height: 199px;
  overflow: hidden;
  background: #ccc;
  padding: 6px;
  border-radius: 3px;
  font-size: 15px;
  font-family: "undefined"!important;
}
/*---------------------Конец вида материалов от Димона и DIMON-TV.RU ---------------------*/


Вот и всё!
Мы установили вид материалов и я вам желаю удачи, а у меня на этом всё !
19.06.2015 Загрузок: 8 Просмотров: 514 Комментарий: (8)

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

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

Комментарий: 8
kredit-oformi
kredit-oformi 19.06.2015 18:281
0
Dimstrik надо будет попробовать в работе твое творчество, а по целому описание и вид радуют
Dimstrik
Dimstrik 19.06.2015 18:302
0
kredit-oformi, Спасиб, пробуй!
Kosten
Kosten 19.06.2015 18:313
0
Вид под кино сайт отлично подойдет и не только.
Kosten
Kosten 19.06.2015 18:324
0
Dimstrik, где такой вид намутил, в первые вижу, думал все знаю.
Dimstrik
Dimstrik 19.06.2015 19:005
0
Kosten, Ну этот вид начал жизнь с моего фотошопа , около часу назад вот ты его и не видел.
Kosten
Kosten 19.06.2015 20:286
0
Dimstrik, так это оригинал, круто.
Dimstrik
Dimstrik 19.06.2015 20:467
0
Kosten, yu
Dimstrik
Dimstrik 19.06.2015 21:188
0
Kosten, Вот я настроил этот же вид материалов только уже под вид материалов для кино сайта
avatar