Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 842 Просмотров
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Надпись в чекбоксе
« : 20.06.2018, 13:04:46 »
Может знает кто, есть ли способ добавить надпись внутрь чекбокса.
Пытаюсь сделать, чтобы тут

https://yadi.sk/i/8jlwObOp3YAB27

описания были внутри, при условии, что как они выводятся сбоку уже знаю.
*

Stasweb

  • Завсегдатай
  • 1492
  • 24 / 0
Re: Надпись в чекбоксе
« Ответ #1 : 20.06.2018, 13:16:19 »
Посмотрите тут если правильно вас понял
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Надпись в чекбоксе
« Ответ #2 : 20.06.2018, 13:22:25 »
Мне надо, чтобы надписи были прямо в чекбоксе. Как сделать их с ним отдельным кликабельным полем уже нашел. Может знает кто, как скрыть сам чекбокс ?
http://cw68466.tmweb.ru/index.php/novosroiki/search/
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Надпись в чекбоксе
« Ответ #3 : 20.06.2018, 13:33:38 »
display:none;
не канает?
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

Stasweb

  • Завсегдатай
  • 1492
  • 24 / 0
Re: Надпись в чекбоксе
« Ответ #4 : 20.06.2018, 13:35:31 »
Посмотрите так
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Надпись в чекбоксе
« Ответ #5 : 20.06.2018, 14:10:16 »
Пописал вот так
Код
<label class="chura"><input type="checkbox" name="extra_fields[<?php echo $ch_id?>][]" value="<?php echo $val_id;?>" <?php if (is_array($extra_fields_active[$ch_id]) && in_array($val_id, $extra_fields_active[$ch_id])) echo "checked";?> /><span><?php echo $val_name;?></span></label>
Код
.chura{
    margin-left: -1px;  line-height: 1.25; background:#ffffff;
}

.chura:hover{
    margin-left: -1px;  line-height: 1.25; background:#212529;
}
Кто-нибудь знает, что надо делать, чтобы оно меняло цвет при нажатии ?

http://cw68466.tmweb.ru/index.php/novosroiki/search/
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Надпись в чекбоксе
« Ответ #6 : 20.06.2018, 14:10:32 »
Пописал вот так
Код
<label class="chura"><input type="checkbox" name="extra_fields[<?php echo $ch_id?>][]" value="<?php echo $val_id;?>" <?php if (is_array($extra_fields_active[$ch_id]) && in_array($val_id, $extra_fields_active[$ch_id])) echo "checked";?> /><span><?php echo $val_name;?></span></label>
Код
.chura{
    margin-left: -1px;  line-height: 1.25; background:#ffffff;
}

[url]http://cw68466.tmweb.ru/index.php/novosroiki/search/[/url]

.chura:hover{
    margin-left: -1px;  line-height: 1.25; background:#212529;
}
Кто-нибудь знает, что надо делать, чтобы оно меняло цвет при нажатии ?
*

Stasweb

  • Завсегдатай
  • 1492
  • 24 / 0
Re: Надпись в чекбоксе
« Ответ #7 : 20.06.2018, 14:24:42 »
Так возьмите этот код и под себя замените
*

Stasweb

  • Завсегдатай
  • 1492
  • 24 / 0
Re: Надпись в чекбоксе
« Ответ #8 : 20.06.2018, 14:56:56 »
А так попробуйте
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Надпись в чекбоксе
« Ответ #9 : 20.06.2018, 14:58:32 »
Нашол более изящный способ (как мне кажется):
Код
<label > <input type="checkbox" name="extra_fields[<?php echo $ch_id?>][]" value="<?php echo $val_id;?>" <?php if (is_array($extra_fields_active[$ch_id]) && in_array($val_id, $extra_fields_active[$ch_id])) echo "checked";?> /><span><?php echo $val_name;?></span></label>
В CSS
Код
.jshop input[type="checkbox"] + span{
    margin:5px 0 0 0;
    display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-color:#212529;
  background:#ffffff;
  color:##212529;
Код
.jshop input[type="checkbox"]:checked + span{
 margin:5px 0 0 0;
    display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-color:#212529;
  background:#dce3ed;
  color:#212529
https://yadi.sk/i/EVthe5gD3YAXaL
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Убрать надпись в футере

Автор kunsaid

Ответов: 6
Просмотров: 604
Последний ответ 22.12.2021, 18:06:35
от kunsaid
Не получается убрать надпись на главной странице и убрать даты

Автор nikekon

Ответов: 17
Просмотров: 1143
Последний ответ 10.07.2018, 16:36:39
от lexxbry
Как убрать надпись с модуля?

Автор belovpaha

Ответов: 38
Просмотров: 1722
Последний ответ 29.01.2018, 15:55:58
от kern.USR
Как убрать надпись "Подробности"?

Автор Shwepps

Ответов: 42
Просмотров: 13669
Последний ответ 07.12.2016, 10:33:50
от Buj
Как добавить надпись к HTML модулю?

Автор Apollon

Ответов: 1
Просмотров: 949
Последний ответ 14.09.2016, 20:56:52
от flyingspook