Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/13: Рейтинг темы: голосов - 13, средняя оценка - 5.00
2 / 0 / 1
Регистрация: 20.06.2012
Сообщений: 95
1

подскажите как добавить пункт в меню

17.10.2012, 07:32. Показов 2658. Ответов 11
Метки нет (Все метки)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 <div id="menu_div">
            <div id="navigation">
                <div id="menu">
                    <ul id="nav">
                    
                    <li class="joltiy"><a href="https://www.cyberforum.ru/index.html">Начало учебника</a></li>                        
                            
                                            
                        <li class="green"><a href="#">Лекции</a>                           
                            <ul>
                                <li><a href="https://www.cyberforum.ru/lecturis/lec1.html">Лекция 1</a></li>                                                                                            
                                <li><a href="https://www.cyberforum.ru/lecturis/lec2.html">Лекция 2</a></li>
                                <li><a href="https://www.cyberforum.ru/lecturis/lec3.html">Лекция 3</a></li>
                                <li><a href="https://www.cyberforum.ru/lecturis/lec4.html">Лекция 4</a></li>
                                <li><a href="https://www.cyberforum.ru/lecturis/lec5.html">Лекция 5</a></li>      
                                <li><a href="https://www.cyberforum.ru/lecturis/lec6.html">Лекция 6</a></li>                         
                            </ul> 
                        </li>  
                                                
                        <li class="aqua"><a href="#">Тест</a>
                            <ul>
                                <li><a href="#">1-ый семестр</a></li>
                                <li><a href="#">2-ой семестр</a></li>                               
                            </ul>
                        </li>
                        
                        <li class="blue"><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 class="org"><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>
                            <ul>
                                <li><a href="#">Руководство пользователя</a></li>
                                <li><a href="#">Пункт 2</a></li>
                                <li><a href="#">Пункт 3</a></li>
                                <li><a href="#">Пункт 4</a></li>
                            </ul>
                        </li>
                        
                    </ul>                  
                  
                     
                </div><!-- #menu КОНЕЦ-->
            </div><!-- #navigation КОНЕЦ-->
        </div><!-- #menu_div КОНЕЦ-->
меню рабочие,ну сss не стал выкладывать.
Помогите сделать следующие при наведение на лекции,лекция 1,появлялось ещё под меню с тремя например вкладками

Добавлено через 8 минут
Вот сделал)) тему можно удалять
HTML5
1
2
3
4
5
6
<li><a href="lecturis/lec5.html">Лекция 5</a>
                                    <ul class="submenu">
                                      <li><a href="#">Sub Item 2.1</a></li>
                                      
                                    </ul>  
                                </li>
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.10.2012, 07:32
Ответы с готовыми решениями:

Как можно добавить пункт в специальное меню по нажатию на кнопку
Помогите пожалуйста. Есть страница (в архиве), нужно создать на ней кнопку при нажатии на которую в...

Добавить ссылку на пункт в меню
есть такая конструкция &lt;ul class=&quot;mainMenu&quot;&gt; &lt;li style=&quot;border-left:none;&quot;...

Как добавить пункт меню на форму
Подскажите пожалуйста, как добавить пункт меню на форму, так, как показано на рисунке:

Как добавить пункт в меню grub?
Всем привет. Сначала небольшая предыстория: Стоял у меня на компе Debian, по долгу службы...

11
0 / 0 / 1
Регистрация: 23.09.2013
Сообщений: 16
24.09.2013, 13:57 2
необходимо добавить несколько пунктов в меню и соответственно при из нажатии чтобы открывалась новая страница

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!-- Main Menu -->  
        <div id="menu">
            
            <dl class="mh">
                <dt><a href="index.html" class="menu_tit_act">главная</a></dt>
                <dd><a href="index.html" class="menu_btn_act"></a></dd>
            </dl>
 
            <dl class="ma">
                <dt><a href="about.html" class="menu_tit">о нас</a></dt>
                <dd><a href="about.html" class="menu_btn"></a></dd>
            </dl>
    
            <dl class="mp">
                <dt><a href="portfolio.html" class="menu_tit">каталог</a></dt>
                <dd><a href="portfolio.html" class="menu_btn"></a></dd>
            </dl>
 
            <dl class="ma">
                <dt><a href="contact.html" class="menu_tit">контакты</a></dt>
                <dd><a href="contact.html" class="menu_btn"></a></dd>
            </dl>
            
        </div>
