Пятница, 26.04.2024, 09:45
Главная Регистрация RSS
Приветствую Вас, Гость
НОВЫЕ КОМЕНТАРИИ
Коментарий:Невероятно....это полезный веб-сайты.
Добавил:Stevensleed

Коментарий:Сколько лет прошло, старина?) зарегался, просто вспомнить те времена,
Добавил:Vj PitBulvjpitbul94

Коментарий:Всё исправил, проверил , скачивайте
Добавил:Modred

Коментарий:Классный скрипт , но на PHP
Добавил:ZemHU

Коментарий:Отличный движок Добавил:DexonEdutt

Коментарий:Легко установить Добавил:Mixhoarm

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
Поиск
Главная » Файлы » Скрипты для UCOZ » Скрипт вид материалов для UCOZ

Новый вид для модуля новостей

Новый вид для модуля новостей
Очень красивое решение по дизайну как Новый вид для модуля новостей сайта ucoz где вся информация будет показана когда вы наведете на картинку клик. Если у вас ресурс новостной и вы решили изменить немного дизайн на нем, то этот вид все за вас можно казать сделает. И если этот модуль у вас главная страница на портале, то отлично и главное красиво будет смотреться.
Не исключая его возможности а также функциональности.

Установка CSS

Между тега
<head> </head> на стр Главная страница дневника ( Блог) Страница архива материала ( БЛОГ ИЛИ Новости )

Код
<link rel="stylesheet" href="http://vipbiguteriya.at.ua/news1/hovernews.css"/>


Установка JS

вставить данный код перед тегом </body> на стр Главная страница дневника ( Блог) Страница архива материала ( БЛОГ ИЛИ Новости )


Код
<script type="text/javascript" src="http://vipbiguteriya.at.ua/news1/hovernews.js"></script>




1-Й Вариант Вставить Вид материалов Новостей или Блога

Код
<div style = "width: 50%; float:left;">  
<div class="he-wrap tpl4">
<img src="$IMG_URL1$" style="margin: 10px; float: left; width: 380px; height: 280px;" alt="">
<div class="he-view">
<div class="bg">
  <div class="a0" data-animate="fadeInDown"></div><div class="a0" data-animate="fadeInUp"></div><div class="a0" data-animate="fadeInDown"></div><div class="a0" data-animate="fadeInUp"></div><div class="a0" data-animate="fadeInDown"></div>
</div>
<div class="content">
  <h3 class="info-title a2" data-animate="fadeInDown">$TITLE$</h3>
  <div class="detail a2" data-animate="fadeInUp"><?if(len($MESSAGE$)>360)?><?substr($MESSAGE$,0,350)?> <a href="$ENTRY_URL$">Читать далее...</a><?else?>$MESSAGE$<?endif?>  
  <a href="$ENTRY_URL$" class="more a2" data-animate="fadeInRight">Читать далее...</a></div>
</div>
</div>
</div>
</div>




2-Й Вариант Вставить Вид материалов Новостей или Блога

Код
<div style = "width: 50%; float:left;">  
<div class="he-wrap tpl6">
<img src="$IMG_URL1$" style="margin: 10px; float: left; width: 380px; height: 280px;" alt="">
<div class="he-view">
<div class="bg a0" data-animate="fadeIn">
  <h3 class="a1" data-animate="fadeInDown">$TITLE$</h3>
  <a href="$ENTRY_URL$" class="btn a2" data-animate="rotateInLeft"><span>Читать...</span></a>
</div>
</div>  
</div>
</div>


В данном коде расчитано на 2 колонки новостей, но можно переделать на 3-4 колонки изменив в коде значение "width: 50%;( 2 колонки) на "width: 33%;( 3 колонки ) "width: 25%; ( 4 колонки )
так-же размеры картинок изменяються здесь width: 380px; height: 280px;
Длина текста новости менюеться здесь <?if(len($MESSAGE$)>360)?><?substr($MESSAGE$,0,350)?>
Новый вид для модуля новостей

Похожие материалы:

Категория: Скрипт вид материалов для UCOZ | Добавил: Admin1394 | Теги: вид материалов ucoz
Просмотров: 1942 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0