Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» совет админамавтор Форум Г. Вчера в 12:24
» Не могу поменять местами виджеты форума.
автор Форум Г. Вчера в 12:19
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор https://https-festasport. Декабрь 7th 2024, 19:06
» Пропала функция редактировать сообщение
автор VENEFICA. Декабрь 6th 2024, 07:12
» Не корректное отображение картинок
автор Luz Декабрь 5th 2024, 19:19
» ВПН
автор Luz Декабрь 5th 2024, 19:17
» Дублируется ссылка на форум в боковом меню
автор Luz Декабрь 5th 2024, 19:14
» Как найти администратора?
автор Luz Ноябрь 28th 2024, 14:12
» Пропала вкладка "Обработка пользователей"
автор Luz Ноябрь 28th 2024, 13:56
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
Интеграция на html страницу. Как это сделать?
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Интеграция на html страницу. Как это сделать?
Как это интегрировать на html страницу, что бы было как выпадающее\раскрывающееся меню?
- Код:
<ul class="menu_p">
<li>
<p>Заголовок меню</p>
<ul>
<li><a href="#">Пункт первый </a></li>
<li><a href="#">Пункт два</a></li>
<li><a href="#">Пункт идущий третьим</a></li>
<li><a href="#">Пункт четвертый и последний</a></li>
</ul>
</li>
<li>
<p>Заголовок меню 2</p>
<ul>
<li><a href="#">2 Пункт первый </a></li>
<li><a href="#">2 Пункт два</a></li>
<li><a href="#">2 Пункт идущий третьим</a></li>
<li><a href="#">2 Пункт четвертый и последний</a></li>
</ul>
</li>
</ul>
Re: Интеграция на html страницу. Как это сделать?
не работает
Получается нечто такого
- Код:
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /></head>
<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>
Получается нечто такого
Re: Интеграция на html страницу. Как это сделать?
ЗаменитеПолучается нечто такого
- Код:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
- Код:
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
Читайте тему. Нужно ещё CSS на ту-же страницу добавитьне работает
http://htmlbook.ru/samcss/sposoby-dobavleniya-stiley-na-stranitsu
Между
- Код:
<head><style type="text/css">
</style></head>
Re: Интеграция на html страницу. Как это сделать?
получилось подключить, но шрифт все равно выдает квадратиками
в чем ошибка
в чем ошибка
- Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.menu_p, .menu_p ul {
margin: 0;
padding: 0;
list-style: none;
}
.menu_p {
width: auto;
margin: 2px;
}
.menu_p:before, .menu_p:after {
content: "";
display: table;
}
.menu_p:after {
clear: both;
}
.menu_p {
zoom:1;
}
.menu_p li {
float: left;
position: relative;
margin-right: 10px;
}
.menu_p p {
float: left;
padding: 0;
outline: none;
}
.menu_p ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 28px;
left: 0;
z-index: 999;
background: #524119;
border: 1px solid #000;
border-radius: 8px;
-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*/
}
.menu_p ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
}
.menu_p ul a {
padding: 6px;
margin: 5px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
outline: none;
}
.menu_p ul a:hover {
background-color: #6B511A;
margin: 5px;
border-radius: 5px;
}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</style>
</head>
<body>
<div style="text-align: center;"><font size="6"><span style="font-weight: bold;">DEMO</span><br></font></div>
<ul style="text-align: center;" class="menu_p">
<li>
<p><img src="http://calc.allodslive.ru/img/h/this.gif"></p>
<ul>
<li><a href="http://stalhird.sosbb.ru/?pid=26">Комбер </a></li>
<li><a href="http://stalhird.sosbb.ru/?pid=7">Трехкнопка</a></li>
</ul>
</li>
<li>
<p><img src="http://calc.allodslive.ru/img/my/this.gif"></p>
<ul>
<li><a href="http://stalhird.sosbb.ru/?pid=9">Критовик </a></li>
<li><a href="http://stalhird.sosbb.ru/?pid=10">Дамагер</a></li>
</ul>
</li>
</ul>
</body>
</html>
Re: Интеграция на html страницу. Как это сделать?
И здесь квадратики видите? >
Ваш код, один к одному. Работающий.
Ваш код, один к одному. Работающий.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Похожие темы
» Как сделать страницу HTML
» Как сделать html страницу
» как мне сделать главную html страницу?
» Как сделать такую html страницу?
» Как сделать новую страницу HTML?
» Как сделать html страницу
» как мне сделать главную html страницу?
» Как сделать такую html страницу?
» Как сделать новую страницу HTML?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения