Новости Joomla

Модификация WT JShopping products anywhere - Uikit макетИтак, дано: музыкальный журнал, в котором...

Модификация WT JShopping products anywhere - Uikit макетИтак, дано: музыкальный журнал, в котором...

Модификация WT JShopping products anywhere - Uikit макетИтак, дано: музыкальный журнал, в котором представлены новости, интервью, рецензии и есть небольшой магазин на JoomShopping. Возникла необходимость внутри Joomla статей вставлять упоминание релиза и кнопочку «добавить в корзину». Я взял плагин WT JShopping products anywhere Сергея Толкачева (@webtolkru). Плагин отображает название товара и ссылку. При помощи напильника, ИИ и навыков вёрстки появился Uikit макет для шаблонов на базе Yootheme Pro.Учитываается мобильная версия - телефоны и ipad.Кнопка добавления в корзину работает по Ajax и появляется всплывающее окно (Notification Bar от Uikit) с информацией.Пока это базовый вариант, требующий доведения до лоска, однако он уже работает и его можно применять на проектах.Взять макет можно здесь.А плагин вставки товаров в материалы можно забрать здесь.Приветствуется доведение до ума и оформление в виде PR.

WT Content Image Gallery v.1.2.3 - плагин галереи изображений для Joomla

WT Content Image Gallery v.1.2.3 - плагин галереи изображений для Joomla

👩‍💻 WT Content Image Gallery v.1.2.3 - плагин галереи изображений для Joomla.Пакет плагинов галереи изображений и видео для вставки в материалы и модули Joomla, а так же везде, где работают плагины группы content. Поддержка собственных макетов вывода для галерей. Смешанные фото+видео галереи. Плагин создан как замена Simple Image Gallery и поддерживает синтаксис {gallery}{/gallery}.👩‍💻 v.1.2.3. Что нового?- Обработка вступительного и полного текста для материалов Joomla. Добавлена обработка шорткодов в полном и вступительном текстах материалов Joomla.- Системные требования. Повышены минимальные требования до Joomla 5 и PHP 8.1.- Мелкие правки. Исправлена ошибка работы макета по умолчанию в плагине контента.- Joomla 6. Пакет плагинов успешно протестирован на Joomla 6.Страница расширения.GitHub расширенияJoomla Extensions Directory@joomlafeed#joomla #расширения

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

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Зафиксировать футер
« : 24.07.2011, 02:53:40 »
Здравствуйте. На сайте http://69game.ru/ мне не удалось "зафиксировать" содержимое футера (счетчики). Прошу сравнить главную страницу с внутренней, где помимо счетчиков есть немного текста http://69game.ru/dress-up.html и дпть совет.
Спасибо.
Помог? Поставь(те) плюс в репутацию.
*

isis

  • Осваиваюсь на форуме
  • 23
  • 2 / 0
Re: Зафиксировать футер
« Ответ #1 : 24.07.2011, 04:12:51 »
Ширина и высота блока #cp ?
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Зафиксировать футер
« Ответ #2 : 24.07.2011, 04:19:58 »
Код: css
#cp{
float:right;
color:#fff;
top: 70px;
padding-right:15%;
position: relative;}
Ширина подойдет auto (до 980px). Высота - на глаз равная нижней оранжевой полосе. т.е. все счетчики и копирайт должны держаться на этой полосе в футере. мне пока не удалось.
Помог? Поставь(те) плюс в репутацию.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Зафиксировать футер
« Ответ #3 : 24.07.2011, 04:28:37 »
Код
это .css
 * {
 margin: 0;
 padding: 0;
 border: 0;
 }

 HTML, body {
 width: 100%;
 height: 100%;
 }

 * HTML #container {
 height: 100%;
 }

 body {
 background: #fff;
 color: #333;
 }

 #container {
 position: relative;
 width: 960px;
 margin: 0 auto;
 min-height: 100%;
 }

 .clearfloat {
 clear: both;
 }

 .empty {
 height: 50px;
 }

 #footer {
 position: relative;
 background: #333;
 width: 960px;
 height: 50px;
 color: #ccc;
 font-size: .9em;
 margin: -50px auto 0;
 }

 это .html
 <html>
 <head></head>
 <body>
 <div id="container">
 <div id="header"></div>
 <div id="leftside"></div>
 <div id="rightside"></div>
 <div class="clearfloat"></div>
 <div class="empty"></div>
 </div>
 <div id="footer"></div>
 </body>
 </html>
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Зафиксировать футер
« Ответ #4 : 24.07.2011, 04:38:41 »
al-teen, это никак не влияет на футер, который "плавает" в зависимости от объема текстового наполнения в подвале.
Помог? Поставь(те) плюс в репутацию.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Зафиксировать футер
« Ответ #5 : 24.07.2011, 04:44:13 »
Принцип тот же самый. Или предлагаете за вас его вписать как надо и выдать готовое решение?
*

isis

  • Осваиваюсь на форуме
  • 23
  • 2 / 0
Re: Зафиксировать футер
« Ответ #6 : 24.07.2011, 04:49:53 »
Я что-то никак не могу понять: вам нужно что-бы и текст и счетчик находились в оранжевой полосе, но при этом ширина этой полосы (79пх) должна подстраиваться под неизвестное количество счетчиков и текста?
Сам счетчик я зафиксировал, но это бессмысленно, если в том же контейнере будет и текст. 
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Зафиксировать футер
« Ответ #7 : 24.07.2011, 04:58:20 »
три счетчика одной строкой и текст (белого цвета) "© 2010-2011 флеш игры на 69Game.Ru...." второй. - только они поверх оранжево полосы. Сам я уже давно окончательно запутался :[
Помог? Поставь(те) плюс в репутацию.
*

isis

  • Осваиваюсь на форуме
  • 23
  • 2 / 0
Re: Зафиксировать футер
« Ответ #8 : 24.07.2011, 05:48:30 »
разделяете текст и счетчики во вспомогательные блоки с классами .copyright и .counters соответственно. Отодвигаете основной блок на ширину мальчика и полностью вниз (для жесткой фиксации), потом делаете отступ вверх на ширину полоски. По аналогии подконтейнер со счетчиками. Вот готовый код:
Код
#cp { position:relative; margin-left:134px; top:100%; margin-top:-89px; padding:0px; float:none; }
#cp .counters { position:relative; left:50%; margin-left:-107px; }
#cp .copyright { text-align:center; left:0px; }
Проверенно в опере, старом FF2, и IE7. Можно смело копипастить.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Зафиксировать футер
« Ответ #9 : 02.08.2011, 01:30:00 »
Задача тривиальная. al-teen в принципе правильно всё написал.
В двух словах:
Разметка:
Код
<html>
  <body>
    <div id="wrap">
      <div id="wrap_fix"></div>
    </div>
    <div id="footer">футер</div>
  </body>
</html>

Стили:
Код
html, body {height:100%; width:100%;}
#wrap {min-height:100%; width:100%; margin-bottom:-100500px;}
#wrap_fix, #footer {height:100500px;}

Как это работает:
Вся фишка в том, что если указать явно высоту body и HTML, то мы так же можем прописать относительную высоту непосредственного потомка. Но только непосредственного, т.е. первого уровня.
Далее мы просто делим весь сайт горизонтально на два блока. Враперу прописываем минимальную высоту равную окну браузера и отрицательный отступ снизу равный высоте футера. Теперь футер всегда "прибит". Врап_фикс нужен для того, чтобы контент под футер не наползал. Можно обойтись и без лишнего элемента, с помощью позиционирования, например. Но на практике замечены периодические глюки в Опере. Ну и не забываем, что для шестого осла надо или уменьшить в два раза значение margin-bottom или прописать блоку display:inline.
*

fixbob

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Зафиксировать футер
« Ответ #10 : 12.04.2015, 16:03:58 »
Задача тривиальная. al-teen в принципе правильно всё написал.
В двух словах:
Разметка:
Код
<html>
  <body>
    <div id="wrap">
      <div id="wrap_fix"></div>
    </div>
    <div id="footer">футер</div>
  </body>
</html>

Стили:
Код
html, body {height:100%; width:100%;}
#wrap {min-height:100%; width:100%; margin-bottom:-100500px;}
#wrap_fix, #footer {height:100500px;}

Как это работает:
Вся фишка в том, что если указать явно высоту body и HTML, то мы так же можем прописать относительную высоту непосредственного потомка. Но только непосредственного, т.е. первого уровня.
Далее мы просто делим весь сайт горизонтально на два блока. wrapperу прописываем минимальную высоту равную окну браузера и отрицательный отступ снизу равный высоте футера. Теперь футер всегда "прибит". Врап_фикс нужен для того, чтобы контент под футер не наползал. Можно обойтись и без лишнего элемента, с помощью позиционирования, например. Но на практике замечены периодические глюки в Opera. Ну и не забываем, что для шестого осла надо или уменьшить в два раза значение margin-bottom или прописать блоку display:inline.

очень сомнительный вариант - думаю что еще и не рабочий

Хотя пардон автору - пубдикация 2011 года сейчас несколько по другому все работает
« Последнее редактирование: 12.04.2015, 16:08:45 от fixbob »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Зафиксировать футер
« Ответ #11 : 12.04.2015, 22:43:45 »
очень сомнительный вариант - думаю что еще и не рабочий
Хотя пардон автору - пубдикация 2011 года сейчас несколько по другому все работает
При допущении, что футер фиксированной высоты, вариант рабочий. Был рабочий, сейчас рабочий и будет работать всегда. Я подробно описал механизм способа. Чем аргументированы сомнения?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Зафиксировать два блока средствами Joomla

Автор geg

Ответов: 0
Просмотров: 1091
Последний ответ 29.09.2017, 15:42:55
от geg
Как добавить колонки в футер?

Автор muria

Ответов: 2
Просмотров: 1882
Последний ответ 09.11.2015, 15:31:10
от muria
Закрепить футер шаблона yoo_gusto внизу страницы

Автор Анна_pupu

Ответов: 3
Просмотров: 1607
Последний ответ 06.10.2015, 19:06:19
от Ilhom666
Прижать футер

Автор Rap3r

Ответов: 0
Просмотров: 1279
Последний ответ 28.03.2015, 21:02:48
от Rap3r
Не опускается футер

Автор Ragnos

Ответов: 3
Просмотров: 1599
Последний ответ 20.12.2014, 15:55:15
от umbabaraumba