Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

SerGunSter

  • Захожу иногда
  • 112
  • 1 / 0
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

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

SerGunSter

  • Захожу иногда
  • 112
  • 1 / 0
Re: clearfix
« Ответ #2 : 06.05.2016, 19:41:58 »
Цитата: umbabaraumba от 06.05.2016, 19:33:26
Попробуйте в своих стилях прописать !important чтоб перебить clearfix .

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

umbabaraumba

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

SerGunSter

  • Захожу иногда
  • 112
  • 1 / 0
Re: clearfix
« Ответ #4 : 06.05.2016, 20:21:44 »
Цитата: umbabaraumba от 06.05.2016, 20:11:01
Дайте ссылку на сайт .
http://test.fonremont.ru/
смотреть блоки, которые с белым фоном.
Записан
*

umbabaraumba

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

SerGunSter

  • Захожу иногда
  • 112
  • 1 / 0
Re: clearfix
« Ответ #6 : 06.05.2016, 20:34:32 »
Цитата: umbabaraumba от 06.05.2016, 20:30:15
Посмотрел,  у всех блоков тень есть, просто ее не видно, попробуйте через FireBug поменять значения тени и сразу ее увидите в браузере .
в смысле поменять значение тени? :)
Записан
*

SerGunSter

  • Захожу иногда
  • 112
  • 1 / 0
Re: clearfix
« Ответ #7 : 06.05.2016, 20:43:07 »
Цитата: umbabaraumba от 06.05.2016, 20:30:15
Посмотрел,  у всех блоков тень есть, просто ее не видно, попробуйте через FireBug поменять значения тени и сразу ее увидите в браузере .
внешнюю тень никак не получается показать :) внутренняя да, с ней все ок.
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • 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

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: clearfix
« Ответ #9 : 06.05.2016, 20:49:42 »
Цитата: SerGunSter от 06.05.2016, 20:34:32
в смысле поменять значение тени? :)
Спойлер
[свернуть]
Записан
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

SerGunSter

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

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: clearfix
« Ответ #11 : 06.05.2016, 21:18:46 »
Цитата: SerGunSter от 06.05.2016, 21:02:58
хорошо. но она должна работать также как в блоке Последние объявления, на нем тот же самый стиль 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

  • Захожу иногда
  • 112
  • 1 / 0
Re: clearfix
« Ответ #12 : 06.05.2016, 21:31:34 »
Цитата: umbabaraumba от 06.05.2016, 21:18:46
в стиль
.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

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

SerGunSter

  • Захожу иногда
  • 112
  • 1 / 0
Re: clearfix
« Ответ #14 : 14.05.2016, 14:52:08 »
Цитата: umbabaraumba от 07.05.2016, 00:03:00
Попробуйте сменить position с absolute на relative .

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

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

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