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

SerGunSter

  • Осваиваюсь на форуме
  • 113
  • 1
clearfix
« : 06.05.2016, 19:05:14 »
Подскажите как быть. Хочу оформить блоки в определенном стиле, добавил нужные классы в CSS. Блок такой
Код
.cbm_wrap {
    width:300px;
    min-height:310px;
    background:#FFF;
    margin:20px auto;
    padding: 10px;
    position:relative;
       -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.cbm_wrap:before, .cbm_wrap:after{
    content:'';
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.cbm_wrap:after{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
             -ms-transform:skew(8deg) rotate(3deg);
             -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


теперь к своим блокам добавляю cbm_wrap и он применяется, но не работает то, что в before,after. Использую шаблон SJ Live и везде добавляется к блокам класс clearfix. если его через FireBug убирать и вставлять мой класс, то все тени применяются. Получается он мешает. Как тут быть с классом clearfix, пытаться искать где он добавляется и убирать его или есть какой то вариант сосуществования кастомного класса с ним, чтобы все эффекты применялись?
*

umbabaraumba

  • Практически профи
  • 2441
  • 152
  • если помог можете поставить +
Re: clearfix
« Ответ #1 : 06.05.2016, 19:33:26 »
Попробуйте в своих стилях прописать !important чтоб перебить clearfix .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

SerGunSter

  • Осваиваюсь на форуме
  • 113
  • 1
Re: clearfix
« Ответ #2 : 06.05.2016, 19:41:58 »
Попробуйте в своих стилях прописать !important чтоб перебить clearfix .

неа, если clearfix рядом с cbm_wrap , то не помогает.
*

umbabaraumba

  • Практически профи
  • 2441
  • 152
  • если помог можете поставить +
Re: clearfix
« Ответ #3 : 06.05.2016, 20:11:01 »
Дайте ссылку на сайт .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

SerGunSter

  • Осваиваюсь на форуме
  • 113
  • 1
Re: clearfix
« Ответ #4 : 06.05.2016, 20:21:44 »
Дайте ссылку на сайт .
http://test.fonremont.ru/
смотреть блоки, которые с белым фоном.
*

umbabaraumba

  • Практически профи
  • 2441
  • 152
  • если помог можете поставить +
Re: clearfix
« Ответ #5 : 06.05.2016, 20:30:15 »
Посмотрел,  у всех блоков тень есть, просто ее не видно, попробуйте через FireBug поменять значения тени и сразу ее увидите в браузере .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

SerGunSter

  • Осваиваюсь на форуме
  • 113
  • 1
Re: clearfix
« Ответ #6 : 06.05.2016, 20:34:32 »
Посмотрел,  у всех блоков тень есть, просто ее не видно, попробуйте через FireBug поменять значения тени и сразу ее увидите в браузере .
в смысле поменять значение тени? :)
*

SerGunSter

  • Осваиваюсь на форуме
  • 113
  • 1
Re: clearfix
« Ответ #7 : 06.05.2016, 20:43:07 »
Посмотрел,  у всех блоков тень есть, просто ее не видно, попробуйте через FireBug поменять значения тени и сразу ее увидите в браузере .
внешнюю тень никак не получается показать :) внутренняя да, с ней все ок.
*

dynamit

  • Практически профи
  • 1748
  • 264
  • Winter Is Coming
Re: clearfix
« Ответ #8 : 06.05.2016, 20:46:55 »
для модуля, я правильно понял?
ищите вывод модуля и убирайте там clearfix
или, как вариант, пробуйте
 
Код
.cbm_wrap.clearfix{}
.cbm_wrap.clearfix:after{}
может и беребьёт дефолтный стиль
==================================================
  ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

umbabaraumba

  • Практически профи
  • 2441
  • 152
  • если помог можете поставить +
Re: clearfix
« Ответ #9 : 06.05.2016, 20:49:42 »
в смысле поменять значение тени? :)
Спойлер
[свернуть]
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

SerGunSter

  • Осваиваюсь на форуме
  • 113
  • 1
Re: clearfix
« Ответ #10 : 06.05.2016, 21:02:58 »
хорошо. но она должна работать также как в блоке Последние объявления, на нем тот же самый стиль cbm_wrap, что и на остальных.  И скрывает ее в других блоках именно стиль clearfix. Непонятно как это обойти. Увеличивая параметры тени, я нужного результата не получу.
*

umbabaraumba

  • Практически профи
  • 2441
  • 152
  • если помог можете поставить +
Re: clearfix
« Ответ #11 : 06.05.2016, 21:18:46 »
хорошо. но она должна работать также как в блоке Последние объявления, на нем тот же самый стиль cbm_wrap, что и на остальных.  И скрывает ее в других блоках именно стиль clearfix. Непонятно как это обойти. Увеличивая параметры тени, я нужного результата не получу.
в стиль
.cbm_wrap:before, .cbm_wrap:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}
допишите
display: block!important;
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

SerGunSter

  • Осваиваюсь на форуме
  • 113
  • 1
Re: clearfix
« Ответ #12 : 06.05.2016, 21:31:34 »
в стиль
.cbm_wrap:before, .cbm_wrap:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}
допишите
display: block!important;

спасибо, помогло :) но теперь другая беда. если блок с меню сдвигается, а такое бывает из за верхнего слайдера, то слой с тенью за блоком меню не двигается с блоком и остается на месте :)  это можно победить? :)

Спойлер
[свернуть]
*

umbabaraumba

  • Практически профи
  • 2441
  • 152
  • если помог можете поставить +
Re: clearfix
« Ответ #13 : 07.05.2016, 00:03:00 »
Попробуйте сменить position с absolute на relative .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

SerGunSter

  • Осваиваюсь на форуме
  • 113
  • 1
Re: clearfix
« Ответ #14 : 14.05.2016, 14:52:08 »
Попробуйте сменить position с absolute на relative .

неа, не помогает.

особенно если воспользоваться поиском, то четко видно, что тень не едет за блоком.

Спойлер
[свернуть]
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться