Неплохое горизонтальное меню с использованием css

☠Вагид☠™

Дата: Воскресенье, 31.07.2011, 17:01 | Сообщение # 1

Создатель

Сообщений: 227

Награды: 4

Репутация: 10000

Статус: Offline

Я из :

Эстония

Довольно простое меню, но мне оно очень понравилось. Здесь не используются скрипты и изображения. Только html и css.

В то место, где вам нужно меню, ставим следующий код:

Code

<ul>
 <li><a href="" title="">Главная</a></li>
 <li><a href="" title="">Новости</a></li>
 <li><a href="" title="">Контакты</a></li>
 <li><a href="" title="">Портфолио</a></li>
 <li><a href="" title="">Форум</a></li>
 </ul>

Редактируйте ссылки по своему усмотрению.

Затем, в ПУ-->Управление дизайном-->CSS. В любое место добавляем это:

Code

ul {
   font-family: Georgia;
   list-style-type: none;
   font-size: 14px;
   color: #fff;
   height: 50px;
   width: 510px;
   margin: 0 auto;
   padding-top: 15px;
   }
  ul li {
   float: left;
   padding: 1px;
   text-align: center;
   }
  ul li a {
   float: left;
   display: block;
   background: #0094D6;
   text-decoration: none;
   color: #fff;
   position: relative;
   }
  ul li a:hover {
   background: #FF7700;
   z-index: 10;
   margin: 0 -10px;
   top: -10px;
   opacity: 0.7;
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   }
  ul li a span {
   float: left;
   display: block;
   padding: 10px 0;
   text-decoration: none;
   color: #fff;
   width: 100px;
   cursor: pointer;
   }
  ul li a:hover span {
   width: 120px;
   padding: 20px 0;
   }

SABPMsk

Дата: Среда, 17.05.2023, 16:32 | Сообщение # 2

Я из :

С одной стороны(кажется) всё проще-простого, а на деле ВСЕГДА оказывается, совершенно иначе.
Далеко ни все собственники, управленцы и менеджеры из любой отрасли бизнеса могут Правильно провести презентацию своего бизнеса.

Если вас интересует
бизнес презетация продукт - то ознакомьтесь с нашим предложением по ссылке: https://biznespresentacia.ru/ Обращайтесь и получите КАЧЕСТВЕННУЮ Презентацию Вашего бизнес-проекта!

SABPMsk

Дата: Среда, 17.05.2023, 16:35 | Сообщение # 3

Я из :

Roderick

Дата: Воскресенье, 04.06.2023, 22:46 | Сообщение # 4

Я из :

Loving the info on this internet site, you have done great job on the articles.

Also visit my website :: cci security (<a href="https://www.wikiwand.com/en/Capel_Manor_College">Cortez</a>)

Emely

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

Я из :

Excellent site. Plenty of helpful info here. I'm sending it to somme pals ans also sharing in delicious.
Annd obviously, thank yyou on your effort!

Also visit mmy blog post; bar exam preparation (<a href="https://cloudflare-ipfs.com/ipfs/QmXoypizjW3WknFiJnKLwHCnL72vedxjQkDDP1mXWo6uco/wiki/Swansea_College.html">Gerardo</a>)

Summer

Дата: Понедельник, 19.06.2023, 20:57 | Сообщение # 6

Я из :

I've been absent for some time, but now I rememver why I used too
love this blog. Thanks, I'll try andd checxk back more often. Howw frequently you update youur web site?

My web site :: module exams - <a href="http://mickopedia.org/mickify?topic=Capel_Manor_College">Beatriz</a> -

Judy

Дата: Четверг, 22.06.2023, 01:43 | Сообщение # 7

Я из :

I've recently started a website, the ihfo you provide on this web site has helped
me tremendously. Thanks ffor all of your timje & work.

Feel free to surf to mmy web page help pass driving exam (<a href="https://wiki-th.tojsiab.com/wiki/Capel_Manor_College">Ivory</a>)

