ГЛАВНАЯ СТРАНИЦА     НАШИ КОНТАКТЫ    

объявления

новости

Выбираем столешницу
Линия и цвет в дизайне интерьера играют решающую роль.
Перед Театром-Театром установили Знак-Знак
Сегодня в Перми состоялось открытие нового арт-объекта. Его автором, так же как и красной буквы "П", является известный Артемий Лебедев. Что из себя представляет новое творение московского дизайнера, до последнего момента держалось в секрете.
Европейский микрорайон превратят в площадку для современного искусства
Стены нового для областного центра жилого пространства заполнят плакаты, иллюстрации, афиши современных художников и дизайнеров. Отдельно будет представлена 3D-графика на асфальте. Творческие деятели представят видео-арт, музыкальные сеты и работы авторов в миниатюрном подарочном формате.
Nokia выбрасывала на свалку перспективные разработки
Сегодняшняя 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
Практика сайтостроения.