Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 04:54
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


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



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI



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

Иконка новинки на скрин новости для сайтов ucoz

Иконка новинки на скрин новости для сайтов ucoz Иконка, новинки, скрин, новости, сайтов, ucoz
Отличный вид придает сайтам с тематикой Онлайн Фильмы, и им подобным тематикам где постер или скриншот обязателен для вывода информации о материале.
Красная прозрачная полоска с надписью новинка отлично информирует пользователя о состояние материала и его свежести. Подобный тип вывода новостей использовался на сайте нашем ucozon.ru с иконкой которая имела надпись NEW, не чем не отличается код и тут только что используется стиль для наложение необходимой PNG графики на постер.

Сама иконка вторым слоем выводится через DIV массив из таблицы стиле при помощи класса news_ucozon_pr
Копируем строчку и вставляем непосредственно перед свое картинкой, и следующие все изменения делаем уже в строчке стиля.
А именно в размерах отступа по оси координат учитывая X & Y так же с минусом и положительным размером.
Условия вложены для того что бы иконка выводилась только тогда когда материал свежий, то есть все материалы за сегодняшний день
будут выводится с красивой красной иконкой новинки.
  • Приступим к установке.
    Вот само условие с классом:
    Code
    <div class="news_ucozon_pr"></div>

    Заходим непосредственно в вид материалов и находим строчку HTML кода которая выводит скрин, не важно через какую форму, через какое поле, на важно что бы <div> массив стоял непосредственно перед самой картинкой как я вам указал на пример ниже
    Code
    <div class="news_ucozon_pr"></div>
    <img src="$IMG_URL1$" width="150px" alt=" ">

    Так а что бы наш класс работал, то мы заходим в таблицу стилей своего сайта ucoz и вставляем вот такую строчку такого стиля CSS в самый низ:
    Code
    .news_ucozon_pr {background-image:url("http://filmsd.ru/Templates/design/img/new_ucozon.png");background-repeat:no-repeat;height:77px;margin-left:79px;margin-top:6px;position:absolute;width:77px;}

    Все готово, смотрим результат, только позаботитесь что бы новость была сегодняшние , а то начнется с комментария что не работает код и он не актуален для вашего сайта.
    Все настройки за мостки графики только в стиле!Сайт автора при копирование материала обязателен: http://ucozon.ru
    Автор: mdbnaer
  • Автор\Источник: http://ucozon.ru

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 4648 | Комментарии: 11 | Рейтинг: 3.7/9 | |Категория: Скрипты Вид новостей | Добавил: мир | Дата: 14.09.2011 | Скачали: 0 | Теги: новости, Новинки, иконка, сайтов, ucoz, скрин
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 11
    11 Morfeus   Дата: 26.09.2014  Время: 17:59   [№ 15366]
    скрипт не пашет показывает на всех картинках

    10 natali88   Дата: 09.08.2013  Время: 15:36   [№ 14870]
    И подскажите, может кто знает, нужен скрипт иконки популярное и распродажа.

    9 natali88   Дата: 09.08.2013  Время: 15:24   [№ 14869]
    Здравствуйте.
    Спасибо за скрипт) Очень кстати.
    Подскажите, вставила ваш скрипт, а как его можно поднять? Вот ссылка на сайт, посмотрите как смотрится РЕКЛАМА!!!
    Заранее благодарю за ответ.

    Ответ: В следующий раз замечание в профиль.

    8 SlowMotion   Дата: 24.02.2013  Время: 01:44   [№ 14511]
    конечно можешь! Установка данного скрипта НИЧЕМ НЕ ОТЛИЧАЕТСЯ на иніе модули. Как установить? прочтите выше...

    5 Makcu   Дата: 17.01.2013  Время: 13:04   [№ 14397]
    mdbnaer : Где же теперь взять картинку новинка .. если по адрессу автос.... не доступно (((.. перезалейте пожалуйста.

    6 SlowMotion   Дата: 17.01.2013  Время: 17:02   1 [№ 14398]
    Хоть я и не mdbaner, но всё же вам отвечу.
    Скажите, откуда вы вообще автос сюда приписали??? По-моему в CSS прописат путь к картинке на filmsd.tu

    7 mdbaner   Дата: 17.01.2013  Время: 20:44   2 [№ 14400]
    Я изменил ссылку на картинку.

    +1   Спам
    4 classic-3   Дата: 23.10.2012  Время: 15:26   [№ 13934]
    Ура! спасибо, получилось

    -1   Спам
    3 Mon@X   Дата: 22.07.2012  Время: 22:31   [№ 13481]
    Спасибо!

    +2   Спам
    2 gutty   Дата: 15.09.2011  Время: 15:20   [№ 10352]
    Спасибо за материал!

    -2   Спам
    1 disfalk1   Дата: 14.09.2011  Время: 18:02   [№ 10341]
    Спасибо,красивый и полезный скрипт.


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

    Форма входа
    Логин:
    Пароль:


    Поиск


    На форуме

    1 Куплю сайты с ТИЦ/PR (п...

    9

    2 Предлагаю услуги для ан...

    0

    3 Предлагаю услуги по про...

    0

    4 Комплексный прогон сайт...

    51

    5 Сайт онлайн фильмов на ...

    1

    6 Проблема с таблицей

    9

    7 Отредактировать фото

    2

    8 Уже все перепробовал )

    1

    9 Скрипт "Нравится&q...

    3

    10 Меню для сайта

    3


    Подробней о форуме


    Комментарии



    Copyright UcozOn.ru™ © 2008-2016


    Кнопка 88х31 сайта ucozon.ru