При добавлении пункта в меню идет перескок на другую строчку.

как сделать, чтобы пункты были в один ряд и при клике открывалась новая страница
0
Миниатюры
подскажите как добавить пункт в меню   подскажите как добавить пункт в меню  
Прописан в интернете...
94 / 78 / 11
Регистрация: 06.04.2012
Сообщений: 345
24.09.2013, 17:41 3
Питергофф, ну что бы помещалось увеличьте ширину родителю, а что бы открывалась в новой вкладке
HTML5
1
<a href="" target="_blank"></a>
0
0 / 0 / 1
Регистрация: 23.09.2013
Сообщений: 16
25.09.2013, 08:37 4
я извиняюсь, а можно по подробнее, как это сделатьгде и что редактировать.Я только осваиваю создание сайта по шаблону.
0
Прописан в интернете...
94 / 78 / 11
Регистрация: 06.04.2012
Сообщений: 345
25.09.2013, 10:20 5
Питергофф, в стилях найдите #menu,у него должно быть свойство width, вот увеличьте ему значение, чем есть на данный момент.
0
0 / 0 / 1
Регистрация: 23.09.2013
Сообщений: 16
25.09.2013, 12:05 6
спасибо.получилось. а <a href="" target="_blank"></a> для открытия при клике вновь созданного пункта меню куда вставлять данный код?
0
Прописан в интернете...
94 / 78 / 11
Регистрация: 06.04.2012
Сообщений: 345
25.09.2013, 12:09 7
Питергофф, все какие <a href=""> у тебя есть, туда просто дописываешь target="_blank"
HTML5
1
2
3
4
<dl class="mh">
<dt><a href="index.html" target="_blank" class="menu_tit_act">главная</a></dt>
<dd><a href="index.html" target="_blank" class="menu_btn_act"></a></dd>
</dl>
0
0 / 0 / 1
Регистрация: 23.09.2013
Сообщений: 16
25.09.2013, 12:53 8
Еще раз прошу прощения за дурацкие наверно вопросы, но я пробую создать сайт впервые

Мне нужен код не для открытия в новом окне, а вообще открытия вкладки.Т.е. вот мой код, я добавил "партнерам" и "участникам", но при клике на них открывается "о нас" (данный пункт в меню как бы подсвечен, видно что выбран именно он) Мне надо, чтобы добавленные окна по содержанию выглядели также как содержание "о нас", а у меня просто переадресовывает

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
  <!-- Main Menu -->
        <div id="menu">
            
            <dl class="mh">
                <dt><a href="index.html" class="menu_tit">главная</a></dt>
                <dd><a href="index.html" class="menu_btn"></a></dd>
            </dl>
 
            <dl class="ma">
                <dt><a href="about.html" class="menu_tit_act">о нас</a></dt>
                <dd><a href="about.html" class="menu_btn_act"></a></dd>
            </dl>
 
            <dl class="mb">
                <dt><a href="partneram.html" class="menu_tit">партнерам</a></dt>
                <dd><a href="partneram.html" class="menu_btn"></a></dd>
            </dl>
            
            <dl class="mn">
                <dt><a href="about.html" class="menu_tit">участникам</a></dt>
                <dd><a href="about.html" class="menu_btn"></a></dd>
            </dl>
            
            <dl class="mp">
                <dt><a href="portfolio.html" class="menu_tit">каталог</a></dt>
                                <dd><a href="portfolio.html" class="menu_btn"></a></dd>
            </dl>
 
            <dl class="mc">
                <dt><a href="contact.html" class="menu_tit">контакты</a></dt>
                                <dd><a href="contact.html" class="menu_btn"></a></dd>
            </dl>
