Новости Joomla

Phoca Email - простой компонент email-рассылок

WT Yandex map items v.2.1.0 модуль для Joomla.Выводит материалы Joomla в виде меток на Яндекс.Карты

WT Yandex map items v.2.1.0 модуль для Joomla.Выводит материалы Joomla в виде меток на Яндекс.Карты

👩‍💻 WT Yandex map items v.2.1.0 модуль для Joomla.Выводит материалы Joomla в виде меток на Яндекс.Карты.v.2.1.0. Что нового?Сохранение последнего вида карты. Добавлены новые опции, позволяющие как для одного экземпляра модуля, так и для всех сохранять на устройстве пользователя последний использованный центр (координаты) и масштаб (zoom) карты. Это позволит открыть карту в том же месте после обновления страницы или при повторном открытии браузера.Определение местоположения пользователя.Модуль может определять местоположение пользователя и центрировать карту на нём. При одновременном использовании с функцией сохранения последнего вида карты определение геопозиции будет срабатывать только в первый раз. В дальнейшем, если обнаружены сохранённые данные центра и масштаба - будут использоваться они.CSS классы для маркеров карты.Всем маркерам карты добавлен CSS-класс wt-yandex-map-items-marker. Для просмотренных маркеров (по которым кликали) добавляется CSS-класс wt-yandex-map-items-marker-viewed, что позволит выделять просмотренные маркеры с помощью стилей в CSS-файлах вашего шаблона. Также для контейнеров маркеров ymaps на карте добавлены data-атрибуты: data-module-id - id модуля и data-marker-id - id маркера.Обработка GET-параметров в URL.Карта может реагировать на GET-параметры в url:- map[zoom] - устанавливает параметр масштаба.- map[center_latitude] и map[center_longitude] - широта и долгота центра карты.- map[marker_id] - id маркера, на котором центрируется карта.Таким образом вы можете создавать ссылку на карту с указанием конкретного маркера, на котором карта сфокусируется после загрузки маркеров. Например, https://site .ru/map?map[marker_id]=18465. Или же ссылку с указанием конкретных координат: https://site .ru/map?map[zoom]=16&map[center_latitude]=51.529706&map[center_longitude]=46.033922Страница расширенияGitHub расширенияВидео-обзор на YoutubeВидео-обзор на VK ВидеоВидео-обзор на Rutube@joomlafeed#joomla #yandex

Вышел Quantum Manager ver.3.2.1 и ver.2.0.5 — Релиз безопасности

Вышел Quantum Manager ver.3.2.1 и ver.2.0.5 — Релиз безопасности

Вышел Quantum Manager ver.3.2.1 и ver.2.0.5 — Релиз безопасности.В последних версиях Quantum Manager устранены две уязвимости безопасности и исправлено несколько ошибок. Всем пользователям настоятельно рекомендуется обновиться до версии 3.2.1, чтобы обеспечить безопасность и актуальность установки.👩‍💻 Исправлены:1. XSS в SVG-файле. Запрещено выполнение встроенных в SVG скриптов.2. XSS по имени вредоносного файла. Больше никакого выполнения кода через имя файла.Поскольку эти проблемы влияют на безопасность сайта, мы подготовили две версии: одну для Joomla 5 и Joomla 4, а также дополнительную версию для Joomla 3 (предназначенную для устаревшего релиза Quantum Manager 2.0.4, для тех, кто все еще поддерживает сайты на Joomla 3).⚠️ Примечание: обновите Quantum Manager до версии 3.2.1 для Joomla 5 / Joomla 4 и установите Quantum Manager версии 2.0.5 для Joomla 3 (только исправления проблем безопасности).Команда NorrNext благодарит Joomla Security Strike Team и Joomla VEL Team за помощь в обнаружении и исправлении уязвимостей.Читать новостьСкачать@joomlafeed#joomla #расширения

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

dimochkasainr

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Как задать класс стиля для чекбоксов
« : 02.10.2017, 12:19:45 »
Имеется нужда сделать красивые чекбоксы в форме. Заказчик попросил. Но как задать для них стиль не фига не понимаю. В макете формы все выглядит допустим так...

   <div class="rsform-block rsform-block-test">
      <div class="formControlLabel">{test:caption}</div>
      <div class="formControls">
      <div class="formBody">{test:body}<span class="formValidation">{test:validation}</span></div>
      <p class="formDescription">{test:description}</p>
   </div>
А стиль для чекбосов надо допустим задать такой сlass. Чтобы вышло типа <input type="checkbox" class="js-switch" checked />

Как мне подставить класс? Ведь в макете нет явного синтаксиса. Здесь только условные переменны, которые компонент потом компилирует в HTML код. Извините, если лажаю с терминологией, жду помощи.
Записан
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
Re: Как задать класс стиля для чекбоксов
« Ответ #1 : 02.10.2017, 15:18:15 »
если для всех чекбоксов, то input[type="checkbox"] {xxx:bla-bla;}
если только для определенных, то смотрите внутри какого контейнера они находятся
Записан
*

dimochkasainr

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Как задать класс стиля для чекбоксов
« Ответ #2 : 18.10.2017, 21:46:57 »
Извиняюсь заранее за тупость. Но как я все это пропишу через один стиль


Код
.toggle, .toggle2 {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.toggle + label, .toggle2 + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.switch{
	margin: 10px 10px;
}

/*Горизонтальный переключатель*/
input.toggle-round + label {
  padding: 2px;
  width: 118px;
  height: 60px;
  background-color: #dddddd;
  border-radius: 60px;
}
input.toggle-round + label:before,
input.toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.toggle-round + label:before {
  right: 1px;
  background-color: #ea574a;
  border-radius: 60px;
  transition: background 0.4s;
}
input.toggle-round + label:after {
  width: 60px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.toggle-round:checked + label:after {
  margin-left: 60px;
}

/*Вертикальный переключатель*/
input.toggle-round2 + label {
  padding: 2px;
  width: 60px;
  height: 118px;
  background-color: #dddddd;
  border-radius: 60px;
}

input.toggle-round2 + label:before,
input.toggle-round2 + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

input.toggle-round2 + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.4s;
}

input.toggle-round2 + label:after {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}

input.toggle-round2:checked + label:before {
  background-color: #75DBF0;
}
input.toggle-round2:checked + label:after {
  margin-top: 60px;
}
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Добавить в label класс

Автор seffpapy

 Ответов: 0
Просмотров: 1182 		Последний ответ 12.07.2015, 20:57:16
от seffpapy