Самоучитель по креативному веб-дизайну. Книга 2, стр.8

их передачи по Internet требуется больше времени.

При необходимости создания трехмерного эффекта отбрасывания тени тек — стом баннера можно предположить, что потребуется преобразовать текст в изоб — ражение и только после этого наложить эффект. Тем не менее, графическое изоб — ражение текста баннера имеет намного больший размер, даже чем количество

байт, необходимое для хранения двух копий самого текста. Поэтому для мини — мизации времени загрузки для баннеров желательно использовать только текст, а

не его графическое изображение. Баннер можно создать с помощью операторов

позиционирования каскадных списков стилей и обычного текста.

Для создания текстового баннера с эффектом отбрасывания тени текстом (как показано на рис. 4.15) необходимо два текстовых элемента — один для текста баннера, а второй для его тени. Вставьте в список стилей правило для задания стиля и положения элемента баннера и еще одно правило для форматирования

и позиционирования текста тени. Несмотря на то что текст баннера может быть любого цвета, для тени лучше использовать серый или черный цвет.



ПРАКТИКУМ

Давайте начнем с создания класса каскадного списка стилей, приведенного ниже, который позволяет требуемым образом отформатировать и установить положение баннера на Web-странице:



210 Глава 4. Каскадные списки стилей





Затем добавьте на страницу класс отбрасывания тени, который использует тот же самый тип шрифта и тот же самый размер, что и класс banner. Как показано

в следующем примере, для смещения текста тени относительно текста баннера

задействуются свойства top и left, несколько отличные от соответствующих па —

раметров класса banner!







В приведенном примере Web-браузер поместит класс, отмеченный стилем banner, на семь пикселей ниже верхнего края Web-страницы и на один пиксель правее ее левого края. Текст, отмеченный стилем shadow, будет расположен на 15

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

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

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.105
  • 23.07.2011">Животные рисунки
  • 06.07.2011">Технология Active X на страницах сайта
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.126
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 114
  • 14.11.2011">Палитры в Фотошопе
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 039
  • 03.11.2011">Как создать кинопостер
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 071
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 093
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 030
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 018
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 090
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.152
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 086
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...