Суббота, 19.08.2017, 12:04
Приветствую Вас Гость | RSS



Новые сообщения · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Форум сайта ProgramPK.ucoz.ru - Шаблоны uCoz, Photoshop » Общий раздел » Общие вопросы » Горизонтальное меню! (Как на этом сайте) (Подробнее внутри!)
Горизонтальное меню! (Как на этом сайте)
Krisstal Дата: Понедельник, 25.05.2009, 21:45 | Сообщение # 1
Посетитель
Группа: Пользователи
Сообщений: 31
Репутация: 8 []
Статус:
Участник форума
Статус сообщение:
Вот тот вопрос на который я отвечаю (уже сам себе) http://web4design.ru/forum/12-328-1

Начну с того, что Не 1 раз были вопросы: "Как так получилось эта чудо строка?" Ведь если копируеш код нечего не выходит (получается просто столбец с пунктами). Дела тут в css!

Вод код этого меню

Code
<ul class="solidblockmenu">
<LI><A href="http://web4design.ru/">Главная</A>  
<LI><A href="http://web4design.ru/load/2">Шаблоны UCOZ</A>  
<LI><A href="http://web4design.ru/load/1">Программы</A>  
<LI><A href="http://web4design.ru/forum/">Форум</A>  
<LI><A href="http://web4design.ru/gb/">Гостевая</A>  
<LI><A href="http://web4design.ru/index/0-3">Контакты</A>  
<LI><A href="http://web4design.ru/index/3">Регистрация</A>
<LI><A href="http://web4design.ru/publ/">Photoshop</A>
<LI><A href="http://web4design.ru/forum/8">!Обьявления!</A>

Прошу обратить внимание на строку:

Quote
<ul class="solidblockmenu">

Это так сказать то, что и заставляет всё работать так как надо!
Строчку solidblockmenu
Можно найт в css этого сайта.
Code
.solidblockmenu{margin: 0;padding: 0;float: left;font: bold 13px Arial;width: 100%;border: 1px solid #B5B5B5;border-width: 1px 0;background: black url(/images/blockdefault.gif) repeat-x center center;}
.solidblockmenu li{display: inline;}
.solidblockmenu li a{float: left;color: white;padding: 9px 11px;text-decoration: none;border-right: 1px solid white;}
.solidblockmenu li a:visited{color: white;}
.solidblockmenu li a:hover, .solidblockmenu li .current{color: white;background: transparent url(/images/blockactive.gif) repeat-x center center;}

Вот из за етого всё и идёт как надо!

Начинаю объяснять как сделать себе на сайт такое (или может быть совершенно другое) меню!

1. Заходим Админ панель--> Управление дизайном --> Таблица стилей (CSS)
2. Добовляем в любое свободное место :
.solidblockmenu{margin: 0;padding: 0;float: left;font: bold 13px Arial;width: 100%;border: 1px solid #B5B5B5;border-width: 1px 0;background: black url(Сюда идёт Фон гориз. меню.По умолчанию: http://web4design.ru//images/blockdefault.gif)repeat-x center center;}
.solidblockmenu li{display: inline;}
.solidblockmenu li a{float: left;color: white;padding: 9px 11px;text-decoration: none;border-right: 1px solid white;}
.solidblockmenu li a:visited{color: white;}
.solidblockmenu li a:hover, .solidblockmenu li .current{color: white;background: transparent url(А сюда фон который появляется при наведении мыши.По умолчанию http://web4design.ru//images/blockactive.gif) repeat-x center center;}

3. Теперь надо установить меню на сайт!
А.
<TABLE width="100%"><TR><TD>
<ul class="solidblockmenu">
<LI><A href="Адрес куда ведёт ссылка">Имя ссылки</A>
<LI><A href="Адрес куда ведёт ссылка">Имя ссылки</A>
<LI><A href="Адрес куда ведёт ссылка">Имя ссылки</A>
<LI><A href="Адрес куда ведёт ссылка">Имя ссылки</A>
</td></tr></table>
Ссылок можно сделать много! Но не переборщите)

Б. Добавить это меню к себе на сайт можно вручную или с помощью быстрой замены!

Ну вот и всё ! Думаю если следовать этой инструкции всё получится!

Кому мой материал прегадился тот "Я думаю " поставит мне небольшой repa

Прикрепления: 7674830.gif(0Kb)
 
Krisstal Дата: Вторник, 26.05.2009, 09:14 | Сообщение # 2
Посетитель
Группа: Пользователи
Сообщений: 31
Репутация: 8 []
Статус:
Участник форума
Статус сообщение:
Сори проглядел . http://web4design.ru/load/18-1-0-1258

Сообщение отредактировал Krisstal - Вторник, 26.05.2009, 09:21
 
leaderru Дата: Вторник, 21.07.2009, 14:39 | Сообщение # 3
Группа: Удаленные





Да ладно, бывает
 
Форум сайта ProgramPK.ucoz.ru - Шаблоны uCoz, Photoshop » Общий раздел » Общие вопросы » Горизонтальное меню! (Как на этом сайте) (Подробнее внутри!)
Страница 1 из 11
Поиск: