| Главная | Форум | Файлы | Статьи | Игровые новости | Новости Кино | Топ сайтов | Ucoz скрипты | Online Фильмы и Сериалы | Первый игровой телеканал | Фильмы(2011) |
>
| Главная | Мой профиль | Вход | RSS |

  • Страница 1 из 1
  • 1
Форум » ๑۩۩๑ Все для Ucoz ๑۩۩๑ » Меню сайта » Неплохое горизонтальное меню с использованием css
Неплохое горизонтальное меню с использованием css
☠Вагид☠™Дата: Воскресенье, 31.07.2011, 17:01 | Сообщение # 1
Создатель
Сообщений: 227
Награды: 4
Репутация: 10000
Статус: Offline
Я из : Эстония

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

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

Code
<ul>  
   <li><a href="" title=""><span>Главная</span></a></li>  
   <li><a href="" title=""><span>Новости</span></a></li>  
   <li><a href="" title=""><span>Контакты</span></a></li>  
   <li><a href="" title=""><span>Портфолио</span></a></li>  
   <li><a href="" title=""><span>Форум</span></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
Я из :




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

Если вас интересует
бизнес презетация продукт - то ознакомьтесь с нашим предложением по ссылке: https://biznespresentacia.ru/ Обращайтесь и получите КАЧЕСТВЕННУЮ Презентацию Вашего бизнес-проекта!
 
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>)
 
Форум » ๑۩۩๑ Все для Ucoz ๑۩۩๑ » Меню сайта » Неплохое горизонтальное меню с использованием css
  • Страница 1 из 1
  • 1
Поиск:
Новый ответ
Имя:
Текст сообщения:
Код безопасности:

Русский автосерфинг

myxlam.clan.su © 2017Пользовательское соглашение Для правообладателей Хостинг от uCoz

Сайт тестировался на просмотр следующих браузеров: Internet Explorer 6-8 , Mozilla Firefox 2-3 , Opera 8-10 и Google Chrome.Все права защищены, myxlam.clan.su 2010-2017 © Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, используется в ознакомительных целях. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не могут нести отвественности за использование материалов данного сайта. Входя на сайт вы автоматически соглашаетесь с данными условиями.

free counters Хостинг от uCoz