Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Вчера в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Панель навигации на HTML странице.
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Панель навигации на HTML странице.
Здравствуйте,
как я понял, тут указано, как сделать меню на странице с движком phpbb2, но когда я такое делаю, получается черти что - http://insak.ukraine7.com/. Что я делаю не так? Я бы хотел видеть такое же меню, как и на ссылке выше указанной и чтобы оно разворачивалось.
как я понял, тут указано, как сделать меню на странице с движком phpbb2, но когда я такое делаю, получается черти что - http://insak.ukraine7.com/. Что я делаю не так? Я бы хотел видеть такое же меню, как и на ссылке выше указанной и чтобы оно разворачивалось.
Re: Панель навигации на HTML странице.
Уточню: если ни верх, ни низ форума на странице не используются, то настройки CSS надо добавлять непосредственно в саму страницу, перед </head> внутри тегов:
Код страницы (для примера):
- Код:
<style type="text/css">
...
</style>
Код страницы (для примера):
- Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/smiley.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Страница</title>
<style type="text/css">
#menu_p, #menu_p ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu_p {
width: 960px;
margin: 2px auto;
border: 1px solid #222;
background-color: #111;
}
#menu_p:before, #menu_p:after {
content: "";
display: table;
}
#menu_p:after {
clear: both;
}
#menu_p {
zoom:1;
}
#menu_p li {
float: left;
border-right: 1px solid #222;
-moz-box-shadow: 1px 0 0 #444;
-webkit-box-shadow: 1px 0 0 #444;
box-shadow: 1px 0 0 #444;
position: relative;
}
#menu_p a {
float: left;
padding: 12px 30px;
color: #999;
text-transform: uppercase;
font: bold 12px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
outline: none;
}
#menu_p li:hover > a {
color: #00CED1;
}
*html #menu_p li a:hover {
color: #00CED1;
}
#menu_p ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 9999;
background: #444;
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#menu_p li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
#menu_p ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#menu_p ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#menu_p ul li:last-child {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu_p ul a {
padding: 10px;
width: 130px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
outline: none;
}
#menu_p ul a:hover {
background-color: #111;
}
.reno {
width: 550px;
margin: 0 auto;
}
</style>
</head>
<body>
<ul id="menu_p">
<li><a href="#">Главная</a></li>
<li><a href="#">Администрация</a></li>
<li>
<a href="">Форум</a>
<ul>
<li><a href="#">Пункт 1</a></li>
<li><a href="#">Пункт 2</a></li>
<li><a href="#">Пункт 3</a></li>
<li><a href="#">Пункт 4</a></li>
</ul>
</li>
<li><a href="#">Донта</a></li>
</ul>
<br />
</body>
</html>
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Панель навигации на HTML странице.
Спасибо, Дана, но тут же возникла новая проблема
Как сделать как на этом форуме меню, чтобы оно выглядело нормально - все полосочки были до конца, а в конце не было бы того места
Как сделать как на этом форуме меню, чтобы оно выглядело нормально - все полосочки были до конца, а в конце не было бы того места
Re: Панель навигации на HTML странице.
Можно сделать так: в CSS из фрагмента настроек блока меню
Результат будет выглядеть следующим образом:
удалить цвет фона и бордюр, а для элементов списка#menu_p {
width: 960px;
margin: 2px auto;
border: 1px solid #222;
background-color: #111;
}
фон добавить.#menu_p li {
float: left;
border-right: 1px solid #222;
-moz-box-shadow: 1px 0 0 #444;
-webkit-box-shadow: 1px 0 0 #444;
box-shadow: 1px 0 0 #444;
position: relative;
background-color: #111;
}
Результат будет выглядеть следующим образом:
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Похожие темы
» Меню навигации на html-странице
» Панель навигации.
» Панель навигации
» Панель навигации
» Панель навигации
» Панель навигации.
» Панель навигации
» Панель навигации
» Панель навигации
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения