Приветствую Вас Прохожий | RSS

Воскресенье, 24.11.2024, 06:35

Меню сайта

Гостевая сайта

РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА

Категории раздела

Скрипты блоки и шапки [337]

Скрипты Вид новостей [366]

Скрипты php для ucoz [47]

Скрипты для форума [186]

Скрипты информеры [118]

Скрипты Разное [1105]

Мини-чат

Все вопросы задаем в форуме,
здесь они игнорируются!

Блок спам рекламы

Сайт села Екатерининско* .

Фильмы, сериалы торрент .

НОВИНКИ 2019 В FULLHD 4* .

Лучшее Хип-Хоп радио St* .

ФИЛЬМЫ ОНЛАЙН В HD! .

Облачный майнинг HF18BD* .

Сайт за 6000 wmr .

http://ucozon.ru/forum/* .

Lineagw 2: Revolution .

Фильмы на планшет торре* .

Добавлять могут только пользователи зарегистрированные 15 суток.

Статистика

Онлайн всего: 16

Гостей: 16

Пользователей: 0

Кто нас сегодня посетил
Статистика посетителей
Подписка на новости
День рождения

Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Стильный вид новостей с hover эффектами для ваших новотей

Хочешь красочно оформить новости, но не знаете какой скрипт и какой вид новостей будет лучше смотреться для ваших новотей? Тогда, к вашему внимаю представляю пять готовых решении этих проблем:
Данные решения помогут ваш красочно отобразить и показать все своим новости на вашем сайте.

Установка CSS

Код

Установка JS
вставить данный код перед

Код

</body>

Код

Вариант первый
Смысл в том, что когда наводишь на картинку в правой стороне выскакивает блог с иконками, иконки как и ссылку - туда можно вставить все что угодно. Эффекты на иконки разные.

Код

Второй эффект

Код

Третий эффект

Код

Вариант два

Код

Второй эффект

Код

Третий эффект

Код

Код

<div class="he-wrap tpl3">
<img src="HoverNews/1_1.jpg" alt="">
<div class="he-view">
<div class="info-bottom a0" data-animate="fadeInUp">
Квантовая механика — раздел теоретической физики
</div>
</div>
</div>

Второй эффект

Код

<div class="he-wrap tpl3">
<img src="HoverNews/1_2.jpg" alt="">
<div class="he-view">
<div class="info-top a0" data-animate="fadeInDown">
Квантовая механика — раздел теоретической физики
</div>
</div>
</div>

Третий эффект

Код

<div class="he-wrap tpl3">
<img src="HoverNews/1_3.jpg" alt="">
<div class="he-view">
<div class="info-fly a0" data-animate="flipInV">
Квантовая механика — раздел теоретической физики
</div>
</div>
</div>

Автор\Источник: не указан или не известен!
Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 15.6 Kb

Дополнительные скрины:
Стильный вид новостей с hover эффектами для ваших новотей

Похожие новости на нашем сайте

Коментарий к новости

Всего комментариев: 14

Порядок вывода комментариев:

7 Red555 Дата: 03.05.2013 Время: 10:10 [№ 14676] [Материал]

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

8 SlowMotion Дата: 04.05.2013 Время: 00:08 № 1 [№ 14678] [Материал]

сначала скачиваете архив, за тем заливаете его себе на сайт, и подключаете (ставим перед тегом </body>):
<script type="text/javascript" src="/путь_к_файлу с кодом"></script>
за тем берем код, который нужно, меняем слова и картинку на свои, и ставим на свой сайт в нужное место.

9 Red555 Дата: 04.05.2013 Время: 00:54 № 2 [№ 14679] [Материал]

все делаю так как пишет и не работает, такое ощющение что css не правильно поставил

10 SlowMotion Дата: 04.05.2013 Время: 16:02 № 3 [№ 14681] [Материал]

а куда, позвольте узнать, вы поставили css ? где подключили?

11 Red555 Дата: 04.05.2013 Время: 16:27 № 4 [№ 14682] [Материал]

ну я это засунул в таблицу стилей
<link rel="stylesheet" href="/путь к файлу css"/>

12 SlowMotion Дата: 04.05.2013 Время: 16:59 № 5 [№ 14683] [Материал]

хах... ну даете))
поставьте код возле <title></title>

13 Red555 Дата: 04.05.2013 Время: 17:20 № 6 [№ 14684] [Материал]

Большое спасибо все работает, я с такие кодом первый раз встретился зато и не знал))

14 SlowMotion Дата: 04.05.2013 Время: 22:34 № 7 [№ 14686] [Материал]

будешь знать теперь)

6 tmb Дата: 25.03.2013 Время: 18:42 [№ 14560] [Материал]

Валера, по-моему ваше время еще не настало! :-D

2 smart4on Дата: 24.03.2013 Время: 18:29 [№ 14552] [Материал]

для ваших новотей, исправьте

3 Snaik Дата: 25.03.2013 Время: 09:16 № 1 [№ 14554] [Материал]

исправил.

1 mdbaner Дата: 24.03.2013 Время: 05:20 [№ 14551] [Материал]

1000 символов описание а не символы кода. материал не рассматривается в рамках.

4 Snaik Дата: 25.03.2013 Время: 09:19 № 1 [№ 14555] [Материал]

я понимаю, виноват. Но если мне удастся написать описание для материала на 1000 символом - то этот материал будет защитан ну или на ваше рассмотрение. А так, стараюсь писать уникальное описание. Хотя не сильное длинное.

Ответ: Это условия описание к материалу не менее 750 символов уникального текста. Как можно защитать то что не по условаиям. так и я могу , закидывать непонятный контент писать 2-34 слова к нему и создавать таких тем по 10 шт.
Полезность скрипта должна быть и текс размерами 750 и уникальный.