Новости Joomla

Компонент View logs v.2.1.0 получил совместимость с Joomla 6

Журнал NorrNext. 20 лет Joomla™. Продолжение

Журнал NorrNext. 20 лет Joomla™

Журнал NorrNext. 20 лет Joomla™. Новые интервью 🎈🆕

Продолжаю публиковать новые интервью с волонтёрами и видными персонами из мира Joomla.
Это — огромная и кропотливая работа. Всё для вас, друзья.

Доступны к чтению новые интервью со следующими Joomla активистами (на английском языке):

✔️ Akarawuth Tamrareang (Таиланд) 🇹🇭
✔️ Alison Meeks (Канада) 🇨🇦
✔️ David Aswani (Кения)🇰🇪
✔️ Jeison Ferreira (Бразилия) 🇧🇷
✔️ Marc-Antoine Thevenet (Франция) 🇫🇷
✔️ Richard Gosler (Соединённое Королевство) 🇬🇧
✔️ Roland Dalmulder (Нидерланды) 🇳🇱
✔️ Sakis Terzis (Греция) 🇬🇷
✔️ Sandra Decoux (Франция) 🇫🇷
✔️ Sonny Le (Вьетнам) 🇻🇳
✔️ Svetoslav Slavkov (Болгария) 🇧🇬
✔️ Viviana Menzel (Германия) 🇩🇪

‼️ Новые интервью будут добавляться в этот первый выпуск до декабря. 20-го числа, поэтому периодически проверяйте обновления💡

👉 Читать далее

JL Sitemap v2.1.0 – обновление компонента для карт сайта

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

wishlight

  • Гуру
  • 5071
  • 319 / 1
  • От 300 руб быстрый хостинг. Сервера.
Как отцентрировать модуль?
« : 14.03.2017, 15:07:14 »
Привет. Если модуль https://bioritm-vet.ru/profilaktika/63-luchshee-lechenie-sobak-i-koshek-prostaya-profilaktika.html внизу (Связаться с нами и другие пункты меню). Вставляется в статью. Как можно отцентрировать его, чтобы не влево съезжали пункты меню, а по центру и он сам был по центру. Модуль купил, но разработчик не торопится в поддержке, а у меня что-то не получается.
Записан
*

fbr

  • Завсегдатай
  • 1678
  • 208 / 7
Re: Как отцентрировать модуль?
« Ответ #1 : 14.03.2017, 18:30:11 »
если не трогать верстку, чисто стилями:
Код: css
.vtem-block.system.widget-menu.vtem-animation.zoomIn.col-md-9.best-menu.col-sm-6.col-xs-4.animated {
	float: none;
	width: auto;
	text-align:center;
}
.vtem-block.system.widget-menu.vtem-animation.zoomIn.col-md-9.best-menu.col-sm-6.col-xs-4.animated .oHorizontal  > ul {
	display: inline-block!important;
}
Записан
*

wishlight

  • Гуру
  • 5071
  • 319 / 1
  • От 300 руб быстрый хостинг. Сервера.
Re: Как отцентрировать модуль?
« Ответ #2 : 14.03.2017, 20:43:27 »
Я про модуль под статьей. С картинками. Сорри за неправильную постановку вопроса.
Записан
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Как отцентрировать модуль?
« Ответ #3 : 14.03.2017, 20:53:57 »
Код: css
.gridbox {
    width: 220px;
    height: 350px;
    float: left;
    margin: 8px 8px  8px 0px;
}

заменить margin: 8px 8px  8px 0px;  на margin: 8px 4px;
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

wishlight

  • Гуру
  • 5071
  • 319 / 1
  • От 300 руб быстрый хостинг. Сервера.
Re: Как отцентрировать модуль?
« Ответ #4 : 14.03.2017, 21:03:00 »
Цитата: Taatshi от 14.03.2017, 20:53:57
заменить margin: 8px 8px  8px 0px;  на margin: 8px 4px;
Это было бы для не респонсивного шаблона. Если менять разрешение, то не подойдет.
Записан
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
Re: Как отцентрировать модуль?
« Ответ #5 : 14.03.2017, 22:12:44 »
убрать вообще float и margin?
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как отцентрировать модуль?
« Ответ #6 : 15.03.2017, 07:12:57 »
там проблема в ширине контейнера.
я бы просто повесил js-событие на ресайз и динамически пересчитывал ширину для контейнера .gridborder_container. ну и при загрузке страницы тоже надо вызывать функцию пересчета ширины блока.
а в стилях прописал
Код
.gridborder_container {
    margin: 0 auto;
}

как альтернатива js - 2 медиа-стиля добавить.

Код
@media all and (max-width: 743px) {
    .gridborder_container {width:490px}
}

@media all and (max-width: 515px) {
    .gridborder_container {width:240px}
}

« Последнее редактирование: 15.03.2017, 07:26:28 от effrit »
Записан
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Как отцентрировать модуль?
« Ответ #7 : 15.03.2017, 08:30:27 »
Цитата: wishlight от 14.03.2017, 21:03:00
Это было бы для не респонсивного шаблона. Если менять разрешение, то не подойдет.
Кто Вам сказал, что не подойдет?

Там у  родительского блока идет выравнивание по центру. И все Ваши сдвиги как раз разным маргином и образуются.

Ну, не подойдет так не подойдет... Ваше право.
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
Re: Как отцентрировать модуль?
« Ответ #8 : 15.03.2017, 15:56:23 »
как то типо так
Код: css
.gridbox {
height: 350px;
margin: 8px 8px 8px 0;
width: 220px;
}
.boxtitle {
font-family: Century Gothic;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}

меню как то так
Код: css
.vtem-menu-wrapper {
display: inline-block;
margin: 16px auto;
text-align: center;
width: auto;
}
.vtem-block-inside {
display: inline-block;
text-align: center;
width: 100%;
}
Записан
*

wishlight

  • Гуру
  • 5071
  • 319 / 1
  • От 300 руб быстрый хостинг. Сервера.
Re: Как отцентрировать модуль?
« Ответ #9 : 15.03.2017, 17:11:08 »
Цитата: flyingspook от 15.03.2017, 15:56:23
как то типо так
.gridbox {
height: 350px;
margin: 8px 8px 8px 0;
width: 220px;
}
.boxtitle {
font-family: Century Gothic;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}

Благодарю. Я чет в последнее время не высыпаюсь видать. Очевидного не вижу.
« Последнее редактирование: 15.03.2017, 17:22:13 от wishlight »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать плавающий модуль?

Автор THeCMeX

 Ответов: 2
Просмотров: 1223 		Последний ответ 08.03.2021, 22:21:01
от Flexderection
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

 Ответов: 8
Просмотров: 12502 		Последний ответ 04.04.2020, 13:49:11
от jan_dax
Как вставить красивю кнопку CSS в модуль/материал?

Автор kunsaid

 Ответов: 6
Просмотров: 2974 		Последний ответ 02.10.2018, 23:16:12
от kunsaid
Модуль«Похожие метки» обрезка текста и мн

Автор leo78

 Ответов: 1
Просмотров: 1588 		Последний ответ 01.03.2017, 15:03:40
от leo78
css: Резиновый модуль поиска

Автор slepoy

 Ответов: 1
Просмотров: 1981 		Последний ответ 08.02.2017, 21:23:22
от beliyadm