Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Вид материалов и комментариев » Мини - Новости или миниатюрный вид материалов

Мини - Новости или миниатюрный вид материалов

Опубликовал: artCreative™
Категория: Вид материалов и комментариев
Дата: 19 Июня 2025 в 04:31

1 голос

В Админ панель => Дизайн => Управление дизайном => Новости сайта => Вид материалов удаляем старый код и устанавливаем новый:

Код

<div class="view-news">
  <h2><a href="$ENTRY_URL$">$TITLE$</a></h2>
  <div class="view-news-img">
  <img src="$IMG_SMALL_URL1$" alt="$TITLE$"><img src="$IMG_URL1$" alt="$TITLE$">
  <span>$CATEGORY_NAME$</span>
  </div>
  <p>$MESSAGE$</p>

  <div class="view-news-bottom">
  <span class="view-news-data">$DATE$</span>

  <span class="view-news-moder">$MODER_PANEL$ </span>

  <span class="view-news-statistics">
  <img src="http://www.center-dm.ru/img/fon_img_glaz.png" alt="просмотров"> $READS$ |
  <img src="http://www.center-dm.ru/img/fon_img_coment.png" alt="комментарии"> $COMMENTS_NUM$
  </span>
  </div>
  </div>

Теперь устанавливаем css стили:

Код

/* Вид новостей для uCoz от Fahrieva v1
------------------------------------------*/
.view-news{
  float:left;
  width:180px;
  background: #fff;
  padding:10px 10px 5px 10px;
  margin: 10px 10px 10px 10px;
  border: 1px solid #B6C0CD;
  border-radius:5px;
}

.view-news a {text-decoration:none; outline:none}

.view-news h2 {
  float:left;
  width:100%;
  margin:0px 0px 10px 0px;
  font: 115% Verdana,Arial,Helvetica, sans-serif;
  font-weight: 700;
}

.view-news-img {
  position: relative;
}

.view-news-img img{
  width:180px;
  height:120px;
  margin: 0px;
}

.view-news-img span{
  position:absolute;
  bottom:5px;
  right:5px;
  background: #e4aa2e;
  padding: 1px 7px 1px 7px;
  font: 9px Verdana,Arial,Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #b2821c;
  font-weight: 700;
  color:#fff;
  border-radius:3px;
}

.view-news p {
  float:left;
  width:100%;
  padding-bottom: 10px;
  margin:5px 0px 5px 0px;
  border-bottom: 1px solid #D6D6D6;
  font:11px/1.5 Verdana,Arial,Helvetica, sans-serif;
  text-align:justify;
}

.view-news p img {display:none}

.view-news-bottom {
  float:left;
  width:100%;
  font:9px Verdana,Arial,Helvetica, sans-serif;
  color:#999;
}

.view-news-data{
  float:left;
}

.view-news-moder{
  float:right;
  margin:0px 0px 0px 10px;
}

.view-news-statistics{
  float:right;
  margin:0px 0px 0px 15px;
}

Спонсор материала: Студия Веб-Дизайна RealARTs

Автор файла: fahriev

Ссылка на источник материала

Ссылка на ДЕМО

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 813 « Назад

Теги материала: материалов, или, новости, миниатюрный, вид, мини

Комментарии пользователей

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Вид материалов и комментариев » Мини - Новости или миниатюрный вид материалов

Мини - Новости или миниатюрный вид материалов

Комментарии пользователей