Здравствуйте, гість ( Вхід | Реєстрація )

  • Сторінка 1 з 1
  • 1
Модератор форуму: КаVyн  
Гарне меню в ucoz.
Понеділок, 13.06.2011, 10:35 | Повідомлення # 1
Повідомлень:
235
Нагороди:
Ранг:
Авторитет
15

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>
  • Сторінка 1 з 1
  • 1
Пошук:


Статистика Форума
Нові теми Популярні теми Кращі користувачі Нові користувачі

Прикол в cs 1.6

(1)

Банерообмін

(19)

Шаблон для ucoz - Dco...

(1)

Готовий і настроєний ...

(7)

Красивый информер топ...

(0)

Моє відео

(7)

BCM

(0)

Новый информер коммен...

(0)

Голубая кнопка вверх ...

(0)

Статистика кто посети...

(0)

конкурс вгадай фільм

(28)

Банерообмін

(19)

про модулі

(15)

Набір "Модератор...

(13)

Перемикач сторінок

(13)

Створення cs 1.6 серв...

(11)

Роздача ICQ від $eRJ

(11)

Купи або получи домен...

(9)

залучення реальних ві...

(9)

Роздача програм для {...

(8)

B@CbOK

(317)

КаVyн

(235)

$eRJ

(177)

Leet

(82)

ГОРІЧ

(72)

Olizina

(51)

dingo

(40)

CkopnioH

(34)

brooklin

(32)

extremist

(14)

Volodymyr

(24.04.2021)

Don_UA_

(03.06.2020)

Саня3639

(22.08.2019)

Don_ua

(10.08.2018)

buldog7

(16.12.2016)

arsen_1379

(17.08.2015)

ispanets

(23.04.2015)

Dj23435

(27.05.2014)

nazar1111

(20.05.2014)

nikonov

(11.05.2014)