Приветствуем тебя, дизайнер, на сайте theps.art! Профессионал ты или начинающий, не важно. Главное — мы стали отличным местом для поселения и тех и других. Хочешь поделиться своими творениями с другими? Не вопрос. У нас ты встретишь самые адекватные оценки твоего творчества, получишь не мало хороших советов, обретешь множество общительных друзей и много чему научишься новому. Если ты устал от работы, то и в этом мы тебе поможем! На нашем сайте есть отличный кинотеатр. И небольшая коллекция онлайн игр.
Цифровой дизайн похож на живопись, только краски никогда не сохнут ©Neville Brody
Вид материалов в стиле ZP
Вид материалов в стиле ZP
/images/no_screen.png
  • Просмотров: 355
  • Скачиваний: 0
  • Комментариев: 0
  • Добавлено: 19.05.22, Чт
  • CSIL

В вид материалов модуля вставляем:
Код
<style>.mini_vid {  
  margin-bottom: 10px;  
  height: 200px;  
  border-bottom: solid #EDEDED;  
}  

.mini_vid_title {  
  height: 35px;  
  line-height: 34px;  
  padding-left: 10px;  
  background:url(http://theps.3dn.ru/images/title-bg.png);  
  margin-bottom: 5px;  
  border-radius: 3px;  
}  

.mini_vid_title a {  
  color: #fff;  
  font-size: 16px;  
  background :url(http://theps.3dn.ru/images/pagebg.jpg);  
  padding: 0 10px 3px 10px;  
  border-radius: 3px;  
  -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;  
  -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;  
  box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;  
}  

.mini_vid_title a:hover {  

}  

.mini_vid_img {  
  width: 250px;  
  height: 150px;  
  display: inline-block;  
  float: left;  
}  

.mini_vid_img img {  
  width: 250px;  
  height: 150px;  
  border-radius: 3px;  
}  

.mini_vid_message_detali {  
  float: right;  
  width: 70%;  
}  

.mini_vid_message {  
  text-align: justify;  
  height: 90px;  
  overflow: hidden;  
  line-height: 135%;  
  margin: 5px 0;  
}  

.mini_vid_detali2 {  
  background-color: #ccc;  
  border-radius: 3px;  
  padding: 0 0 0 7px;  
  font-size: 12px;  
  height: 25px;  
  line-height: 25px;  
  color: #000;  
}  

.mini_vid_detali2 a {  
  color: #fff;  
}  

.mini_vid_detali {  
  background-color: #ccc;  
  border-radius: 3px;  
  padding: 0 0 0 7px;  
  font-size: 12px;  
  height: 25px;  
  line-height: 25px;  
  color: #000;  
}  

.mini_vid_detali a {  
  color: #fff;  
}  

.dalee {  
  float: right;  
}  

.dalee a {  
  display: block;  
  color: #fff;  
  background:url(http://theps.3dn.ru/images/title-bg.png);  
  border-radius: 3px;  
  padding: 0 10px;  
}  

.dalee a:hover {  
background:url(http://theps.3dn.ru/images/pagebg.jpg);  
  text-decoration: none;  
}</style>
<div class="mini_vid clr">  
  <div class="mini_vid_title"><a href="$ENTRY_URL$">$TITLE$</a></div>  
  <div class="mini_vid_img"><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" alt="Полный размер изображения к материалу $TITLE$"></a></div>  
  <div class="mini_vid_message_detali">  
  <div class="mini_vid_detali2">  
<span>Раздел: <a href="$SECTION_URL$">$SECTION_NAME$</a></span> |  
<span>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span>  
  </div>  
  <div class="mini_vid_message">$MESSAGE$</div>  
  <div class="mini_vid_detali">  
<span>Просмотров: $READS$</span> |  
<span>Загрузок: $LOADS$</span>  
  <span class="dalee"><a href="$ENTRY_URL$">Подробнее</a></span>  
  </div>  
  </div>  
</div>

  • Хочу скачать
  • Спасибо: +1
  • Сообщить о битой ссылке
  • 0 Mb

  Теги: стиле, материалов   Источник: https://theps.art
Всего комментариев: 0
avatar