В стиле надо же тоже добавить к примеру parteram Page Style (туда скопирую "o nas Page Style")
Надо создавать отдельный html файл для добавленных пунктов меню? В моем шаблоне на каждую страницу есть html файл.
0
Прописан в интернете...
94 / 78 / 11
Регистрация: 06.04.2012
Сообщений: 345
25.09.2013, 12:59 9
Питергофф, у тебя одинаковые файлы для двух разных вкладок
HTML5
1
2
3
4
5
6
7
8
<dl class="ma">
<dt><a href="about.html" class="menu_tit_act">о нас</a></dt>
<dd><a href="about.html" class="menu_btn_act"></a></dd>
</dl>
<dl class="mn">
<dt><a href="about.html" class="menu_tit">участникам</a></dt>
<dd><a href="about.html" class="menu_btn"></a></dd>
</dl>
создай для участников отдельный html файл и в меню укажи для него свой html файл, тогда у тебя на каждый пункт меню будет свой отдельный html файлик
0
0 / 0 / 1
Регистрация: 23.09.2013
Сообщений: 16
25.09.2013, 15:45 10
разобрался только при клике на "партнерам", светится значок кнопки "о нас", как будто выбран данный раздел
0
Миниатюры
подскажите как добавить пункт в меню  
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
25.09.2013, 15:55 11
Вообще чтобы не писать пунктам разные классы.
Можно сделать так:

Проверяем активен ли пункт, если да, то добавляем класс (должна быть подключена библиотека jquery)
Javascript
1
2
3
4
5
6
7
8
9
10
11
$(function () {                             // когда страница загружена
    $('.menu li a').each(function () {      // проходим по нужным нам ссылками
        var location = window.location.href // переменная с адресом страницы
        var link = this.href                // переменная с url ссылки
        var result = location.match(link);  // результат возвращает объект если совпадение найдено и null при обратном
 
        if(result != null) {                // если НЕ равно null
            $(this).addClass('current');    // добавляем класс
        }
    });
});
ну и структуру меню такую
HTML5
1
2
3
4
5
<ul class="menu">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
Ну и стили в довесок
CSS
1
2
3
4
5
6
7
8
9
10
11
12
ul.menu{
position:relative;
}
ul.menu li{
display:inline-block;
}
ul.menu li a{
color:green
}
ul.menu li a.current{
color:red;
}

p.s возможно где-то опечатался, пишу на память.
0
0 / 0 / 1
Регистрация: 23.09.2013
Сообщений: 16
25.09.2013, 17:43 12
Вот что имею в стиле.


CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
        outline: none;
}
 
.ui-state-hover a, .ui-state-hover a:hover {
        text-decoration: none;
        outline: none;
}
 
.ui-state-active, .ui-widget-content .ui-state-active {
        outline: none;
}
 
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    outline: none;
    text-decoration: none;
Что не так. В смысле, после добавления двух новых пунктов меню, когда кликаю на один из них, то выделенный цветом отображается другой пункт ,как будто активен именно он. На фото это видно. Выделен пункт "о нас", а фактически выбран пункт меню "участникам". (фото приложил к сообщению чуть раньше)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
25.09.2013, 17:43

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Как добавить новый пункт меню на страницу
Люди!! Кто нибудь знает как здесь можно добавить вкладку!!!??? Ненадлежащее оформление тем....

Как добавить пункт в меню загрузки grub?
Всем Доброго Здравия! Дело в следущем: был ноутбук c Ubuntu 12.04. Возникла необходимость поставить...

Как добавить пункт в контекстное меню браузера?
Здравствуйте. Как можно добавить пункт в контекстное меню браузера, так, как делают многие...

Как добавить пункт в меню загрузки grub?
Поставил себе 3 операционной Ubuntu 13.04 и столкнулся с такой проблемой что в загрузчике...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.