Новости Joomla

Кому принадлежит ваша CMS? Несколько адаптированный перевод статьи одного из основателей Joomla -...

SW JProjects v.2.6.0 - компонент каталога расширений для Joomla

Компонент позволяет сделать свой мини-Joomla Extensions Directory - каталог расширений для CMS (не только для Joomla) или файлов. Есть возможность скачивания по лицензионным ключам.

Phoca Collapse System Plugin

👩‍💻 Phoca Collapse System Plugin v.6.0.0При администрировании сайтов на Joomla можно столкнуться с большими дочерними формами (сабформы, subform). Их элементы можно добавлять, удалять, сортировать, но большое количество контента в них нередко делает сортировку неудобной. Чешский разработчик Ян Павелка (@PhocaCz) сделал очень удобный плагин, позволяющий скрывать содержимое сабформы, облегчая таким образом, сортировку элементов. Плагин успешно протестирован на Joomla 6 и не требует плагина обратной совместимости для своей работы.https://www.youtube.com/watch?v=aq_uks3gM1oСкачать плагин@joomlafeed#расширения

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

Zegeberg

  • Захожу иногда
  • 279
  • 7 / 1
Как изменить ширину контейнера в Cassiopeia?
« : 04.11.2021, 20:33:03 »
Шаблон растягивает сайт по всей ширине экрана, а как его можно сузить, сделать контейнер процентов на 70-80 от ширины дисплея на десктопе? искал через стили не нашел... в протостар без проблем находил..
Для основного контейнера прописал так...   не могу теперь найти как подтянуть шапку под этот размер, где сверху поставить 80% ширину?
@media (min-width: 768px) {
.site-grid {
     width: 80%;
    border: 2px double gray;
    margin: 10%;
    margin-top:1%;
    margin-bottom:1%;
}
 Спасибо.
« Последнее редактирование: 04.11.2021, 22:01:14 от Zegeberg »
Записан
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Как изменить ширину контейнера в Cassiopeia?
« Ответ #1 : 05.11.2021, 02:14:56 »
А давайте сделаем посмотреть ! )
Вы можете показать ?
Записан
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Как изменить ширину контейнера в Cassiopeia?
« Ответ #2 : 05.11.2021, 03:26:16 »
Вот я   тоже думаю .... как такое можно между нами --
Цитата: Zegeberg от 04.11.2021, 20:33:03
Для основного контейнера прописал так...   не могу теперь найти как подтянуть шапку под этот размер, где сверху поставить 80% ширину?
Мой дорогой Человек  -- пока ты его не покажешь -- то все равно что в небо стрелять !
Прости !! - но это так !
Разрабатывая web application (веб приложение) Вы должны давать к нему доступ ... А иначе -- это игра в теннис (в сам себе я режиссер )  - Вы просто должны понять -- если Вы учитесь -- не стесняйся ! - вперед показуй !!
И нормальные  люди -- сразу помогут !
и -- кто то -- начнет тебя нагибать !
-- Маленький вопрос -- если бы все пинали тех кто не  знает -- когда бы те кто знает получили то время для того что бы идти  дальше ?
Если бы они только и занимались тем что бы пинали ??
))
Люблю МИР ! 
Записан
*

v42bis

  • Захожу иногда
  • 133
  • 13 / 1
Re: Как изменить ширину контейнера в Cassiopeia?
« Ответ #3 : 05.11.2021, 14:43:01 »
Все так же, как и для класса site-grid.
Смотрите структуру шаблона
Код
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head></head>
<body>
	<header class="header container-header full-width">
		// тут ваша "шапка"
	</header>
	<div class="site-grid">
		// эти стили Вы исправили для ширины 80%
	</div>
	<footer class="container-footer footer full-width">
		<div class="grid-child">
			// тут выводится футер
		</div>
	</footer>
</body>
</html>
А лучше используйте ObjectInspector в Вашем браузере, с ним проще разобраться какие блоки где выводятся и какие стили им заданы.
Записан
*

Zegeberg

  • Захожу иногда
  • 279
  • 7 / 1
Re: Как изменить ширину контейнера в Cassiopeia?
« Ответ #4 : 05.11.2021, 18:23:27 »
Цитата: gartes от 05.11.2021, 02:14:56
А давайте сделаем посмотреть ! )
Вы можете показать ?

https://www.zegeberg.ru/   сам сайт... в мобильной сейчас без проблем, а в десктопе шапка 100 под ней контейнер 80... если кривыми руками выравниваю на 80 тут, то в мобиле все перекашивается.
@media (min-width: 991.98px)
.container-header {
    width: 80%;
    margin: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
}    не хоет работать как надо.
Записан
*

Zegeberg

  • Захожу иногда
  • 279
  • 7 / 1
Re: Как изменить ширину контейнера в Cassiopeia?
« Ответ #5 : 05.11.2021, 18:28:58 »
Цитата: v42bis от 05.11.2021, 14:43:01
header container-header full-width
в файле templates.css вообще не нашел header container-header full-width ((
site-grid я нашел и поставил на 80 для десктопа, а header container-header full-width и container-footer footer full-width найти не могу... тупо через поиск не находится(((
« Последнее редактирование: 05.11.2021, 18:39:05 от Zegeberg »
Записан
*

v42bis

  • Захожу иногда
  • 133
  • 13 / 1
Re: Как изменить ширину контейнера в Cassiopeia?
« Ответ #6 : 05.11.2021, 21:14:55 »
Цитата: Zegeberg от 05.11.2021, 18:28:58
в файле templates.css вообще не нашел header container-header full-width ((
site-grid я нашел и поставил на 80 для десктопа, а header container-header full-width и container-footer footer full-width найти не могу... тупо через поиск не находится(((

"Все о Web-работе и счастье в сети."...

Ну почитайте же об инструментах разработки, о CSS, и о том, что ваши посетители будут видеть, раз пишите и тексты, и код, чтобы потом не ставить библиотеки, которые "весят" столько же, сколько вся CMS из "коробки".

https://piccy.info/view3/15135143/d13737a2f6d48e098a59117732d2ec88/

Записан
*

Zegeberg

  • Захожу иногда
  • 279
  • 7 / 1
Re: Как изменить ширину контейнера в Cassiopeia?
« Ответ #7 : 05.11.2021, 22:05:23 »
Цитата: v42bis от 05.11.2021, 21:14:55
"Все о Web-работе и счастье в сети."...

Ну почитайте же об инструментах разработки, о CSS, и о том, что ваши посетители будут видеть, раз пишите и тексты, и код, чтобы потом не ставить библиотеки, которые "весят" столько же, сколько вся CMS из "коробки".

https://piccy.info/view3/15135143/d13737a2f6d48e098a59117732d2ec88/


  На дектопе сейчас стал на 100 как хотел.. остается на мобильных поставить полную шапку
@media (min-width: 800px) {
.container-header {
  width: 100%;}
}}     что-то у меня не хочет так работать ((
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить макет дочерней формы(subform)

Автор kostet7

 Ответов: 0
Просмотров: 10493 		Последний ответ 12.08.2025, 08:48:52
от kostet7
Как изменить функцию кнопки отображения модуля?

Автор Ebelous

 Ответов: 0
Просмотров: 1831 		Последний ответ 14.02.2024, 13:56:57
от Ebelous
Как изменить порядок разделов в форме регистрации пользователя?

Автор IgorGeneralov

 Ответов: 0
Просмотров: 3427 		Последний ответ 11.05.2023, 14:38:01
от IgorGeneralov
Ошибка шаблона сайта «Cassiopeia» на Joomla 4

Автор vk_66

 Ответов: 4
Просмотров: 3492 		Последний ответ 29.01.2023, 12:54:47
от SDN67
Как сделать свойства позиции banner для позиции bottom-a? в Cassiopeia

Автор mcsidpilot

 Ответов: 0
Просмотров: 2749 		Последний ответ 24.12.2022, 16:27:15
от mcsidpilot