Новости Joomla

VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5

👩‍💻 VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5.x, которое позволяет вставлять фотоальбомы ВКонтакте прямо в материалы сайта. Поддерживаются режимы: сетка, слайдер и кирпичная кладка (masonry). Мобильный UX и свайпы в комплекте.- 3 типа галерей: слайдер, сетка и masonry- Быстрая работа. AJAX-подгрузка, кэширование запросов, ленивая загрузка изображений.- Мобильный UX. Свайпы, оптимизация под сенсорное управление и адаптивный дизайн.Плагин использует шорткод {vkgallery type="album_grid"}album-123456789_987654321{/vkgallery}.Страница расширенияДемоРазработчик - участник нашего сообщества Сергей Парфёнов (@Aprol).@joomlafeed#joomla #vk #расширения

Swiper.js, документация на русском языке

👩‍💻 Swiper.js, документация на русском языке.Добавил переводы документации современного скрипта слайдера swiper.js на русский язык. Документация эта относится к плагину веб-ассета для Joomla WT JSwiper, который подключает скрипт нативным для Joomla 4+ способом - с помощью Web Asset Manager.Сегодня добавлены: - Модули: Autoplay- Модули: Grid- Модули: Free Mode- Модули: Manipulation- Эффекты: Затухание (Fade Effect)- Модули: Parallax- Модули: Lazy Loading- Эффекты: Перелистывание (Coverflow Effect)Читать документацию Swiper.js по-русски@joomlafeed#webdev #swiperjs #js #joomla

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js.Предназначен для опытных разработчиков Joomla, желающих интегрировать Vue в уже существующий функционал сайта без глобальной переделки проекта.Главное преимущество этого способа вывода информации - Скорость!Для примера. При выводе материалов через стандартный модуль mod_articles_news в количестве 1200 элементов Request Duration (время отдачи страницы) составило 3 секунды!!!При использовании же модуля с vue.js - 104 ms и это время в принципе не зависит от числа элементов. Так как страница отдается сразу, а вся обработка в модуле происходит асинхронно.Разработчик - участник нашего сообщества Дмитрий Денисов @mitriy_bug Страница расширения@joomlafeed#joomla #расширения

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

grx-lin

  • Новичок
  • 1
  • 0 / 0
Плавающий footer
« : 19.10.2016, 17:32:43 »
Здравствуйте, вопрос наверное миллион раз уже был. Я гуглил, но почему то к моему варианту не подходит. В CSS новичок.
Вот сам HTML:
Код
<html>
<head>
</head>
<body>
<header>
</header>
<div class="wrapper">
    <jdoc:include type="message"/>
    <jdoc:include type="component"/>
</div>
<div id="zaglushka"></div>
<footer>
</footer>
Вот CSS;
Код
* {
  margin: 0;
  padding: 0;
}

HTML, body {
  height: 100%;
}

body {
    background: #081013;
    color: #FFFFFF;
    font: 12px Tahoma, sans-serif;
}

header {
    margin: auto;
    padding: 0px 0;
    max-width: 1260px;
}

.main-heading {
    margin: 30px 0;
    padding-left: 20px;
    background: transparent url(../images/h1-bg.png);
}

.main-heading h1 {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    background: url(../images/bg.png);
    color: #FFFFFF;
    text-transform: uppercase;
    font: 25px/25px 'Oswald', sans-serif;
}

.slider {
    padding-bottom: 90px;
  margin:0; 
  padding:0; 
  position:relative;
  margin: auto;
  max-width: 1260px;
}
.wrapper {
    position: relative;
    margin-bottom:-100px;
    margin:0 auto;
    max-width: 1260px;
    min-height:100%;
    text-align:left;
}

footer {
    background: black;
    height: 150px;
}

#zaglushka {
    height: 100px;
}
.footer-content {
    margin: auto;
    padding: 10px 0;
    max-width: 1260px;
    height: 100px;
}

.footer-heading {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #FFFFFF;
    color: #fff;
    text-transform: uppercase;
    font: 15px 'Andale Mono', monospace ;
}

Сам футер привязывается к низу, все вроде отлично. Но wrapper, становится слишком большим по высоте, контента 4 строки, а размер его как будто 50 строк. Пробовал разные варианты. Подскажите как исправить?
Записан
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
Re: Плавающий footer
« Ответ #1 : 19.10.2016, 20:23:29 »
Ни как без сайта примера что бы увидеть.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор THeCMeX

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

Автор Good_user

 Ответов: 8
Просмотров: 12509 		Последний ответ 04.04.2020, 13:49:11
от jan_dax
Как мне сделать невидимым ссылку меню в footer'e?

Автор abrodski

 Ответов: 9
Просмотров: 1966 		Последний ответ 05.08.2016, 00:23:29
от abrodski
Плавающий модуль на странице

Автор Омск

 Ответов: 13
Просмотров: 1796 		Последний ответ 25.03.2016, 13:40:07
от vipiusss
footer не прилегает к низу

Автор bybus

 Ответов: 2
Просмотров: 2359 		Последний ответ 06.12.2014, 03:05:16
от bybus