Красивая менюшка - Скрипты - Каталог скриптов - Всё для веб-мастера Ucoz. Шаблоны, Скрипты и другое.

Красивая менюшка

Для этого нужно вставить в самый конец CSS следующий код: Code img{border: 0pt;} #vista_toolbar { float:left; font:normal 12px 'Trebuchet MS','Arial'; margin:0; padding:0; } #vista_toolbar ul { background-image:url(back.gif); background-repeat:repeat-x; float:left; line-height:32px; list-style:none; margin:0; padding:0 10px 0 10px; width:500px; } #vista_toolbar li { display:inline; padding:0; } #vista_toolbar a { color:#FFF; float:left; padding:0 3px 0 3px; text-decoration:none; } #vista_toolbar a span { display:block; float:none; padding:0 10px 0 7px; } #vista_toolbar a span img { border:none; margin:8px 4px 0 0; } #vista_toolbar a:hover{ background: url(left.png) no-repeat left center; } #vista_toolbar a:hover span { background:url(right.png) no-repeat right center; } #vista_toolbar a.right { float:right; } и вставить HTML код в нужное место: Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Vista toolbar с помощью CSS</title> <link href="style.css" media="all" rel="stylesheet" type="text/css" /> </head> <body> <div> <h1>Vista toolbar с помощью CSS</h1> </div> <div id="vista_toolbar"> <ul> <li><a href="ССЫЛКА"><span><img align="left" src="ССЫЛКА НА КАРТИНКУ" alt="ИМЯ ССЫЛКИ" />ИМЯ ССЫЛКИ</span></a></li> <li><a href="ССЫЛКА"><span><img align="left" src="ССЫЛКА НА КАРТИНКУ" alt="ИМЯ ССЫЛКИ" />ИМЯ ССЫЛКИ</span></a></li> <li><a href="ССЫЛКА"><span><img align="left" src="ССЫЛКА НА КАРТИНКУ" alt="ИМЯ ССЫЛКИ" />ИМЯ ССЫЛКИ</span></a></li> <li><a href="ССЫЛКА"><span><img align="left" src="ССЫЛКА НА КАРТИНКУ" alt="ИМЯ ССЫЛКИ" />ИМЯ ССЫЛКИ</span></a></li> <li><a href="ССЫЛКА"><span><img align="left" src="ССЫЛКА НА КАРТИНКУ" alt="ИМЯ ССЫЛКИ" />ИМЯ ССЫЛКИ</span></a></li> </ul> </div> </body> </html> Ссылки на картинки (в том числе сами картинки), ссылки и имена ссылок добавте сами Источник: http://s59.radikal.ru/i164/0811/ff/036228abf0f5.jpg
1 2 3 4 5 Категория: Скрипты \| Добавил: admin (25.01.2009)
Просмотров: 901 \| Рейтинг: 1.0/1

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]