Css & dhtml:создание меню для своего сайта

           главная страница сайта              Главная                                      обмен ссылками с тематическими сайтами                 Обмен ссылками                                        гостевая книга             Гостевая                                       обратная связь для отправки почты на e-mail               Обратная связь              |

Webmaster-Soft.ru - программы, скрипты для вебмастера            Меню

 

Книги для веб-мастера, книги програмирования  Программы
Электронные книги  Книги
Журналы для вебмастеров   Журналы вебмастеру
  Скрипты
Статьи
Учебник HTML  Учебник HTML
Базы каталогов для раскрутки сайта  Базы каталогов
Шаблоны, картинки, смайлы, иконки  Архив программ
   Интернет магазин
  Каталог статей
  Доска обьявлений
 

 

 

 

 

Работа в сети интернет
Лучшие системы в сети
для заработка

 

 
 

 


 

 

 

В помощь Web-Дизайнеру

Создание сайта,  оптимизация,  раскрутка

    Статьи
 Создание сайта




 

Создание сайта

 

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 >
 

Ну вот и всё. Теперь дело за малым художественным оформлением и ваши ссылки будут сиять как никогда...и никакой графики - её примените там, где без неё никак не обойтись. Действуйте.


 

 




 

Страницы < 31 32 33 34 35 36 37 38 39 40 >

 

<<<В начало>>>

 





 



 

Ramblers.ru

Rambler's Top100

 

    

  

 
  
  

 

Inet-Bazar.ru
 Интернет магазин цифрового товара.

--==--

 

  

 

Copyright © 2006 Oleg Velikanov