Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как убрать подпись о редактировании записиавтор Фея Сегодня в 14:39
» Пакеты Forum 2x2
автор Dana Domirani Май 6th 2024, 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
Разворачивающееся меню(Помощь)
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Разворачивающееся меню(Помощь)
Доброго времени суток!
Вот такой вопрос: "Я не силен в HTML-кодах, поэтому прошу вас расшифровать вот этот скрипт
"
Вот такой вопрос: "Я не силен в HTML-кодах, поэтому прошу вас расшифровать вот этот скрипт
"
- Код:
<div class="titl_link">
<a href="#" class="upp">Кнопка 1</a>
<div class="slide_link">
<a href="#">Заголовок 1-1</a>
<a href="#">Заголовок 1-2</a>
<a href="#">Заголовок 1-3</a>
</div></div>
Re: Разворачивающееся меню(Помощь)
должно быть дополнение CSS к этому, там должны быть настройки
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Разворачивающееся меню(Помощь)
- Код:
.titl_link {
display:inline-block;
position: relative;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
z-index: 999;
}
/* Кнопка меню */
.upp, .upp2 {
text-align:center;
background: #fff url("http://illiweb.com/fa/subsilver/back_catg.gif") bottom left;
border: 2px solid #006699;
margin-bottom: 10px;
margin-right: 3px;
padding: 5px;
}
/* Разворачивающаяся панель */
.slide_link {
display: none;
width: 200px;
border: 2px solid #006699;
background-color:#fff;
position: absolute;
z-index: 999;
top: 27px;
}
/* Ссылки на разворачивающейся панели */
.slide_link a {
display: block;
background-color:#eee;
padding: 2px 5px 2px;
margin-bottom: 5px;
}
/* Ссылки на разворачивающейся панели при наведении */
.slide_link a:hover {
background-color: #006699;
color: #fff;
}
Re: Разворачивающееся меню(Помощь)
вот здесь
font-family:Georgia; - название шрифта
font-size:17px; - размер
text-decoration: none; - удаление подчёркивания
- Код:
/* Ссылки на разворачивающейся панели */
.slide_link a {
display: block;
background-color:#eee;
padding: 2px 5px 2px;
margin-bottom: 5px;
}
/* Ссылки на разворачивающейся панели при наведении */
.slide_link a:hover {
background-color: #006699;
color: #fff;
}
font-family:Georgia; - название шрифта
font-size:17px; - размер
text-decoration: none; - удаление подчёркивания
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Как заменить стандартное меню навигации на разворачивающееся меню?
» Разворачивающееся меню
» Разворачивающееся меню
» Меню разворачивающееся по клику
» Разворачивающееся меню на закреплённой навигации
» Разворачивающееся меню
» Разворачивающееся меню
» Меню разворачивающееся по клику
» Разворачивающееся меню на закреплённой навигации
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения