Новости Joomla

Первый выпуск журнала NorrNext в честь 20-й годовщины Joomla™

Первый выпуск журнала NorrNext в честь 20-й годовщины Joomla™

Первый выпуск журнала NorrNext в честь 20-й годовщины Joomla™. Интервью с волонтёрами 🎈Ну что, друзья, вот и настал этот долгожданный момент. Мы выпустили первое издание собственного журнала под эгидой NorrNext, который включает в себя интервью с видными деятелями сообщества из разных стран и континентов.Общий нарратив: показать, что нас объединяет (Joomla) и узнать больше о людях, которые вносят свой вклад в развитие платформы в своих сообществах. 20 лет — это много. Давайте же узнаем о коллегах 🎁 Первый цикл включает такие страны, как Австрия, Испания, Латвия, Россия, Румыния, Тайланд, Черногория, Чехия.⚙️ С кем интервью: ✔️ Владимир Елисеев 🇷🇺✔️ Дмитрий Рекун 🇱🇻✔️ Дмитрий Цымбал 🇷🇺✔️ Евгений Сивоконь 🇷🇺 ✔️ Сергей Толкачёв 🇷🇺✔️ Dénes Székely 🇷🇴✔️ Jan Pavelka 🇨🇿✔️ Miljan Vujosevic 🇲🇪✔️ Sergio Iglesias 🇪🇸✔️ Sigrid Gramlinger 🇦🇹✔️ Pisan Chueatchatchai 🇹🇭‼️ Новые интервью будут добавляться до конца декабря 2025. Заходите по ссылке время от времени💡👉 Читать далее

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

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Друзья, помогите решить вопрос.
Как разместить полноразмерную картинку фоном за текстом?
Сейчас это выглядит так
http://natalyaloginova.ru
кусочек картинки  в начале статьи.

Код фона и часть текста.
<div style="background-image: url('images/nature-3849873_1920.jpg'); background-position: center; background-repeat: no-repeat;"> </div>
<p style="text-align: center;"><span style="font-size: 18pt; color: #000000; font-family: verdana, geneva, sans-serif;">Индивидуальный онлайн-курс<br /></span></p>
<p style="text-align: center;"><span style="font-size: 12pt; color: #000000; font-family: verdana, geneva, sans-serif;"><strong><span style="font-size: 24pt;">ПАНИЧЕСКИЕ АТАКИ, ТРЕВОЖНОСТЬ</span><br /></strong></span></p>
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
проще через CSS
Код
.item-105 .com-content-article__body{}

Спасибо. Добавила ваш код в template.css шаблона. Ситуация не изменилась.
Я новенькая в этой теме. В инете пересмотрела разные варианты, не работают. Или я что-то не то делаю.
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
так а в боди бэкграунд с картинкой то вставили?
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Код
<div style="background-image: url('images/nature-3849873_1920.jpg'); background-position: center; background-repeat: no-repeat;"> 
<p style="text-align: center;"><span style="font-size: 18pt; color: #000000; font-family: verdana, geneva, sans-serif;">Индивидуальный онлайн-курс<br /></span></p>
<p style="text-align: center;"><span style="font-size: 12pt; color: #000000; font-family: verdana, geneva, sans-serif;"><strong><span style="font-size: 24pt;">ПАНИЧЕСКИЕ АТАКИ, ТРЕВОЖНОСТЬ</span><br /></strong></span></p>
</div>
Разместите текст в блоке с фоном, или текст выводите вне потока, т.е. position:absolute
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
ну полная версия вот так выглядит
а неполная, конечно, покажет ровно ничего  ;D
Код
.item-105 .com-content-article__body{background-image: url('images/nature-3849873_1920.jpg'); background-position: center; background-repeat: no-repeat;}
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Потерпите меня немного@charset "UTF-8";
*,:after,:before {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
HTML {
 font-family:sans-serif;
 line-height:1.15;
 -webkit-text-size-adjust:100%;
 -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
 display:block
}
body {
 margin:0;
 font-family:Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-size:1rem;
 font-weight:400;
 line-height:1.7143;
 color:#333;
 text-align:left;
 background-color:#fff
}
.item-105 .com-content-article__body {
background-image: url('images/nature-3849873_1920.jpg');
background-position: center; background-repeat: no-repeat;
}
[tabindex="-1"]:focus {
 outline:0!important
}

Все равно не выводит. Опять что-то не то сделала...
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
background: url('/images/nature-3849873_1920.jpg') top center no-repeat;
Все получилось! Спасибо))))))))) :D :D :D
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
А можно в догонку еще один вопрос. Между меню и статье белое поле. Не смогла его уменьшить.  Когда смотрю через "Исследовать элемент№, этого поля нет.
*

Olg

  • Завсегдатай
  • 1182
  • 90 / 2
Код
.t4-main-body {
    padding-top: 8.58rem;
    padding-bottom: 8.58rem;
}
замените на
Код
.t4-main-body {
    padding-top: 0;
    padding-bottom: 8.58rem;
}
или поставьте вместо нуля нужную вам величину.
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

Ответов: 0
Просмотров: 883
Последний ответ 02.01.2021, 13:56:09
от vova630
Div с картинкой и текстом как ссылка

Автор suic

Ответов: 5
Просмотров: 2383
Последний ответ 11.04.2020, 12:47:15
от suic
Не могу вывести картинку нужно размера

Автор stonehand

Ответов: 3
Просмотров: 1212
Последний ответ 22.03.2019, 21:55:29
от sivers
Картинку уменьшить при сжимание

Автор GuN

Ответов: 1
Просмотров: 1267
Последний ответ 10.08.2017, 11:57:15
от SheriffDM
Адаптировать картинку с анмацией

Автор GuN

Ответов: 1
Просмотров: 1070
Последний ответ 10.08.2017, 11:50:23
от SheriffDM