Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Интеграция на html страницу. Как это сделать?

Предыдущая тема Следующая тема Перейти вниз

Интеграция на html страницу. Как это сделать?

Сообщение автор offLSD в Вс 18 Мар - 0:57

Как это интегрировать на 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>

offLSD
 

Сообщения : 34
Регистрация : 2011-06-15
Благодарности : 0

Без предупреждений

http://stalhird.sosbb.ru

Вернуться к началу Перейти вниз

Re: Интеграция на html страницу. Как это сделать?

Сообщение автор gorezcaid в Вс 18 Мар - 1:35

avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

Re: Интеграция на html страницу. Как это сделать?

Сообщение автор offLSD в Вс 18 Мар - 2:07

не работает

Код:
  <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>

Получается нечто такого


offLSD
 

Сообщения : 34
Регистрация : 2011-06-15
Благодарности : 0

Без предупреждений

http://stalhird.sosbb.ru

Вернуться к началу Перейти вниз

Re: Интеграция на html страницу. Как это сделать?

Сообщение автор gorezcaid в Вс 18 Мар - 2:18

Получается нечто такого
Замените
Код:
<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>
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

Re: Интеграция на html страницу. Как это сделать?

Сообщение автор offLSD в Вс 18 Мар - 2:45

получилось подключить, но шрифт все равно выдает квадратиками

в чем ошибка

Код:
<!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>

offLSD
 

Сообщения : 34
Регистрация : 2011-06-15
Благодарности : 0

Без предупреждений

http://stalhird.sosbb.ru

Вернуться к началу Перейти вниз

Re: Интеграция на html страницу. Как это сделать?

Сообщение автор Dana Domirani в Вс 18 Мар - 12:42

И здесь квадратики видите? >
Ваш код, один к одному. Работающий.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22376
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9008

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения