Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

🏆 Открыто голосование за Joomla в  премии CMS Critic People’s Choice Awards 2025

🗓 Голосование продлится до 27 февраля 2026 года.

👩‍💻 Проголосовать! 👩‍💻

Номинации, в которых можно проголосовать за Joomla:
⭐️ Best Free CMS
⭐️ Best Open Source CMS
⭐️ Best Enterprise CMS

Также в номинации Best e-Commerce Solution участвуют компоненты интернет-магазинов для Joomla:
⭐️ HikaShop
⭐️ Virtuemart

В номинации Best Website Builder оказались:
⭐️ YooTheme
⭐️ SP Page Builder

Что такое CMS Critic Awards?
С 2012 года премия CMS Critic Awards занимает особое место в сообществе систем управления контентом (CMS). Это единственный в своем роде сайт, который составляет рейтинг системы управления контентом и связанных с ними решений на рынке — от малого до крупного и подчеркивает их инновации и услуги.

Каждый год награда CMS Critic Awards присуждается одному победителю в различных отраслевых категориях, таких как: «Лучшая облачная CMS», «Лучший DXP», «Лучшая Headless CMS и других. Затем результаты оглашаются через СМИ вместе с выбором редакции CMS Critic.
В этом году премия вернулась к своим традициям и только TOP-5 движков по количеству номинаций попали в 2-й этап - голосование.

@joomlafeed

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Вы уверенно чувствуете себя перед камерой, динамичны, обаятельны и всегда улыбаетесь? Чувствуете себя искателем приключений, готовым поделиться своими исследованиями CMS Joomla!, взять интервью у видных деятелей сообщества, пообщаться лично или по видеосвязи с волонтерами Joomla или отправиться на поиски новых идей?

Joomla ищет одного или нескольких волонтеров, готовых вдохнуть новую жизнь в обсуждение Joomla, ее CMS, пользователей, сообщества и многого другого.

Возможны самые разные форматы и темы: шортсы, интервью, аналитика и разборы в режиме реального времени, быстрые советы и рекомендации, знакомство с миром Joomla, изучение открытого исходного кода... Нет никаких ограничений!

Joomla! уже активно представлена ​​во многих социальных сетях:
- 155K подписчиков на Facebook,
- 55K подписчиков на X (ранее Twitter),
- 16K подписчиков на YouTube,
- 14K подписчиков на LinkedIn,
- 5,7K подписчиков в Instagram
а так же другие площадки ждут вас. Аккаунты Threads и Bluesky относительно новые, но их популярность только растёт!

А если хватит энергии, можно рассмотреть и TikTok!

❓ Итак, вы готовы?
👉 Свяжитесь с отделом маркетинга по адресу: marketing@community.joomla.org

Подробности в статье в Joomla Community Magazine.

@joomlafeed

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

GTXit

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Добрый день.
Столкнулся с такой проблеммой при верстке сайта. Никак не получаеться прибить футор к полу и что бы при этом высота колонок и соответственно их фон так же автоматически растягивались до 100% высоты сайта. т.е. если контента меньше чем на одну страницу, - футер внизу, фон колонок дотягиваеться до футера; если контента больше чем на страницу, футер уходит вниз в соответствии с количеством контента, при этом высота всех колонок так же дотягивается до футера.
Что то пока не получаеться добиться вразумительного результата даже в трех основных браузерах. (ие6, опера, фаерфокс). Как нистранно лучше всего себя ведет ие6... Пробывал разнообразные хаки, но так и не получилось достичь желаемого результата.

ЗЫ. Сайт фиксированной ширины (правда шапка растянута на 100% ширины окна), трехколоночный, каждая колонка должна иметь свой цвет вне зависимости от количества контента в них и идти до самого футера, футер прибитый к полу.

Как можно такое реализовать с помошью CSS, или всё же лучше и правильние в данном случае сделать это таблицами?
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
если фиксированной ширины .... макет позволяет залить всё одной картинкой до низа (в картинке этои будут скажем отрисованны все колонки)?

вообщем надо видеть полную картину... макет покажите или сделайте наброски...
« Последнее редактирование: 17.02.2009, 17:46:37 от ddr »
*

GTXit

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Да макет фиксированной ширины (шапка резиновая) и картинкой наверное можно только не оч хотелось бы, ибо картинки могут быть отключены, и тогда текст будет плохо читаться)

Прицепил архив с примером разметки. Нужно сделать что бы фон колонок блоков: #leftcontent, #centrcontent, #rightcontent, доставал до футера.

HTML:
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title>Прибитый внизу футор</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" href="layout.css" type="text/css" />
</head>
<body>
<div id="header"><h1>Шапка</h1></div>

<div id="content">
<div id="main">

<div class="emptyheader"></div>

<div id="leftcontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div> <!--dot-leftcontent -->

<div id="centrcontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p>
</div> <!--dot-centrcontent -->

<div id="rightcontent">
            <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p>
</div> <!--dot-centrcontent -->

<div class="clear"></div>

</div><!--dot-main -->

<div class="empty"></div>

</div>  <!--dot-content -->

<div id="footer">Футер</div>

</body>
</html>

CSS:
Код
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
background: black;
}

#header {
position:absolute;
background:red;
height:100px;
width: 100%;
left: 0px;
z-index: 10;
}

.emptyheader {height:100px}

#content {
position:relative;
min-height:100%;
height:auto !important;
height:100%;
width:960px;
margin: 0px auto -70px;
text-align: justify;
background: silver;
}

#main {background: silver}

#leftcontent  {float: left;
position:relative;
width:20%;
text-align: justify;
background: blue;
}

#centrcontent  {float: left;
position:relative;
width:60%;
text-align: justify;
background: green;
}

#rightcontent {float: left;
position:relative;
width:20%;
text-align: justify;
background: aqua;
}

.clear {clear: both;}

#content p {padding:10px 0; margin: 0;}

.empty {height:70px; background: transparent}

#footer {clear: both;
position:relative;
height:70px; width:960px;
background:#646464;
margin: 0px auto;
}


h1 { margin: 0; padding:20px 0 0 }

#main p {padding:5px 10px;}




[вложение удалено Администратором]
« Последнее редактирование: 18.02.2009, 09:45:24 от GTXit »
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
Решения есть но на мой взгляд это не есть гуд
_http://blog.sjinks.org.ua/css/209-cross-browser-liquid-three-column-layout-full-height/#more-209
_http://gruzzilkin.110mb.com/three-col-layout/

но всё таки надо видеть конкретный макет (рисунок) и решать что лучше div или table

*

GTXit

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Спасибо за ссылки, пока сделал просто картинкой. Мне в целом важно что бы левое меню было определенного цвета, поскольку там используеться светлый шрифт, который при отсутствии цвета колонки будет сливатся с фоном. Вобщем отложу решение проблемы на некаторое время. Картинкой всё норм работает, а потом постараюсь докрутить до нужного результата :)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать?

Автор Twins

Ответов: 3
Просмотров: 2409
Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

Ответов: 0
Просмотров: 1605
Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 1814
Последний ответ 08.03.2021, 22:21:01
от Flexderection
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 2769
Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

Ответов: 8
Просмотров: 13073
Последний ответ 04.04.2020, 13:49:11
от jan_dax