Новости Joomla

Reset Media Version v.2.0.0

Reset Media Version v.2.0.0

Reset Media Version v.2.0.0. Плагин для Joomla!Плагин выводит кнопку, для быстрого обновления версии медиафайлов Joomla.Простой способ обновить кэшированные CSS/JS файлы в Joomla.При обновлении стилей и скриптов на сайте браузеры часто загружают старые версии из кэша, даже если файлы на сервере изменились. Это приводит к несоответствию отображения сайта и путанице у пользователей или клиентов.👩‍💻 Решение проблемыЭтот плагин добавляет кнопку на главную панели управления Joomla (в группу Quick Icon), которая позволяет администратору вручную сбросить системную версию медиа-файлов, чтобы все CSS и JS ресурсы начали подключаться с новым параметром версии (

?ver=...). Это принудительно обновляет кэш браузеров и CDN.Системные требования- Joomla >= 4.2 / 5.x- PHP >= 7.4Разработчик - участник нашего сообщества Артём Васильев (@kernusr)Скачать с GitHub#joomla #расширения #разработка

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

avex

  • Захожу иногда
  • 184
  • 0 / 0
Требуется создать бэкграунд блока, который бы растягивался в зависимости от содержимого.
Верхняя и нижняя часть должны вставляться картинкой, а средняя, состоящая из однопиксельной полоски, -
увеличиваться в высоту в зависимости от количества контента.
И еще одно усложнение - сбоку нужно сделать вставку ровно посередине высоты блока.
Как реализовать такое, какие есть мысли? Пригодятся и ссылки на похожее.


[вложение удалено Администратором]
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Это вы хотите одному блоку 3 разных фона сделать или у вас 3 блока?
Создание сайтов, шаблонов, помощь в решении проблем.
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Один блок, у которого бг будет иметь три части - верхнюю, нижнюю (они будут картинкой), а средняя - тоже картинкой, но высотой в 1px. И эта средняя часть должна умножаться на высоту содержимого.
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
http://joomlaforum.ru/index.php/topic,186471.msg993402.html#msg993402
Тут посмотрите. Поидее должно получиться. Первым назначайте тот, что будет повторяться. Правда не кроссбраузерно.
Создание сайтов, шаблонов, помощь в решении проблем.
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Жалко, что не кроссбраузерно. А это никак не хакуется?
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Код
background:
     url( images/aztec_block.png) 0 0 no-repeat,
     url(images/aztec_block.png) -576px 100% no-repeat,
     url(images/aztec_block.png) -288px 0 repeat-y;
Не совсем понял - здесь имеется в виду всего одна картинка (aztec_block.png), которую трижды выкладывают в разных вариантах? Или это образец, можно брать разные картинки?
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
это образец, можно брать разные картинки
Создание сайтов, шаблонов, помощь в решении проблем.
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Efanych, спасибо, сейчас все попробую.
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
ну тут два варианта)
первый - если у тебя картика обязательна, то
Код
<div class='top'>
<div class='lefttop'></div>
<div class='centrtop'></div>
<div class='righttop'></div>
</div>
<div class='content'>
<div class='leftside'></div>
<div class='mcontent'></div>
<div class='rightside'></div>
</div>
<div class='bottom'>
<div class='centrbottom'></div>
<div class='rightbottom'></div>
<div class='rightbottom'></div></div>
классы:
Код
.top{
display:inline-block
}
.lefttop{
float:left;
bacground:url('ссылка на верхний левый угл') no-repeat scroll 0 0 transperent;
}
.centrtop{
bacground:url('ссылка на центр-топ размер любой, повторяется по оси Х ') repeat-x scroll 0 0 transperent;
}
.righttop{
float:right;
bacground:url('ссылка на центр-топ размер любой, повторяется по оси Х') repeat-x scroll 0 0 transperent;
}
.content{display:inline-block}
.leftside{
float:left;
bacground:url('ссылка на левую сторону') repeat-y scroll 0 0 transperent;
}
.rightside{
float:right;
bacground:url('ссылка на левую сторону') repeat-y scroll 0 0 transperent;
}
.bottom{
display:inline-block
}
.leftbottom{
float:left;
bacground:url('ссылка на нижний левый угл') no-repeat scroll 0 0 transperent;
}
.centrbottom{
bacground:url('ссылка на центр-буттом размер любой, повторяется по оси Х ') repeat-x scroll 0 0 transperent;
}
.rightbottom{
float:right;
bacground:url('ссылка на нижний правый  угл') repeat-x scroll 0 0 transperent;
}
второй если у тебя однотоный бекграунд, без всяких заморочек, нужны просто круглые углы и прозрачность:
используется rgba(красный,зелёный,синий,прозрачность)
Код
<div class='mcontent'></div>[code]
css
[code]
.mcontent{
border-radius: радиусугла;
bacrground: rgba(255,255,255,0.5);
}
также можешь использовать гардиент-генератор[url][/code][/code]
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Equilibrium07, у меня контент меняться должен только по вертикали, ширина - фиксированная. Верхняя и нижняя картинки (это что-то типа шапки и футера блока) - одинаковые, только зеркально отображенные. Как в таком случае упростить Ваш код?
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
дла кроса только так) я так понимаю тебе важны тока 4 угла и топ с буттумом. упростить код можно, но вот такой код
Код
background:
     url( images/aztec_block.png) 0 0 no-repeat,
     url(images/aztec_block.png) -576px 100% no-repeat,
     url(images/aztec_block.png) -288px 0 repeat-y;
5-6 да и 7 ишаки на врятли воспримут... центр-право и центр-лево не как не пропустишь, разве что у  центрального блока с контентом бекграунд делать большой. Короче пока-что только так как я описал можно добиться результата
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Как то так можете попробовать :
Код
   <div class="blok">
        <div class="top"></div>
        <div class="middle">
            <div class="content_bloka">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur convallis placerat orci, sit amet pretium lacus ele...</p>
            </div>
        </div>
        <div class="bottom"></div>
    </div>
Код
       .blok{width:230px; padding-left: 30px; background: url('vstavka.png') no-repeat 0 50%;}
        .top{width:200px; height:20px; background: url('top_bg.png') no-repeat;}
        .bottom{width:200px; height:20px;  background: url('bottom_bg.png') no-repeat;}
        .middle{width: 200px; background: url('middle_bg.png') repeat-y ;}
        .content_bloka{padding: 0 10px;}
        .content_bloka p {margin:0; padding:0;}
Размеры естественно для блоков и картинок нужны свои поставить
« Последнее редактирование: 22.04.2012, 16:04:01 от midav »
Ответы на вопросы по CSS . Откройте для себя Firebug
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
ну... для левой и правой  частей да, для центра можно и проценты
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
midav, спасибо, это то, что нужно.
А как можно сделать боковую вставку ровно по середине высоты блока, которая (высота) зависит от содержимого блока?
*

midav

  • Давно я тут
  • 926
  • 115 / 1
А что , в данном примере она разве не посередине блока ?
.blok{width:230px; padding-left: 30px; background: url('vstavka.png') no-repeat 0 50%;} // позиция фона по вертикали по центру
читаем здесь http://htmlbook.ru/css/background-position

Естественно надо отрегулировать ширину и отступы у блока по величине картинки .

Ответы на вопросы по CSS . Откройте для себя Firebug
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Я его не за то, что надо, принял )
Правильно ли я понял структуру блока? (на прикрепленном рисунке)
Обязателен ли ".content_bloka p"?

