Новости Joomla

Компонент "Жимолость" v.1.2.0 (ex

Компонент "Жимолость" v.1.2.0 (ex. Спам-оборона для Joomla) Бесплатный компонент работает под Joomla и позволяет защищать формы сайта от атак спам ботов.👩‍💻 v.1.2.0. Что нового?Компонент полностью поддерживает работу с Joomla 6 без необходимости использования плагина совместимости. При этом поддержка Joomla 4 прекратилась, поскольку уже к Joomla 5 отличия между четвертой и пятой версиями были заметны. Компонент бесплатный. Существует версия для Joomla 3. Разработчик - участник нашего сообщества Владимир Егоров (@sitogon)Страница расширения#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

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

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Прижатый футер
« : 25.02.2014, 20:30:12 »
Привет всем, подскажите пожалуйста как можно прижать футер к низу сайта ? Сейчас ситуация такая: на странице материала и блоге если отсутствует материалы, то футер приподымается к шапке и под ним образуется пустое пространство, как можно сделать так чтобы футер оставался внизу внезависимости от того есть ли на странице материал или нет ? Какими свойствами можно это сделать, пробовал прописывать высоту 100% не помогло, прописывал вот в этих кусках

#content-wrap {
    float: left;
    margin: 201px 0px 0px;
    width: 100%;
}

.blog, .item-page {
    float: left;
    width: 100%;
}
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #1 : 25.02.2014, 20:42:15 »
Задача тривиальная на самом деле.

Код: html4strict
<html>
	<body>
		<div id="all-all">
			Тут весь контент
			<div id="foot-fix"></div>
		</div>
		<div id="all-foot">
			Тут футер
		</div>
	</body>
</html>

Код: css
html, body {min-height:100%; height:100%; width:100%;}
#all-all {min-height:100%;}
#all-foot {height:110px; width:100%; margin-top:-110px;}
#foot-fix {height:110px;}

Т.е. сперва заставляем весь наш сайт растягиваться на ширину браузера (футер какбэ под сайтом получается), а потом сдвигаем его вверх отрицательным отступом. foot-fix нужен для того, чтобы футер на контент не залазил.
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #2 : 26.02.2014, 05:21:52 »
Не помогло вообще, может я не там расставил "метки"

    <body>       
            <div id="all-all">
        <div id="main">
                       
            <div id="content-wrap">               
                <jdoc:include type="modules" name="position-4" style="codercv"/>
                <?php if ($show_leftsidebar) { ?>
                    <div id="leftsidebar">
                        <jdoc:include type="modules" name="position-6" />
                        <div style="clear: both"></div>
                    </div><!-- /#leftsidebar -->                   
                <?php } ?>

                <div id="content" <?php echo ($show_leftsidebar)?'class="leftsidebar"':'' ?>>
                    <div class="content-inner">
                        <jdoc:include type="modules" name="position-7" />
                        <article><jdoc:include type="component" /></article>
                    </div>
                    <div style="clear: both"></div>
                </div><!-- /#content -->
                <div style="clear: both"></div>

                <jdoc:include type="modules" name="position-5" style="codercv"/>
                <div style="clear: both"></div>               
            </div><!-- /#content-wrap -->
            <div style="clear: both"></div>           
           
            <div id="head">
                <jdoc:include type="modules" name="position-0" />
                <div style="clear: both"></div>
            </div><!-- /#head -->
            <div style="clear: both"></div>
           
            <div id="menu-wrap">
            <div id="menu">
                <jdoc:include type="modules" name="position-1" />
                <div style="clear: both"></div>
            </div><!-- /#menu -->
            <div style="clear: both"></div>
            </div>
            <div style="clear: both"></div>                                               
        </div><!-- /#main -->
                 <div id="foot-fix"></div>
      </div>
            <div id="all-foot">
        <div id="footer">
            <div class="inner">
                <jdoc:include type="modules" name="position-2" style="codercv"/>
                <div style="clear: both"></div>
            </div>
        </div><!-- /#footer -->
        <div style="clear: both"></div>

        <div id="copyright">
            <div class="inner">
                <jdoc:include type="modules" name="position-3"/>
                <div style="clear: both"></div>
            </div>
        </div><!-- /#copyright -->           
        <div style="clear: both"></div>
              </div>
        <div id="overlay"></div>
        <jdoc:include type="modules" name="position-15" />
       
        <jdoc:include type="message" />
        <jdoc:include type="modules" name="debug" />
    </body>
</html>
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #3 : 26.02.2014, 12:20:19 »
У вас ниже футера тэги. И вообще какая-то путаница с разметкой. Вы сперва болванку сделайте по моей инструкции. Потом добавляйте остальные тэги
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #4 : 27.02.2014, 13:54:56 »
На сайте получается под футером есть еще блок копирайта, по этому приходится сдвигать его вместе с футером, поэтому я обернул их обоих в класс all-foot, а так все сделал как написали, то есть получается перед body вставил <div id="all-all">, а перед началом all-foot вставил

         <div id="foot-fix"></div>
      </div>
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #5 : 27.02.2014, 15:50:30 »
Выложите в сеть, дайте адрес. Вроде всё правильно делаете, почему не получается — хз.
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #6 : 27.02.2014, 18:17:33 »
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #7 : 27.02.2014, 18:48:02 »
Код: css
html, body {min-height:100%; height:100%; width:100%;}
#all-foot {margin-top:-238px;}
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #8 : 27.02.2014, 19:23:49 »
Мне вставить это HTML, body {min-height:100%; height:100%; width:100%;}

в стиль

body {
    background: none repeat scroll 0% 0% #FFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #000;
    width: 100%;
    float: left;
}

или сюда

HTML, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font: inherit;
    vertical-align: baseline;
}

просто я попробовал и туда и туда, в первом варианте вообще ничего не произошло кроме того что футер сместился еще выше из-за -238px, а во втором у меня все разлетелось. Я что Неправильно делаю ?
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #9 : 27.02.2014, 19:26:57 »
Это просто вставить в конец css-файла. В пустое место. Я всего ничего строк написал в первом посте, вы пропустили HTML, body {min-height:100%; height:100%; width:100%;}. А отступ футера приходится подстраивать на глаз, т.к. у вас других элементов полно. В общем, просто вставьте то, что последнее писал, я уже всё сделал. ^-^
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #10 : 27.02.2014, 19:34:38 »
Спасибо большое, поправки внес кроме -238, можете сейчас обновиться и глянуть сайт, нижний промежуток исчез или нет ? А то я через ноут смотрю, в нем все в порядко, но фиг знает может в обычном мониторе все по прежнему, если не трудно можете скрин прикрепить
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #11 : 27.02.2014, 19:36:20 »
Пожалуйста. Всё нормуль теперь, только скролл лишний. Чтоб убрать, надо -238 таки внести.
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #12 : 27.02.2014, 19:42:25 »
footfix только сделайте, а то контент залазит под футер. Тоже опытным путём подобрать можно.

http://avtovek.tmweb.ru/metalloprokat
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #13 : 27.02.2014, 19:44:55 »
Ок, -238 прописал, но из-за этого на страницах где есть материал футер налез на текст, пришлось опустить с помощью margin-top 200 (прописывал не в вашем коде), посмотрте пожалуйста ещё раз, теперь все в норме, или ещё хуже стало ?))
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #14 : 27.02.2014, 19:50:09 »
footfix всмысле position: fixed ?
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #15 : 27.02.2014, 19:52:00 »
Нет. Внутрь растягиваемого элемента в самый конец поместить пустой div и прописать ему высоту. Обозвать можете как угодно. Т.е. он будет залазить под футер и не давать контенту туда лезть.
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #16 : 27.02.2014, 19:56:51 »
Извиняюсь, подскажите что из этого растягиваемый элемент:
<div id="all-all">
<div id="foot-fix">
<div id="all-foot">
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #17 : 27.02.2014, 19:58:19 »
а всё извините, туплю
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #18 : 27.02.2014, 20:03:59 »
Всё норм, спасибо вам большое!
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как добавить колонки в футер?

Автор muria

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

Автор Анна_pupu

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

Автор slepoy

 Ответов: 11
Просмотров: 6926 		Последний ответ 12.04.2015, 22:43:45
от Shustry
Прижать футер

Автор Rap3r

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

Автор Ragnos

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