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


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

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

Подробнее..


Создаём новогоднюю поздравительную открытку
Создаём сложное выделение волос
Превращаем современную фотографию в старую
Создаём разноцветную светящуюся спираль
Наносим естественную татуировку в Фотошопе

деревообрабатывающие станки б у москва . | кровельные материалы москва и область . | кромкооблицовочные станки объявление москва .


Универсальный навигационный блок

В этом уроке мы с Вами будем учиться делать небольшой навигационный блок с интересным эффектом при наведении курсора мыши на элемент меню. Этот блок может пригодится на Вашем сайте. Вот как он выглядит:

Итак, по шагам.

Шаг 1.

Создайте основу навигации в таком формате:

<div style="padding:20px; border:1px solid #cccccc; width:150px;">
<a id='rollshift1' href="phplessons.php">AMEX</a>
<a id='rollshift2' href="phplessons.php">Газпром</a>
<a id='rollshift3' href="phplessons.php">Роснефть</a>
<a id='rollshift4' href="phplessons.php">Уралмаш</a>
<a id='rollshift5' href="phplessons.php">АвтоВАЗ</a>
<a id='rollshift6' href="phplessons.php">УралСвязьИнформ</a>
<a id='rollshift7' href="phplessons.php">Евросеть</a>
<a id='rollshift8' href="phplessons.php">Аэрофлот</a>
</div>

Если у Вас будет больше пунктов в меню, то продолжайте их создавать только атрибуту id присваивайте следующие по порядку номера id='rollshift9', id='rollshift10' и т.д.

Поместите этот код в то место страницы, где Вы хотели бы видеть свой навигационный блок.

Шаг 2.

Перед этим кодом вставьте следующий скрипт:

<script language="JavaScript">
rs_distance = 12
rs_animation_step_size = 1
rs_animation_delay = 15
rs_direction = "right" //left, right, up, down
</script>

Здесь Вы можете регулировать следующие параметры:

rs_distance - на сколько пикселей будет смещение текста при наведении курсора мыши.

rs_animation_delay - время задержки смещения в мс.

rs_direction - направление смещения (вправо, влево, вниз, вверх).

Шаг 3.

После навигационного блока или перед закрывающимся тэгом </body> поместите скрипт из этого файла:

Скачать фаил со скриптом для 3-го шага

На этом процесс закончен, проверяйте результат во всех браузерах, всё должно работать как надо.




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

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

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

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

Рейтинг:     Добавлено: 2008-11-06    Просмотров: 1776    Сайт-источник: photoshop-php.ru

Оцените урок: 1   2   3   4   5   6   7   8   9   10    



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


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

Ваше имя:

Комментарий:

Введите число показаное на картинке (проверка от автороботов):

  


 

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

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

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

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


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

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


При восстановлении свойств программы Photoshop, использовавшихся по умолчанию, все созданные вами шаблоны кистей удаляются. Во избежание этого сохраняйте образцы кистей в отдельном файле Brushes.abr. Щелкните по стрелке рядом с ярлычком палитры Brushes и выберите из открывшегося меню пункт Save Brushes (Сохранить кисти). Введите имя файла с расширением .abr и нажмите кнопку Save.

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


Внимание!
X
Хотите Получать 2 Видеоурока по Работе В Программе Фотошоп ЕЖЕМЕСЯЧНО?
Ваш e-mail: *
Ваше имя: *