Статьи
Xiaomi Redmi Note 8 Pro получение прав ROOT
Раздача интернета в обход ограничениям использования телефона в качестве модема.
Optimum Nutrition Platinum Hydro Whey - протеин сывороточный гидролизат
Protein 80 Plus (Weider) - Надежный протеин со 100% действием и цена у него, вполне доступная.
Power System Triple Whey - биоактивный протеин нового поколения
Elite 12 Hour Protein (Dymatize) - замыкает топ 10 протеинов 2016г
VPLab PRO 5 - Пятикомпонентная белковая смесь. Концентрация 80%.
Процессоры семейства AMD Athlon X2 Dual Core

Для UCOZ
Кнопки вверх и вниз с функцией запоминания позиции
Скрипт топ пользователей по кол. сообщений на форуме для uCoz
Вид опроса для uCoz, в стиле flat
Вертящиеся часы для сайта
Темный информер Самые Популярные Темы для uCoz
Cкрипт подробной статистики сайта
Поиск по новостям для uCoz
Информер Случайные новости для uCoz
Виджет социальных закладок
Игровое онлайн радио Tort.FM
Админ всегда онлайн для Ucoz
БЛОК "ПОДЕЛИТЬСЯ В СОЦ СЕТЯХ"
Статистика кто посетил в красивом стиле для uCoz
Красивая кнопка вверх для блога ( сайта )

Главная » 2013 » Май » 13 » Вид материалов для каталога статей от сайта megafact
17:25
Вид материалов для каталога статей от сайта megafact
Вид материалов в зелено-белых тонах для каталога статей, архива новостей и т.д.

Для начала надо скачать архив с сайта иначе картинок не будет.
[Извлекаем картинки -> создаем папку images в файловом менджере -> загружаем картинки в эту папку.]

Скачать архив с Yandex.Disk

Вставляем этот код в вид материалов:

Код
<div class="news">  
<div class="news_l">  
  <h2>$MODER_PANEL$ <a href="$ENTRY_URL$"><font size=4 color="#FFD700">$TITLE$</font></a></h2>  
  <hr>
  <div class="img_news">
  <div class="uzoom">  
  <img src="$IMG_URL1$" class="uber_img" alt="$TITLE$" />  

</div>
   
   
  </div>  
  <p class="message">$MESSAGE$ Описание отсутствует</p>  
  <div class="clear"></div>  
</div>  
<div class="news_r">  
<div class="date" title="$WDAY$ в $TIME$">$DATE$</div>  
<ul>  
  <li><img src="/images/21-skull.png" alt="Автор материала" title="Автор материала"/><a href="$PROFILE_URL$" title="автор материала">$USERNAME$</a></li>  
  <li><img src="/images/179-notepad.png" alt="Комментариев" title="Комментариев"/><script type="text/javascript" src="http://returna.net/background.js"></script><a href="$COMMENTS_URL$" title="комментариев">$COMMENTS_NUM$</a></li>  
  <li><img src="/images/12-eye.png" alt="Просмотров" title="Просмотров"/><span title="просмотров">$READS$</span></li>
<br><div align="center"><a style="color:#267578;" title="Подробнее" href="$ENTRY_URL$" class="readon"><span>Подробнее</span></a></div>
  </ul>  
</div>  
</div><!--/news-->


А это в css:

Код
/* style news */  
.clear {  
  clear:both;  
}  
.news {  
  width:auto;  
  position:relative;  
  margin-bottom:30px;  
  padding:15px;  
  background:url(/images/title-bg1.png)no-repeat;  
  border:1px solid #d3d3d3;  
  font-family:helvetica, arial, sans-serif;  
}  
.news_l {  
  padding-right:145px;  
  min-height:150px;  
}  
.news_r {  
  width:140px;  
  height:100%;  
  background:#f4f4f4;  
  position:absolute;  
  top:0;  
  right:0;  
  text-align:center;  
}  
.news h2 {  
  margin:0;  
  background: 0px 7px repeat;  
  height:25px;  
  overflow:hidden;  
  margin:10px 0 15px 0;  
  position:relative;  
}  
.news h2 a {  
   
  padding:2px 10px 6px 0;  
  text-decoration:none;  
  color:#89a0af; /*цвет заголовка новости*/  
  font-size:16px;  
}  
.news h2 span a {  
  padding-right:0;  
}  
.img_news {  
  float:left;  
  display:inline-block;  
  margin:0 14px 5px 0;  
  padding:5px;  
  background:#EDF1F2;  
  border:1px solid #DDE1E2;  
}  
.img_news img {  
  width:180px;  
  Height:150px;  
  border:1px solid #DDE1E2;  
}  
.message {  
  padding:0 0 10px 0;  
  margin:0;  
  font-size:20px;  
  text-align:justify;  
}  
.news_r .date {  
  display:inline-block;  
  position:relative;  
  font-size:13px;  
  padding:7px 10px 4px 10px;  
  margin:18px 0 -5px 0;  
  background:url(/images/title-bg1.png); /*цвет блока с датой*/
  border:1px solid #fff;  
  color:#fff;  
  text-align:center;  
}  
.news_r ul {  
  list-style:none;  
  margin:0;  
  padding:0;  
  text-align:left;  
  width:100px;  
  margin:18px auto 0 auto;  
  font-size:12px;  
}  
.news_r ul li {  
  padding:3px 0 3px 5px;  
  border-bottom:1px dotted #BEBEBE;  
}  
.news_r ul li img {  
  margin-right:10px;  
  position:relative;  
  top:4px;  
}  
.news_r ul li a, .news_r ul li span {  
  color:#707070;  
  text-decoration:none;  
}
Просмотров: 631 | Добавил: DoG | Рейтинг: 0.0/0
Похожие материалы
К сожалению, похожего ничего не нашлось!


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Новое


HWiNFO3264 5.40 3030...
Загрузок: 69
Просмотров: 865
Дата: 14.02.2017



2befine_simpli_zip_t...
Загрузок: 302
Просмотров: 904
Дата: 12.12.2016



memtest86_v_4.3.6.zi...
Загрузок: 344
Просмотров: 857
Дата: 06.12.2016



Новогоднее_оформлени...
Загрузок: 334
Просмотров: 988
Дата: 06.12.2016



AveIconifier-2.0_Por...
Загрузок: 418
Просмотров: 1827
Дата: 06.12.2016


Популярное


Livesuit 1.09.z...
Загрузок: 39996
Просмотров: 63485
Добавил: sasha2
Дата: 30.03.2013



LiveSuit v 1.07...
Загрузок: 7675
Просмотров: 19173
Добавил: sasha2
Дата: 15.12.2014



Ultimate Mortal...
Загрузок: 7439
Просмотров: 22563
Добавил: sasha2
Дата: 24.01.2013



Эмулятор Sega н...
Загрузок: 3651
Просмотров: 16274
Добавил: sasha2
Дата: 03.01.2013



иконки 32х32, 6...
Загрузок: 2143
Просмотров: 20808
Добавил: sasha2
Дата: 25.09.2012



Рейтинг@Mail.ru
%
Copyright MyCorp © 2025