Ambrose

Дата: Воскресенье, 25.06.2023, 04:26 | Сообщение # 8

Я из :

Если вы планируете купить спецодежду в
Рыбинске, вам стоит обратить внимание на местные магазины и сервисы, специализирующиеся
на данном виде продукции. В
городе есть несколько магазинов, предлагающих широкий выбор спецодежды, которая может соответство<a href="http://artel-rostov.ru">Зимняя спецодежда в Рыбинске</a>ать вашим потребностям и требованиям.

Перед покупкой спецодежды важно определить ее цель и требования.
В зависимости от вашей сферы деятельности, вам может потребоваться защита от различных факторов:
холода, влаги, падающих предметов, огня и других возможных опасностей.
Уточните свои требования перед посещением
магазинов.

В Рыбинске можно найти специализированные магазины, предлагающие разнообразную спецодежду для
различных отраслей: строительства, промышленности,
медицины, сельского хозяйства и других.
Изучите ассортимент каждого магазина и
выберите тот, который предлагает
спецодежду, соответствующую вашим
требованиям.

Качество спецодежды является важным фактором при выборе.
Убедитесь, что выбранный магазин
сотрудничает с надежными производителями, которые предлагают качественную и сертифицированную продукцию.

Просмотрите отзывы клиентов о качестве и долговечности спецодежды, чтобы сделать правильный выбор.

Цена также имеет значение при покупке спецодежды.
Сравните цены в различных магазинах и выберите оптимальное соотношение цены
и качества. Учтите, что иногда стоит заплатить немного больше
за качественную и долговечную спецодежду, которая прослужит вам дольше
и обеспечит надлежащую защиту.

Не забудьте узнать о политике возврата и обмена товара в выбранном магазине.
Если возникнут проблемы с размером или качеством спецодежды,
вам будет важно иметь возможность обменять или вернуть товар.

Karri

Дата: Суббота, 08.07.2023, 17:43 | Сообщение # 9

Я из :

Hmm is anyone epse experiencing problems with the pictures oon this blog loading?
I'm trying to deterine if its a problem on my end or if it's the
blog. Any suggestions would be grreatly appreciated.

Here is my site :: pmp exam questions [<a href="https://sens-lab.org/view/acca-f6-exam-dates-march-2023">Randal</a>]

Keesha

Дата: Воскресенье, 09.07.2023, 03:04 | Сообщение # 10

Я из :

Hi there, its good post concerning media print, we all be aware of media is a fantastic source of data.

Here iis my homepage - gamsat practice tests tips, <a href="https://newanswerkey.com/search/epa-608-test-answers-2023">newanswerkey.com</a>,

Sima

Дата: Воскресенье, 09.07.2023, 16:25 | Сообщение # 11

Я из :

Hi, its fastidious piece of writing about media
print, we all be aware of media is a great source of
facts.

my web page ... pmp exam preparation (<a href="https://toolsforscholars.com/search/eamcet-exam-last-date-2023-ts">toolsforscholars.com</a>)

Tangela

Дата: Пятница, 14.07.2023, 04:41 | Сообщение # 12

Я из :

If some one wishers to be updated with newest technbologies
after that he must be go too seee this web site and be up to date
everyday.

My web site :: view (<a href="https://about.me/fabbydeals/">Epifania</a>)

Walter

Дата: Четверг, 03.08.2023, 20:10 | Сообщение # 13

Я из :

Wonderful beat ! I would like to apprentice whilst you amend your website, how can i subscxribe
for a blog <a href="https://artmight.com/user/profile/242360">site</a>?
The account aided mme a applicable deal. I had been tiny bit familiar of this yor broadcast offered vibrant clear idea.

Holly

Дата: Вторник, 29.08.2023, 21:12 | Сообщение # 14

Я из :

Very interesting info!Perfect just what I was searching
for!

My site: cpa exam anxiety (<a href="https://pdfmedia.net">Doug</a>)