Горизонтальное меню

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1

Модератор форума: FOREVER, Lourens

Форум » WEB-мастеру » Скрипты для uCoz » Горизонтальное меню

Горизонтальное меню

Strepsils

Дата: Среда, 22.04.2009, 20:47 | Сообщение # 1

Сообщений: 80

[ 13 ]

Offline

в 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>

готово!! wink
[p.s.]Источник Allcity.net.ru[/p.s.]

Прикрепления: 1407125.jpg(9Kb)

Награды: 1

MuKJIyXoMaKJIauH Российская Федерация

Дата: Среда, 30.12.2009, 11:05 | Сообщение # 2

Сообщений: 1

[ 0 ]

Offline

Можно поподробнее, куда вставлять Код HTML?

Награды: 0

FOREVER

Дата: Среда, 30.12.2009, 11:58 | Сообщение # 3

Сообщений: 970

[ 100 ]

Offline

MuKJIyXoMaKJIauH, ну туда где бы ты хотел поставить данное меню! wink

Награды: 36

Strepsils

Дата: Среда, 30.12.2009, 13:11 | Сообщение # 4

Сообщений: 80

[ 13 ]

Offline

MuKJIyXoMaKJIauH, например в глобальный блок''верхняя часть сайта''

Награды: 1

Berzerk

Дата: Четверг, 07.01.2010, 18:04 | Сообщение # 5

Сообщений: 45

[ 8 ]

Offline

так у простых людей он работать не будет!!
выложи картинки)

Code

<title>Vista toolbar с помощью CSS</title>

эта строка лишняя (а то будет большими буквами прям по центру)
вообще если че выкладываеш то надо тестить) и делать описание ориентировано на пользователей юкоза.
тобиш некоторые код видят в первый раз ...

Выглядеть должно где то так:
так вот спева надо создать текстовый файл и туда копируем Код СSS, меняем расширения файла на *.CSS,
потом заливаем на сервер (например в корень), потом вставляем код куда вам надо в коде изменяем

Code

style.css на имя вашего файла.
Лично моя рекомендация удалять все что может быть лишним ... и сылки на стороние ресурсы, коментарии пометки и тп)) а то это может потом есче как аукнуться...

Админы сервер держат в слабеющих руках ....

Сообщение отредактировал Berzerk - Пятница, 08.01.2010, 17:53

Награды: 3

Форум » WEB-мастеру » Скрипты для uCoz » Горизонтальное меню

Страница 1 из 1

Используются технологии uCoz Sitemap Sitemap-forum