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


Фотография
- - - - -

Фильтр по цвету


Лучший Ответ veronikashiman , 06 November 2013 - 11:59

Нашла совсем другой способ. Через jbzoo.css 

 

Скажите  его можно использовать или будет большая нагрузка?  Вот например код для бледно розового в моем случае

.jbzoo label[for="filterel16251dcb-6531-4eee-abf6-69c5d770a0e0bledno-rozovyj"] {
    
    сontent: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    border:1px #000 solid;
    border-radius:10px;  
    font-size: 0px;
    background: #FFF;
}
.value-bledno-rozovyj {display:none}

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 15

#1 veronikashiman

veronikashiman

Отправлено 06 November 2013 - 08:46

Добрый день, не бейте только)) Никак не могу привязать css стиль к чекбоксу по цветам. Может кто знает простое решение?  http://detyamtut.ru/...yagkie-igrushki  хотелось организовать поиск по цвету как на сайте-примере http://nextstep-shoe...zhenskaya-obuv/


  • 0

#2 ilham76

ilham76

Отправлено 06 November 2013 - 08:59

тут не смотрели?


  • 0

там за окном...сказка с несчастливым концом....


#3 veronikashiman

veronikashiman

Отправлено 06 November 2013 - 09:01

О спасибо! Весь форум перерыла не наткнулась) 


  • 0

#4 veronikashiman

veronikashiman

Отправлено 06 November 2013 - 09:22

Нет как то все равно не работает делаю для белого цвета css 

input#filterel16251dcb-6531-4eee-abf6-69c5d770a0e0belyj {
    display: none;
}
 
input[type="checkbox"]:checked + label[for="filterel16251dcb-6531-4eee-abf6-69c5d770a0e0belyj"]{
    content: "";
    font-size: 0px;
    display: inline-block;
    height: 15px;
    margin:0;
    padding:0;
    width: 15px;
    border:1px #000 solid;
    background: #FFF;
    box-shadow:2px 2px 1px black;
}
 
input[type="checkbox"] + label[for="filterel16251dcb-6531-4eee-abf6-69c5d770a0e0belyj"]{
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    border:1px #000 solid;
    border-radius:10px;  
    font-size: 0px;
    background: #FFF;
}

Не работает что то


  • 0

#5 ilham76

ilham76

Отправлено 06 November 2013 - 10:08

что-то ничего этого я у вас в css не вижу....или не так смотрю....


  • 0

там за окном...сказка с несчастливым концом....


#6 veronikashiman

veronikashiman

Отправлено 06 November 2013 - 10:13

jbzoo filtr самый верх 


  • 0

#7 Cheren-dow

Cheren-dow

Отправлено 06 November 2013 - 10:19

А вы вот эти цифры от куда взяли?

filterel16251dcb-6531-4eee-abf6-69c5d770a0e0belyj

  • 0
Изображение
 

#8 veronikashiman

veronikashiman

Отправлено 06 November 2013 - 10:26

С фаирбага 

<label for="filterel16251dcb-6531-4eee-abf6-69c5d770a0e0belyj" class="checkbox-lbl belyj"><input value="Белый" name="e[16251dcb-6531-4eee-abf6-69c5d770a0e0][]" type="checkbox" id="filterel16251dcb-6531-4eee-abf6-69c5d770a0e0belyj" class="value-belyj">Белый (1)</label>

  • 0

#9 dimkarc

dimkarc

Отправлено 06 November 2013 - 11:11

привет тут все на самом деле просто

 

посмотри код у каждого цвета есть свой class  которому ты можешь обратится 

 

ну а дальше чистый css пиши и все будет как тебе нужно . могу помочь если не разберетесь  как все делать

мой Skype  / skd-coding


  • 0

#10 veronikashiman

veronikashiman

Отправлено 06 November 2013 - 11:59   Лучший Ответ

Нашла совсем другой способ. Через jbzoo.css 

 

Скажите  его можно использовать или будет большая нагрузка?  Вот например код для бледно розового в моем случае

.jbzoo label[for="filterel16251dcb-6531-4eee-abf6-69c5d770a0e0bledno-rozovyj"] {
    
    сontent: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    border:1px #000 solid;
    border-radius:10px;  
    font-size: 0px;
    background: #FFF;
}
.value-bledno-rozovyj {display:none}


  • 0




Click to return to top of page in style!