» »

Вид материалов Melochi для файлов uCoz

Вид материалов Melochi для файлов uCoz

Приятный по своей стилистике вид материалов для файлов или статьи, что создан для uCoz сайтов в одну колонку и на различные модули. Вы его также можете установить на блог, что только убрать функцию, сколько файлов было скачено. Простой формат, который совершенно не будет грузить интернет ресурс, но главное понятен. Так как на нем есть изображение, что по клику на его вы автоматически переходите непосредственно на основной материал. Этот вид материалов сделан в светлом стиле и так же как упомянутый вид материалов чуть выше он не имеет однозначного применения.

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

Так вы и пользователи с гостями будут видеть его на сайте.

Красивый вид материала сайта Ucoz

Это вот уже ближе к мобильному аппарату.

Мобильный вид материала для uCoz

Приступаем к установке:

Выбираем модуль и в нем вид материала и полностью меняем код.

Код
<div class="mini-vid clr">
<div class="mini-vid-title">
<span class="title-icon"><a href="$ENTRY_URL$">$TITLE$</a></span>
  </div>
  <div class="mini-vid-img-text">
  <div class="mini-vid-img">
<img src="$IMG_URL1$" alt="$TITLE$">
  </div>
  <div class="mini-vid-text">
$MESSAGE$
  </div>
</div>
  <div class="mini-vid-detali"><span class="dates">$DATE$</span><span class="reads">$READS$</span><span class="coments"><?if($COMMENTS_NUM$)?>$COMMENTS_NUM$ комментар<?if($COMMENTS_NUM$%10=1&&$COMMENTS_NUM$%100!=11)?>ий<?else?><?if($COMMENTS_NUM$%10>=2&&$COMMENTS_NUM$%10<=4&&($COMMENTS_NUM$%100<10||$COMMENTS_NUM$%100>=20))?>ия<?else?>иев<?endif?><?endif?><?else?>нет комментариев<?endif?></span> <span><a href="$ENTRY_URL$">Далее</a></span></div>
</div>

CSS стили в админ панели и в самый низ можно поставить.

Код
.mini-vid {
margin: 0 0 40px 0;
  background: #fff;
  display: inline-block;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.mini-vid-title {
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #EFEFEF;
}

.mini-vid-title a {
  font-size: 16px;
  color: #555;
  font-weight: bold;
  display: block;
}

.mini-vid-title span {
  letter-spacing: .1em;
  font-size: 10px;
  display: inline-block;
}

.mini-vid-img-text {
  display: inline-block;
}

.mini-vid-img {
  width: 120px;
  height: 120px;
  margin: 10px;
  background: #F4F4F4;
  padding: 5px;
  float: left;
}

.mini-vid-img img {
  width: 120px;
  height: 120px;
object-fit: cover;
}

.mini-vid-text {
  padding: 25px 15px 15px 15px;
  text-align: justify;
  height: 70px;
  overflow: hidden;
  line-height: 135%;
  font-size: 15px;
}

.mini-vid-detali {
background-color: #F5F5F5;
  margin-top: 5px;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
}

.mini-vid-detali span {
  font-size: 13px;
  color: #7E7E7E;
  padding-right: 20px;
}

.mini-vid-detali span a {
  float: right;
  background-color: #1ABC9C;
  display: block;
  padding: 0 10px;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
}

.mini-vid-detali span a:hover {
  text-decoration: none;
  background-color: #f27935;
}
.dates {
  background: url(http://zornet.ru/Aben/ABGEA/FT/rynud/i_time.png) 0px 0px no-repeat;
  padding-left: 25px!important;
}

.reads {
  background: url(http://zornet.ru/Aben/ABGEA/FT/rynud/i_views.png) 0px 0px no-repeat;
  padding-left: 25px!important;
}

.coments {
  background: url(http://zornet.ru/Aben/ABGEA/FT/rynud/i_comm.png) 0px 0px no-repeat;
  padding-left: 25px!important;
}

Если вас кнопки эти не устраивают, то к материалу преклеплен другой формат, что можете скачать и после установить.

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

Источник: d-melochi.ru
26.08.2017 Загрузок: 1 Просмотров: 275 Комментарий: (2)

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

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

Комментарий: 2
Critic©
Critic© 26.08.2017 21:351
0
Такой вид всегда будет востребован где можно на кино сайт поставить. хоть там и в колонку стараются больше делать. Но на сайте есть и по лучше по дизайн. Здесь кнопки от одного и того же вида, что на 2 колонки идет и они явно не подходят, если только скачать другие или вообще на шрифтах поставить.
Kosten
Kosten 26.08.2017 21:492
0
Что по востребованности, здесь все просто, так как он понятен и картинка и описание есть. Что по кнопкам, здесь просто не те установил и когда все залил увидел, что закинул их в архив, хотя и эти понятны.
avatar