RSS сайта | RSS форума | RSS каталога файлов | RSS блога | Карта форума | Карта сайта | Все теги сайта
Главная страница

ГлавнаяФорумБлогФайлыОбратная связьО сайтеГостевая книгаПоиск
Настал ваш час, чтобы заработать реальные деньги на своем сайте
ВНИМАНИЕ!!!
Не зарегистрированные участники сайта ProSIdr, т.е. гости, НЕ могут оставлять сообщения на форуме. 
Для более корректного общения убедительная просьба
РЕГИСТРАЦИЯ или ВХОД
Реклама:
[ Новые сообщения · Заработай на своем сайте · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Admin  
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Красивое меню в ucoz
Красивое меню в ucoz
JockerДата: Четверг, 11.03.2010, 16.53.06 | Сообщение # 1
Глава сайта
Группа: Администраторы
Сообщений: 488
« »

Смайл настроения:
Ранг:

Доп. данные:

Это в 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;      
}

Это туда, где хотте видеть

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>
Прикрепления: 7141677.jpg(9.3 Kb)


Сколько людей, столько и мнений.

добавить на Яндекс
 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Красивое меню в ucoz
  • Страница 1 из 1
  • 1
Поиск:
Сегодня нас посетили
САНЁК, jimmieqo18, bubagame, VANGOG19, ulltrass, SamDel, Arthurcaw, leonardjc16, charlieof4, gordonyq60, pearlpo60, jeanniexj3, rebaev3, kimnw18, kennethmg4, roseannqt16, [Полный список]


www.megastock.ru
PR-CY.ru Яндекс.Метрика

Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
           

Яндекс.Метрика