Время:
Меню сайта
Категории файлов
Блок: Фиолетовый фон
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Мини-чат
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0


Самые активные
Wonkz
10910 сообщений
Kирилл
7915 сообщений
HeRo_0INe
7079 сообщений
flemqaa
6807 сообщений
-Bacardi-
5939 сообщений
Tёмчик
5504 сообщений
Lexa4
5366 сообщений
Clouder16
5317 сообщений
AdWise
5266 сообщений
Gatop
5167 сообщений
Красивое меню в ucoz.
Просмотров: 1440 | Загрузок: 0 | Комментариев: 2 | Дата: 18.06.2025 | Добавил: DIMITRID

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="add.gif" alt="Добавить" />Добавить</span></a></li>  
<li><a href="#"><span><img align="left" src="mail.gif" alt="Почта" />Почта</span></a></li>  
<li><a href="#"><span><img align="left" src="chart.gif" alt="Статистика" />Статистика</span></a></li>  
<li><a href="#"><span><img align="left" src="mona.gif" alt="Фотогалерея" />Фотогалерея</span></a></li>  
<li><a class="right" href="#"><span><img align="left" src="sos.gif" alt="Помощь" />Помощь</span></a></li>  
</ul>  
</div>  
</body>  
</html>
Комментарии
2 random89  
а где картинки???? angry

1 lenya1310  
где находится HTML ???????