[вложение удалено Администратором]
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Правильно поняли . top и bottom нужны для верха и низа фона , а middle динамически раздвигается по высоте . В зависимости от количества контента . Ну а content_bloka добавил чтобы создать отступ содержимого от границ блока .
Цитировать
Обязателен ли ".content_bloka p"?
в данном примере да , иначе абзац своими отступами отодвинет блоки top и bottom .
А вообще никто не запрещает учиться и эксперементировать . Пользуйтесь FireBug и пробуйте . Изучайте сайт htmlbook.ru , если чего то не понятно  ^-^
« Последнее редактирование: 22.04.2012, 23:06:52 от midav »
Ответы на вопросы по CSS . Откройте для себя Firebug
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Если не получается , скиньте архивом свои картинки , чего-нибудь слепим  ^-^
И где Вы хотите это использовать ? Модули таким образом выводить ?
Ответы на вопросы по CSS . Откройте для себя Firebug
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
либо как предложили - множественный бг, который не робит в ие < 9 , либо доп. элементами (создать свой mod_chrome) - абсолютно кроссбраузерно, либо псевдоелементы :before, :after - не робит в ие < 8.
Да, кстати множ. бг кажется реализуем в ие через PIE.htc - стоит попробовать
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Спасибо пребольшое.
htmlbook.ru - отличный и незаменимый ресурс, но изначально не зная некоторых свойств,
трудно отыскать нужное, поэтому очень важны наводки бывалых. Сегодня, например,
мне разъяснили, что z-index, будь он не(бен)ладен, на дает пользователю добраться
до низлежащего слоя через верхний - то есть любые кнопки, ссылки на нижнем будут
неактивны. Это сильно изменило мою задумку.
Цитировать
И где Вы хотите это использовать ? Модули таким образом выводить ?
Да, хочу все свои вертикальные блоки (то есть, все за исключением шапки и футера)
сделать зависимыми от контента. А теперь думаю и основной фон сайта (точнее, в моем случае-
его среднюю часть) "раздвигать", если блоки начнут перерастать определенную высоту.
При этом, рисуя дизайн, нужно будет учесть, что эта средняя часть будет повторяющейся.  
« Последнее редактирование: 23.04.2012, 00:35:27 от avex »
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
danik.html,
Цитировать
не робит
- это не работает (по мне, это вероятнее) или не рябит - не создает помех?
Читая Ваши советы, я очень четко ощущаю, что они высокопрофессиональны,
но, как ни стараюсь дотянуться, понять - встаю на цыпочки, подпрыгиваю)),
все равно пока ниже забора, остается только браться за догадки (с этим у меня вроде неплохо).
Попробую:
Цитировать
либо как предложили - множественный бг, который не робит в ие < 9 ,
либо доп. элементами (создать свой mod_chrome) - абсолютно кроссбраузерно,
либо псевдоелементы :before, :after - не робит в ие < 8.
Означают ли эти слова то, что предложенный midav-ом вариант не будет работать
в ие<9, и почему? Что такое дополнительные элементы, а также модуль mod_chrome и PIE.htc?
Я могу их найти, но, если не трудно, в двух словах, объясните и отошлите, где смотреть
самую суть.
 
 
« Последнее редактирование: 23.04.2012, 00:26:35 от avex »
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
danik.html, я нашел:
такое свойство, как
Цитировать
.blok{background: url('vstavka.png') no-repeat 0 50%;}
-
поддерживается только в IE9+ и Opera 11+, но не поддерживается в Firefox 10 и Chrome 16.
Это отсюда - http://habrahabr.ru/company/microsoft/blog/137705/
Там же пишут, что в этом случае  "используется новый синтаксис для позиционирования фона,
также определенный в CSS3". (Кстати, и http://htmlbook.ru/css/background-position - туда же)
На Хабре дальше упрощают код посредством множественных фонов, но самое непонятное - еще дальше дают код на CSS 2.1, который сильно напоминает
первый код в этом топике.
Нетрудно запутаться (с этим у меня тоже все в норме).
« Последнее редактирование: 23.04.2012, 01:25:44 от avex »
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
danik.html,  - это не работает (по мне, это вероятнее) или не рябит - не создает помех?
:) не работает.
Попробую:Означают ли эти слова то, что предложенный midav-ом вариант не будет работать
в ие<9, и почему? Что такое дополнительные элементы, а также модуль mod_chrome и PIE.htc?
Наоборот, будут. Это и есть те самые дополнительные элементы, "суваемые" только для оформительских целей.
С модхромом опечатался. Имелось ввиду modChrome_mystyle, который нужно создать в файле html/modules.php шаблона. Смотрите аналогичный в других шаблонах. Кстати помоему в Joomla уже идет modChrome_rounded, какраз с кучей оборачивающих дивов. стиль подхватывается так: <jdoc:include type="modules" name="myposition" style="rounded" /> - если будете писать свой - все аналогично.
PIE.htc - это небольшой костыль, позволяющий с облегчением вздохнуть тысячам верстальщиков - он учит ие многим очень нужным css3-плюшкам. Использовать очень просто.
danik.html, я нашел:
такое свойство, как -
.blok{background: url('vstavka.png') no-repeat 0 50%;}
В этой строчке нет ничего особого. Она сработает и в ие5. В статье же используется третий "параметр" для позиционирования (там 10px).
Он нужен, ибо сейчас нет возможности указать отступ в пикселях справа, а нередко это нужно. Про поддержку речь именно об этой особенности.
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
В статье на Хабре также упрощают код их примера в CSS 2.1 до такого:

Код
.sample4 .sea {
    height:300px;
    width:480px;
    position: relative;
    background: url("media/fishing.svg") top right 10px no-repeat,
                url("media/mermaid.svg") bottom left repeat-x,
                url("media/fish.svg") 30px 90px no-repeat,
                url("media/sea.png") repeat-x;               
            }
Значит, и наш код (то есть, midavа) можно упростить до такого?
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Еще вопрос. Здесь разговор шел о том, как подстроить высоту блока под объем контента. А будет ли считаться увеличением контента выпадение второго (третьего) уровня вертикального меню? Или выпадающий список пунктов меню свободно пересечет границу дизайна блока? Если пересечет пределы, как заставить блок реагировать и на это событие?
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
множественные фоновые изображения, повторяю, не работают в ие7-8.
У выпадающих пунктов стоит position:absolute, а значит родительский блок не учитывает существование этих элементов.
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Понятно, спасибо.
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Цитировать
У выпадающих пунктов стоит position:absolute, а значит родительский блок не учитывает существование этих элементов.
А меню в виде аккордеона родительский блок учитывает?
*

avex

  • Захожу иногда
  • 184
  • 0 / 0
Еще один возможный вариант - можно ли спозиционировать выпадающие пункты меню, чтобы они все находились только внутри родительского блока?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Дублирование блока при переключение на английский модулем GTranslate

Автор kostey

Ответов: 1
Просмотров: 1127
Последний ответ 07.12.2018, 14:18:17
от kostey
Высота блока с иконками

Автор dmtn

Ответов: 10
Просмотров: 1544
Последний ответ 03.02.2018, 19:54:11
от dmtn
Зафиксировать два блока средствами Joomla

Автор geg

Ответов: 0
Просмотров: 1004
Последний ответ 29.09.2017, 15:42:55
от geg
Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

Ответов: 6
Просмотров: 2538
Последний ответ 26.06.2017, 15:07:35
от Shustry
Настройка рекламного блока для мобильных

Автор Lovenokia

Ответов: 1
Просмотров: 1462
Последний ответ 26.04.2017, 00:37:31
от darkghost