Меню сайта
Категории сайта
| Скрипты для uCoz [3754] |
| Бесплатные шаблоны uCoz [3804] |
| Иконки форума групп [221] |
| Графика для сайта [2033] |
| PSD Макеты [132] |
| Кисти для фотошопа [265] |
| Уроки фотошопа на русском языке [18] |
| Стили для фотошопа [60] |
| Шрифты для фотошопа cs4 [47] |
| Web-master [3046] |
| Обзоры и статьи [74] |
| Шаблоны DLE [79] |
| Уникальные файлы от isuCoz [5] |
| Counter - Strike [29] |
Мини-чат
Наш опрос
Облако тегов
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Нас посетили:
Мини-профиль
Поиск
Календарь
Статистика
Архив
- 2008 Декабрь
- 2009 Январь
- 2009 Февраль
- 2009 Март
- 2009 Апрель
- 2009 Май
- 2009 Июнь
- 2009 Июль
- 2009 Август
- 2009 Сентябрь
- 2009 Октябрь
- 2009 Ноябрь
- 2009 Декабрь
- 2010 Январь
- 2010 Февраль
- 2010 Март
- 2010 Апрель
- 2010 Май
- 2010 Июнь
- 2010 Июль
- 2010 Август
- 2010 Сентябрь
- 2010 Октябрь
- 2010 Ноябрь
- 2010 Декабрь
- 2011 Январь
- 2011 Февраль
- 2011 Март
- 2011 Апрель
- 2011 Май
- 2011 Июнь
- 2011 Июль
- 2011 Август
- 2011 Сентябрь
- 2011 Октябрь
- 2011 Ноябрь
- 2011 Декабрь
- 2012 Январь
- 2012 Февраль
- 2012 Март
- 2012 Апрель
- 2012 Май
- 2012 Июнь
- 2012 Июль
- 2012 Август
- 2012 Сентябрь
- 2012 Октябрь
- 2012 Ноябрь
- 2012 Декабрь
- 2013 Январь
- 2013 Февраль
- 2013 Март
- 2013 Май
- 2013 Ноябрь
- 2013 Декабрь
- 2014 Январь
- 2014 Февраль
- 2014 Март
- 2014 Июнь
- 2014 Август
- 2014 Сентябрь
- 2015 Июнь
- 2015 Июль
- 2015 Август
- 2015 Октябрь
- 2015 Ноябрь
- 2017 Январь
Реклама
Узнай айпи
Симпотное меню
Вы пришли к нам на портал что бы скачать\посмотреть Симпотное меню, если возникнут вопросы по данному файлу Симпотное меню, вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.
С уважением, администрация isucoz.com.
Скачать Симпотное меню
в 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;
}
#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>
<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>
готово!!
ИСТОЧНИК: GameClub
У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: Dr_Fedor | Комментариев: 5 | Просмотров: 1865 | Добавлено: 19-Апр-2009
ну и словечко...
