новости
Линия и цвет в дизайне интерьера играют решающую роль. |
Сегодня в Перми состоялось открытие нового арт-объекта. Его автором, так же как и красной буквы "П", является известный Артемий Лебедев. Что из себя представляет новое творение московского дизайнера, до последнего момента держалось в секрете. |
Стены нового для областного центра жилого пространства заполнят плакаты, иллюстрации, афиши современных художников и дизайнеров. Отдельно будет представлена 3D-графика на асфальте. Творческие деятели представят видео-арт, музыкальные сеты и работы авторов в миниатюрном подарочном формате. |
Сегодняшняя Nokia не считается сильным игроком на рынке смартфонов не потому, что у компании не было хороших идей. Причиной стала корпоративная культура компании, при которой было возможно тратить огромные деньги на новые разработки и при этом не выпускать их на рынок, пишет The Wall Street Journal. Бывший главный дизайнер Nokia Фрэнк Нуво (Frank Nuovo) рассказал газете, какие идеи были рождены и похоронены в финской компании. |
реклама
Услуги: Газон Лечение деревьев в Московской области |
Создание меню с применением CSS и DHTML
В общем то используя нижеописаный способ можно оформлять не только меню, но и любые ссылки.
В этом варианте применяется всё те же CSS, DHTML, но в отличие от первого варианта мы применим здесь фильтр "Glow". Данный фильтр создаёт эффект свечения объекта по его внешним границам
STYLE= "filter: Glow (Strength= X,Color= Y)"
- Stregth
- Сила свечения в пределах от 0 до 100 (X)
- Color
- Цвет свечения (Y)
Опять таки создадим таблицу с разделами меню, но уже поставим border = 0 , обеспечив тем самым прозрачность границ, они нам ни к чему... Итак, в теге <HEAD> описываем стили наших ячеек и ссылок , которые быдут в них находиться, как и в прошлом примере, только с фильтром Glow, получим:
<STYLE type = "text/css" >
TD.Over { filter:Glow( Strength=5, color = red);font-weight: bold; font-size:200%; text-align: center; cursor: hand; }
TD.Out { font-weight: bold;font-size:200%; text-align: center;}
a{text-decoration: none; color: black;}
</STYLE >
Также опишем обраотчики событий для наших пунктов меню. Тег ячейки примет следующий вид:
<TD CLASS="Out" ONMOUSEOVER="this.className='Over' " ONMOUSEOUT="this.className='Out' "><a href="Ваш URL" >Home Page</A></td>
<table border = 0 CELLPADDING=4 align=right width=30%>
<TR><TD CLASS="Out"
ONMOUSEOVER="this.className='Over' "
ONMOUSEOUT="this.className='Out' "><a href="Ваш URL" >Home Page</A></td></tr>
<TR><TD CLASS="Out"
ONMOUSEOVER="this.className='Over' "
ONMOUSEOUT="this.className='Out' "><a href="">Guest Book</A></td></tr>
<TR><TD CLASS="Out"
ONMOUSEOVER="this.className='Over' "
ONMOUSEOUT="this.className='Out' "><a href="">Links</A></td></tr>
<TR><TD CLASS="Out"
ONMOUSEOVER="this.className='Over' "
ONMOUSEOUT="this.className='Out' "><a href="">Gallery</A></td></tr>
<TR><TD CLASS="Out"
ONMOUSEOVER="this.className='Over' "
ONMOUSEOUT="this.className='Out' "><a href="">Forum</A></td></tr>
<TR><TD CLASS="Out"
ONMOUSEOVER="this.className='Over' "
ONMOUSEOUT="this.className='Out' "><a href="">Mail</A></td></tr>
</table >
Ну вот и всё. Теперь дело за малым художественным оформлением и ваши ссылки будут сиять как никогда...и никакой графики - её примените там, где без неё никак не обойтись.
Статьи проекта TEMPL.RU:
Как верстать сайт? Шаблонная вёрстка сайта.
Шаблонны- DIV vs. TABLE.
Как сделать дизайн сайта простым и удобным.
Преимущества и недостатки табличной верстки.
XHTML+CSS. Преимущества очевидны.
7 советов начинающему Вэб-Мастеру.
Простые советы вэб-дизайнеру.
Советы начинающим вэб-мастерам.
Создание меню с применением CSS и DHTML
Практика сайтостроения.