Практичные всплывающие подсказки

Подпишись на наши RSS Уроки по Фотошоп , просто щелкнув по иконке.

Новинка! Узнайте о Самом Результативном Способе Изучения Фотошопа, Без Посещения Дорогих Курсов, Без Черно-Белых Самоучителей и Без Метода Тыка!

10 Часов Практических Уроков Записанных с Экрана Монитора с Подробными Аудио-Комментариями сделают из Вас настоящего Учителя Фотошоп!

Подробнее..

Создаём новогоднюю поздравительную открытку

Создаём сложное выделение волос

Превращаем современную фотографию в старую

Создаём разноцветную светящуюся спираль

Наносим естественную татуировку в Фотошопе

Уроки по сайтостроению - Рубрика: PHP

Практичные всплывающие подсказки

Прочитав данный урок, Вы сможете с легкостью создавать практичные подсказки на веб страничках.

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

Лучше 1 раз увидеть, чем 100 раз прочитать:

Демо версия находится здесь. Файлы можно скачать тут.

Для начала рассмотрим варианты оформления таких подсказок в HTML:

<a href="ajax4.htm?width=475" class="jTip" id="six" name="Заголовок">Подсказка с заголовком</a>

Вот так задается подсказка с заранее определенной шириной и заголовком. Вначале идет ссылка на внешний файл ajax4.htm, далее через знак вопроса прописывается ширина подсказки. Заголок указывается в атрибуте name.

<a href="yahoo.htm?width=175&link=https://photoshop-php.ru" name="Прежде чем нажать - прочтите это" id="yahooCopy" class="jTip">Ссылка на photoshop-php.ru</a>

А вот так ставится подсказка на ссылку, которая ведет на другую веб страничку. К ширине еще добавляется link=https://photoshop-php.ru.

Ширина и заголовок подсказки являются необязательными атрибутами, поэтому можно обойтись и без них (если это необходимо).

Для того, чтоб они заработали, нам еще понадобится в начале документа между тегами <head></head> вставить следующий код:

Тут мы подключаем таблицу стилей, фреймворк jQuery и скрипт всплывающих подсказок. Все - как обычно!

На сегодня все! Удачи :)

Данный урок подготовлен для Вас командой сайта http://ruseller.com

Если хотите не упустить данный урок, добавьте его в закладки:

Хотите освоить весь Фотошоп с нуля?

Рекомендую Вам курс "Учитель Фотошопа в видеоформате", который состоит из 2-х частей: теоретической и практической. Все уроки даны в видеоформате с подробным озвучиванием всех выполняемых действий. Именно такой подход в изучении, позволит Вам в максимально короткие сроки овладеть всеми аспектами работы в Фотошоп.

Узнать подробнее

Рейтинг:

Добавлено: 2009-05-02 Просмотров: 4033 Сайт-источник: www.codylindley.com

Комментарии (1)

Комментарий by Алексей, От 2010-09-28

Поставил. А вместо русского в подсказках - одни квадраты....

Оставить комментарий:

Рассылка - "Лучшие видеоуроки Фотошоп даром". Подписавшись на неё, Вы 2 раза в месяц будете получать на свой почтовый ящик, ссылки на лучшие уроки по работе в программе Adobe Photoshop совершенно бесплатно!

Лучшие уроки по Фотошопу 2 раза в месяц!

Ваше имя на русском: *

Ваш Email адрес: *

Подпишитесь сейчас и получите доступ к разделу "Лучшие уроки Фотошопа".

Если Вы давно мечтаете о создании собственного сайта на движке Drupal, то советую Вам обратить внимание на мой новый видеокурс "Drupal - Как создать профессиональный сайт с нуля". Это более 100 видеоуроков из которых Вы узнаете, как создать 4 сайта различной напрвленности, сложности и функционнальности.

Узнать подробнее

Фильтр Lens Correction справляется и с бочкообразным (Barrel), и с подушкообразным (Pincushion) искажениями. Кроме того, предусмотрено устранение так называемой хроматической аберрации (Chromatic Aberration) – цветных ореолов по краям объектов и виньетки (Vignetting) – затенения краев изображения, особенно по углам.

Узнать больше