Перейти к содержимому


Рестайлинг Радио-Кнопок

радио кнопки чек

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 12 Февраль 2013 - 19:12

Здравия желаю, подскажите пожалуйста можно ли подкрасить так сказать наши радио-кнопки выбора модификаций, вот пример такого стиля

Архив

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Февраль 2013 - 02:15

Такой стиль применить нельзя, так как этот стиль применим для типа кнопки checkbox, а у вас используется кнопка типа radio

#3 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 13 Февраль 2013 - 09:28

Ясно, вот под искали такой вариант  http://yraaa.ru/publ/3-1-0-530 , помогите с ним пожалуйста

#4 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 13 Февраль 2013 - 10:19

В файле "Товар".
Найти примерно такой код:
<input type="radio" name="form[properties][576688]" value="2004734">
Добавим к этому коду всего один атрибут.
class="styled"
Пример:

<input type="radio" name="form[properties][576688]" value="2004734" class="styled">

В файле "HTML".
До кода:
 
</head>
Добавить:
<script src="http://yraaa.ru/_ld/0/63_candr.js"></script>

В начало файла "Товар".
Добавить:
<style>
.checkbox, .radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(http://yraaa.ru/_pu/5/25230809.gif) no-repeat;
display: block;
clear: left;
float: left;
}
.radio {
background: url(http://yraaa.ru/_pu/5/65600522.gif) no-repeat;
}
.select {
position: absolute;
width: 158px;
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(http://yraaa.ru/_pu/5/77285789.gif) no-repeat;
overflow: hidden;
}
</style>






Темы с аналогичным тегами радио, кнопки, чек

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных