Новости 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 Гость просматривают эту тему.
  • 11 Ответов
  • 1226 Просмотров
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Слетает блок на маленьких мониторах
« : 11.02.2015, 15:42:18 »
Слетает блок с телефонами на маленьких мониторах
_http://www.calc-book.lik-material.kz/index.php/ru/_
подскажите что не так где подправить
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Слетает блок на маленьких мониторах
« Ответ #1 : 11.02.2015, 15:46:05 »
Нужно убрать у блоков header_pozition1 и header_pozition2 абсолютное позиционирование и, тем более, гигантские отрицательные отступы. Затем разнести их по-сторонам с помощью float или display:inline-block.
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слетает блок на маленьких мониторах
« Ответ #2 : 11.02.2015, 15:48:02 »
Требуется переверстать #header_pozition2, абсолютное позиционирование там не к месту, посмотрите в сторону float:right;

Shustry ну чуть-чуть меня опередил =)
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #3 : 11.02.2015, 15:55:14 »
вот часть которая отвечает за шапку сайта
Код
#header { height:130px; width: 1200px; background: #fff url(../images/header.png) no-repeat;}
/*  #header_pozition1{position: absolute; width: auto; height: auto;  top: 60px; left: 600px} */
.logoheader {height: 130px; width: 1200px;}
#header_pozition1{position: absolute; margin-bottom:;margin-left:250px;margin-right:;margin-top:60px;}
#header_pozition1 p {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #1F5831; line-height: 1.2}
#header_pozition2 {position: absolute; margin-bottom:;margin-left:882px;margin-right:;margin-top:45px}
#header_pozition2 p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #606060; line-height: 1.2; text-align: right}
.searsh-header-plg {float: right; height:27px; width:300px; margin-bottom:;margin-left:;margin-right:0px;margin-top:17px; }
и если убираю position: absolute;  то все слетает
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #4 : 11.02.2015, 17:13:34 »
Гигантские отступы и позиционирование вносят свою лепту - это верно подмечено. Если нет особого желание менять верстку, можно попробовать с помощью модуля (флекси, например) в
Код
<div id="header_pozition1">
<div class="1">Полиграфия ...</div>
<div class="2"> Телефон ... </div>
</div>
И уже в CSS прописывая классам 1 и 2 свойства решить эту проблему. А вдруг!
Или же
Цитата: AlekVolsk от 11.02.2015, 15:48:02
Требуется переверстать #header_pozition2, абсолютное позиционирование там не к месту, посмотрите в сторону float:right
как выглядит сайт на моб.приложениях и что править? Есть спец.сервисы + FireBug
 
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слетает блок на маленьких мониторах
« Ответ #5 : 11.02.2015, 17:41:20 »
Имхо, тут скорее нежелание думать головой и ожидание "выньте и положте на блюдечке готовое решение, да побыстрее".
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #6 : 12.02.2015, 08:10:23 »
Сверстал так
Код
#header { height:130px; width: 1200px; background: #fff url(../images/header.png) no-repeat;}

#header_pozition1{float:left; display:inline-block; width:auto; height:25px; margin: 65px 0 0 250px;}
#header_pozition1 p {font-family: Arial, sans-serif; font-size: 22px; color: #1F5831;margin: 0; white-space: nowrap;}

#header_pozition2 {display:inline-block; width:300px; height:65px; margin: 45px 0 0 280px;}
#header_pozition2 p {font-family: Arial,sans-serif; font-size: 12px; text-align: right; color: #606060; margin: 0; white-space: nowrap;}

пока только текст на старом мониторе попробовал вроде тест не летит
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #7 : 12.02.2015, 08:26:19 »
Пробую на мобильных устройствах #header_pozition1 на месте а #header_pozition2 летит
что можно сделать чтоб #header_pozition2 тоже оставалась на месте
также #header_pozition2 летит в мазиле
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #8 : 12.02.2015, 08:58:00 »
сделал таким образом
Код
#header { height:130px; width: 1200px; background: #fff url(../images/header.png) no-repeat;}

.header_pozition1{float:left; display:inline-block; width:auto; height:25px; margin: 65px 0 0 250px;}
.header_pozition1 p {font-family: Arial, sans-serif; font-size: 22px; color: #1F5831;margin: 0; white-space: nowrap;}

.header_pozition2 {float: right; display:inline-block; width:300px; height:65px; margin:0}
.header_pozition2 p {font-family: Arial,sans-serif; font-size: 12px; text-align: right; color: #606060; margin: 0; white-space: nowrap;}


в мобильных все нормально но в мазиле все летит 
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #9 : 12.02.2015, 12:42:11 »
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #10 : 12.02.2015, 13:21:06 »
position: relative; также не дает результата
Спойлер
[свернуть]
Записан
*

Stasweb

  • Завсегдатай
  • 1501
  • 24 / 0
Re: Слетает блок на маленьких мониторах
« Ответ #11 : 12.02.2015, 13:32:50 »
ставлю по нулям  margin в мазиле начинает выравниваться
но если я уберу margin то как выравнивать мои позиции
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] Слетает правый сайдбар на шаблоне protostar

Автор Mick_20

 Ответов: 4
Просмотров: 2341 		Последний ответ 28.05.2020, 15:45:06
от Muzzy
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

 Ответов: 8
Просмотров: 12512 		Последний ответ 04.04.2020, 13:49:11
от jan_dax
Исчезает блок с видео

Автор diana1975

 Ответов: 14
Просмотров: 1802 		Последний ответ 11.12.2019, 10:29:55
от sivers
На iPad в Safari блок вылезает за края [Решено]

Автор dm-krv

 Ответов: 10
Просмотров: 2209 		Последний ответ 11.08.2018, 19:42:53
от dm-krv
Свойство letter-spacing по-разному отображается на разных мониторах

Автор V@lentin

 Ответов: 1
Просмотров: 1414 		Последний ответ 19.07.2018, 20:53:29
от Zelyonkin