Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Среда, 20.09.2017
Скрипты для uCoz » Текстовые эффекты » Эффект текста переливающегося разными цветами

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Эффект текста переливающегося разными цветами

Добавьте эффект переливающегося цветом текста




Прикольный эффект плавного изменения цвета для текста достигается применением свойств CSS3.Никаких скриптов не используется,это делает эффект незаметным по весу при загрузке страниц Вашего сайта.Добавить эффект не сложно,так же просто и применять его к тегам в которых находится любой текст.Вам нужно будет добавить файл стилей в верхнюю часть сайта,останется только применить класс стилей  class="colorpicker" в теге и текст будет переливаться цветами.Я применяю подобный эффект для выделения отдельных элементов текста придавая им способность бросаться в глаза.Проверьте варианты применения предоставленные ниже,надеюсь они дадут Вам представление как использовать этот наворот.Только при проверке в редакторе не забудьте скопировать в него код стилей для установки в верхнюю часть сайта




Этот код поместите в верхнюю часть сайта


<style type="text/css">
@import url("http://delaisait.ucoz.ru/css/textstyle.css");
</style>



Применяем эффект к заголовку


<h3 class="colorpicker">Переливающийся заголовок</h3>



Применяем эффект к отдельному слову


<p>
Выделяем только <span class="colorpicker">это</span> слово
</p>



Применяем эффект к ссылке


<p>
Здесь выделяем
<a href="http://delaisait.ucoz.ru/" class="colorpicker">ссылку</a>
</p>



Проверьте примеры эффекта в редакторе

Для проверки примеров в редакторе Вам понадобится дополнительно скопировать в него код для установки в верхнюю часть сайта.









Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 6298 | Добавил: IZOTOP | Рейтинг: 5.0/1
    | Теги: добавить, effect, тексту, uCoz, Для текста, Color, цвет, сайт

    Всего комментариев: 6
    0   Спам
    6 GEM   (26.03.2015 19:09)
    Аватар GEM Сайт просто супер! Спасибо ребята =)
    Применил этот эффект.. пример тут вверху странички слова
    Copyright by..

    http://www.dogica.com


    Удачи! Прогоню рекламку на форуме Юкоза на вас
    Кай

    0   Спам
    4 YLENbKA   (03.04.2014 17:26)
    Аватар YLENbKA здравствуйте. а можно это применить к названиям определенных страниц в блоке (меню). заранее спасибо.

    0   Спам
    5 IZOTOP   (04.04.2014 17:17)
    Аватар IZOTOP Привет!
    Если Ваш сайт находится на хостинге uCoz нужно использовать условные операторы для определения элементов к которым будет применено действие эффекта, в примере ниже условие прописывает распространять эффект только в границах стандартного меню.Аналогичным способом можно определить список страниц на которые распространится действие эффекта.

    Код

    <?if($SMENU_1$)?>
    СЮДА ФАЙЛЫ ЭФФЕКТА
    <?else?>
    <?endif?>

    0   Спам
    3 gefest35   (26.07.2013 17:44)
    Аватар gefest35 спасибо IZOTOP класный прибомбас вот ефект на главной http://www.win7chester.ru/

    0   Спам
    2 Admin9349   (19.07.2013 16:44)
    Аватар Admin9349 Всё получилось. Огромное спасибо. respect

    0   Спам
    1 Admin9349   (18.07.2013 13:06)
    Аватар Admin9349 А каким образом это можно сделать на отдельно взятой странице, в самом тексте статьи?


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