Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
12 / 12 / 7
Регистрация: 14.01.2016
Сообщений: 264

Всплывающее окно

03.02.2016, 01:08. Показов 880. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет. Подскажите пожалуйста. Есть меню, задается оно в админной части сайта т.е получается что class="" общий на все кнопки меню. Каким образом для одной из кнопок задать отдельный класс?
Миниатюры
Всплывающее окно  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
03.02.2016, 01:08
Ответы с готовыми решениями:

Всплывающее окно
как создать простое всплывающее окно с информацией типа :"Ваша заявка отправлена!" в html/css?

Всплывающее окно
Как сделать вот такое всплывающее окошко? Это с JS или какаянить развернутая версия тега <title>

Всплывающее окно
Доброго времени суток! Как сделать всплывающее окно например как у этого сайта: http://test.ege.edu.ru/ когда заходишь на сайт сразу...

11
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
03.02.2016, 06:57
Или поменять на свой класс для нужного элемента или к общему классу добавить свой.
HTML5
1
<li class="общийКласс мойКласс">
0
12 / 12 / 7
Регистрация: 14.01.2016
Сообщений: 264
04.02.2016, 00:02  [ТС]
newJS, В меню 4 кнопки. В css стилях li идет один на 4 кнопки, если даже я допишу свой класс, то он применится ко всем 4м кнопкам.
0
30 / 28 / 14
Регистрация: 06.01.2016
Сообщений: 161
04.02.2016, 03:33
Ну так пропиши класс у нужной кнопки, в чем проблема то?
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
04.02.2016, 06:05
Secret73, я же написал как добавить. Добавить второй класс к нужному ли.
0
12 / 12 / 7
Регистрация: 14.01.2016
Сообщений: 264
04.02.2016, 20:06  [ТС]
andrey7287, newJS, Я Вас прекраснот полнял, и сделал бы так, если бы меню прописывалось в .tpl файле. А у меня вот какой вариант вывода меню
PHP
1
2
3
4
5
    <ul>
        <li class="{if !empty($item.child)}node{/if}{if $item.fields.typelink=='separator'} separator{/if}{if $item.fields->isAct()} act{/if}" {if $item.fields.typelink != 'separator'}{$item.fields->getDebugAttributes()}{/if}>
        {if $item.fields.typelink!='separator'}<a href="{$item.fields->getHref()}" {if $item.fields.target_blank}target="_blank"{/if}>{$item.fields.title}</a>{else}&nbsp;{/if}
        </li>
    </ul>
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
05.02.2016, 07:35
может это поможет
X:nth-child(n)

li:nth-child(3) { color: red; }

Раньше мы не могли выделить, например, третий дочерний элемент? nth-child решает это!
Обратите внимание, что nth-child принимает целое число в качестве параметра, однако отсчет ведется не с 0. Если вы хотите выбрать второй пункт списка, используйте li:nth-child(2) .
Мы даже можем выбрать каждый четвертый элемент списка, просто добавив n к цифре

li:nth-child(4n) {}

выборке подвергнется каждый второй элемент, начиная с элемента номер 3.
li:nth-child(2n+3) a {color:#fe0208;}
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
05.02.2016, 10:41

Не по теме:

Как это всё oxyclassifieds напоминает... :)


Попробуйте подлезть с помощью селекторов к нужной кнопке, как вариант:
CSS
1
.bottomMenu>ul:nth-child(4)>li>a{Ваши стили}
Цихровку в скобках у nth-child только поставьте нужную Вам...
0
12 / 12 / 7
Регистрация: 14.01.2016
Сообщений: 264
06.02.2016, 01:34  [ТС]
newJS, Fedor92, Спасибо огромное, работает все круто. но есть небольшое НО.
CSS
1
.bottomMenu>ul:nth-child(2)>li>a{color:#fe0208;}
Как теперь сюда можно добавить готовый class=myclass, что бы не прописывать его в скобки {}. Нигде похожего найти не могу.
Суть такова, что бы одна из кнопок открывалась в всплывающем окне.
Спасибо.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
06.02.2016, 10:58
Цитата Сообщение от Secret73 Посмотреть сообщение
Как теперь сюда можно добавить готовый class=myclass, что бы не прописывать его в скобки {}. Нигде похожего найти не могу.
Попробуйте добавить свой класс сразу после class=" до фигурной скобки, как вариант...
0
12 / 12 / 7
Регистрация: 14.01.2016
Сообщений: 264
06.02.2016, 12:28  [ТС]
Fedor92, я пробовал уже по всякому. После а вставлял .myclass все полностью перестаёт работать
0
12 / 12 / 7
Регистрация: 14.01.2016
Сообщений: 264
09.02.2016, 00:15  [ТС]
Всем спасибо, проблему решил путем добавления условия в вывод кнопки. Выборку кнопки сделал по названию.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
09.02.2016, 00:15
Помогаю со студенческими работами здесь

Всплывающее окно
Добрый день! Столкнулся с такой проблемой, что никак не могу сделать или возможно не могу понять, как сделать всплывающее окно для поиска...

Всплывающее окно...
Здравствуйте! Хотелось бы узнать можно на html сделать следующее: При нажатии на кнопку всплывает изображение.

Всплывающее окно
У меня есть окно, которая появляется поверх активной страницы. Как мне можно всплывающее окно оставить, а активное окно убрать?

всплывающее окно
Добрый день. Подскажите пожалуйста ресурсы, на которых можно было бы найти следующее решение: имеется одностраничный сайт(информационный),...

Всплывающее окно
Добрый день. Помогите исправить код: &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;Popup window&lt;/title&gt; ...


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

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru