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

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Выравнивание по вертикали
« : 27.03.2008, 10:41:56 »
Создаю блок из DIV или SPAN.
Код
<span class="price"> Жопарвдароывр </span>
Прописываю следующие теги через CSS:
Код
span.price {
	dipslay: block;
	width: 280px;
	text-align: left;
	margin-left: 8px;
	margin-right: 8px;
	background-color: #ffcc01;
	margin-top: 16px;
	padding-left: 5px;
	padding-right: 5px;
	[b]vertical-align: middle;[/b]
	padding-bottom: 6px;
	padding-top: 6px;
	height: 50px;
	display: block;
	}
Через тег vertical-align прописываю выравнивание по вертикали. А текст все равно выравнивается по вертикали. Я уже давно такой глюк заметил, все не знал как это решить. И что делать.


[вложение удалено Администратором]
Записан
*

baldesarini

  • Осваиваюсь на форуме
  • 27
  • 1 / 0
  • Брутальный мерзавец
Re: Выравнивание по вертикали
« Ответ #1 : 27.03.2008, 14:29:07 »
исходя из кода видно что высота диву задана, почему бы просто не выставить отступ сверху? а так впринципе предыдущий оратор все объяснил
Записан
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Re: Выравнивание по вертикали
« Ответ #2 : 27.03.2008, 14:33:55 »
Я только начал себя оттучать от таблиц, и снова придется к им вернуться. :((((9 Спасибо за совет. Но данное решение рушит к черту все....
Цитата: baldesarini от 27.03.2008, 14:29:07
исходя из кода видно что высота диву задана, почему бы просто не выставить отступ сверху? а так впринципе предыдущий оратор все объяснил
Потому что текст в этом диве разный, может и в одну строчку быть, а может и две.
Записан
*

PbICb

  • Захожу иногда
  • 66
  • 38 / 0
  • Мяфф...)
Re: Выравнивание по вертикали
« Ответ #3 : 30.03.2008, 10:20:55 »
Попробуй код сохранить HTML-кой и посмотри на результат. Решение простое, не раз мною использованное. В основе, конечно, display: table-cell , о чем и говорилось выше. Но, может быть, когда-нибудь пригодится )

Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>Просто пример</title>
  <style>
    .greenBorder {border: 1px solid green;} /* бордюрчег */
  </style>
</head>

<body>
  <div class="greenBorder" style="display: table; background: #CCCCCC; height: 300px; width: 300px;  position: relative; overflow: hidden;">
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
      <div class="greenBorder" style=" #position: relative; #top: -50%">
        Пример текст<br />
        выровненного в блоке по вертикали<br />

      </div>
    </div>
  </div>
</body>
</html>
Записан
UI, UX, Interaction design, Kung Fu и другие страшные слова
Ить, ни, сан, си, го - беспечен гуляющий заяц...
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Re: Выравнивание по вертикали
« Ответ #4 : 30.03.2008, 19:00:11 »
Цитата: OnTheFlyRU от 30.03.2008, 18:46:44

На мой взгляд, это отличный пример вёрстки ради вёрстки на дивах или "как не нужно верстать". В реальной жизни лучше обойтись таблицей, чем использовать такой вариант. Надеюсь, данный код пригодится кому-то лишь в образовательных целях.

Мало того, что потеряны все преимущества перед табличной вёрсткой (компактность кода, семантика), так ещё и приобретены дополнительные недостатки в виде потенциальных проблем с гибкостью данного кода (например, высота не позволит использовать его как универсальный контейнер и др.). Также хотелось бы подчеркнуть избыточный характер  кода применительно к обозначенной задаче.

Главное заблуждение коллег, делающих первые шаги в XHTML - нужно обязательно убрать из макета абсолютно все таблицы. Таблицы никто не запрещал, они являются стандартным элементом всех современных спецификаций HTML/XHTML.

Фраза "таблицы - зло" настолько крепко врезается в умы, что на свет рождаются такие "дивные" монстры. Удалить таблицу, чтобы потом её эмулировать - это нездоровый перфекционизм, который достоин лучшего применения.

Если проблема ещё не решена, покажи свою страницу, общими усилиями поможем

А я уже решил эту проблему.... Теперь работую над другой, не могу два блока на DIV отцентрировать. Думаю что справлюсь.
Записан
*

one_more

  • Захожу иногда
  • 139
  • 87 / 3
  • there is no spoon
Re: Выравнивание по вертикали
« Ответ #5 : 31.03.2008, 07:06:38 »
Цитата: OnTheFlyRU от 30.03.2008, 18:46:44
Фраза "таблицы - зло" настолько крепко врезается в умы, что на свет рождаются такие "дивные" монстры. Удалить таблицу, чтобы потом её эмулировать - это нездоровый перфекционизм, который достоин лучшего применения.
OnTheFlyRU, респект. Если не возражаете, подпишусь под каждым словом =)
Записан
Errare humanum est
*

PbICb

  • Захожу иногда
  • 66
  • 38 / 0
  • Мяфф...)
Re: Выравнивание по вертикали
« Ответ #6 : 31.03.2008, 08:48:16 »
Извиняюсь, но вопрос состоял в выравнивание блока по вертикали. Я же отвечала в рамках темы - это просто демонстрация того, что почти все возможно )) 
Тем более, иногда попадаются заказчики, требующие 100% блочную и валидную верстку, готовые платить очень неплохие суммы за требуемый результат. В таких случаях мне проще сделать так, как требуют, чем объяснять, почему таблица будет предпочтительней. Плюс ко всему, иногда верстка требуется под специфические проекты, в которых использование таблиц просто неприемлемо.
« Последнее редактирование: 31.03.2008, 08:52:16 от PbICb »
Записан
UI, UX, Interaction design, Kung Fu и другие страшные слова
Ить, ни, сан, си, го - беспечен гуляющий заяц...
*

PbICb

  • Захожу иногда
  • 66
  • 38 / 0
  • Мяфф...)
Re: Выравнивание по вертикали
« Ответ #7 : 05.04.2008, 10:44:25 »
Вы опять уходите от темы )) Повторюсь - мое решение было приведено в рамках заданного вопроса. А проекты встречаются разные и с различными техническими требованиями - так что данный вариант имеет право на существование.
Записан
UI, UX, Interaction design, Kung Fu и другие страшные слова
Ить, ни, сан, си, го - беспечен гуляющий заяц...
*

sc@r@bey

  • Захожу иногда
  • 360
  • 55 / 5
  • делай, а потом спрашивай что не получилось!
Re: Выравнивание по вертикали
« Ответ #8 : 23.05.2009, 01:12:44 »
вот ищи решение здесь  ;)
_http://cssing.org.ua/2007/04/26/another-css-valign-method/
_http://cssing.org.ua/2005/07/14/vertical-align-middle/

вот здесь посмотри и по вертикали и по горизонтали выровнял нижнее меню mkcnovoship.ru
« Последнее редактирование: 23.05.2009, 02:43:14 от sc@r@bey »
Записан
*

sectus

  • Новичок
  • 8
  • 0 / 0
Re: Выравнивание по вертикали
« Ответ #9 : 01.12.2009, 08:36:50 »
PbICb, спасибо способ отличный.
Только # лучше заменить на _, так будет валиднее.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вертикальное выравнивание текста внутри textarea [РЕШЕНО]

Автор dm-krv

 Ответов: 11
Просмотров: 8299 		Последний ответ 23.03.2019, 21:53:08
от sivers
Вертикальное выравнивание

Автор dmtn

 Ответов: 1
Просмотров: 1609 		Последний ответ 28.12.2017, 12:52:12
от dmtn
Как выровнять строку по вертикали (header)?

Автор Ferum1

 Ответов: 4
Просмотров: 1582 		Последний ответ 13.10.2016, 10:35:36
от Ferum1
Выравнивание блоков по высоте

Автор BrutalMan

 Ответов: 6
Просмотров: 1758 		Последний ответ 08.08.2016, 06:30:15
от neogeek
Выравнивание и закрепление меню

Автор zotchiy

 Ответов: 4
Просмотров: 1428 		Последний ответ 25.03.2016, 15:40:16
от Shustry