Новости Joomla

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

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

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Всем привет!

http://www.trxtraining.com/ На этой странице внизу есть текст с картинками.


Посмотрел по коду картинка выглядит так:


Предполагаю, что просто сделано обтекание поверх картинки. Но не могу найти как это сделать в JoomlaCK.

+ Бонус вопрос. Как сдедать две или три разных колонки с таким текстом как на первой картинке?
*

staticlight

  • Завсегдатай
  • 1086
  • 65 / 0
  • Staticlight
Re: Обтекание текста поверх картинки
« Ответ #1 : 20.07.2011, 23:15:05 »
самое простое решение:
1) сделать блок фиксированной ширины и как его бэкграунд картинку.
2) внутри блока уже можно абзацы или други блоки с текстом как угодно позиционировать.
Руководитель отдела сервисного обслуживания систем безопасности.
Устали от com_content - поставьте com_k2.
TRIPLE "F" POWER: Firefox+FireShot+Firebug. Chrome + Ctrl+Shift+I
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Обтекание текста поверх картинки
« Ответ #2 : 20.07.2011, 23:20:46 »
самое простое решение:
1) сделать блок фиксированной ширины и как его бэкграунд картинку.
2) внутри блока уже можно абзацы или други блоки с текстом как угодно позиционировать.


 А есть какой-то удобный редактор Дивов?
*

Mihanja80

  • Завсегдатай
  • 1918
  • 168 / 4
  • Всю жизнь учусь...
Re: Обтекание текста поверх картинки
« Ответ #3 : 20.07.2011, 23:20:59 »
FireBug в руки и вперед!
Что сложного-то научиться пользоваться плагином для браузера?

поверх background-image лежит div уже по ширине, внутри которого находятся два заголовка и два параграфа (второй заголовок и параграф с отступом margin-left:60px и margin-top:20px)

Но не могу найти как это сделать в JoomlaCK.
Примерно вот так!
Я с мобильного, в основном...
*

IvanSmirnov

  • Захожу иногда
  • 59
  • 0 / 0
Re: Обтекание текста поверх картинки
« Ответ #4 : 20.07.2011, 23:53:56 »
Я понимаю что научиться можно всему. Но вопросы на форме и задаются для получения ответов :)

Я установил плагин, скопировал это:
Код
<div class="grid_11 alpha omega" style="background-image: url("/images/badges/640x312_index_baseline.jpg"); background-position: center top; background-repeat: no-repeat; margin-top: 0px; width: 640px; height: 320px; border-top: 1px solid rgb(238, 238, 238);">
<div class="grid_9 alpha" style="margin-top: 10px; font-family: Helvetica,Arial,sans-serif; color: rgb(51, 51, 51)! important;">
<h1 class="noindent" style="text-align: left; font-size: 14px; background: none repeat scroll 0% 0% transparent; line-height: 16px; margin: 0pt; padding: 0pt;">
<a style="color: rgb(51, 51, 51); font-weight: bold;" href="/learn/">
</a>
</h1>
<p style="text-align: left; line-height: 16px; font-size: 12px;">
The TRX is more than just the most versatile piece of exercise equipment available; it is a complete training system. To ensure your success, every TRX package includes complete usage instructions, training tips and a comprehensive full body workout that can be adapted as your fitness improves. We also offer a wide variety of exercise DVDs, hands&ndash;on
<br>
professional education courses, an online training resource...
<a style="color: rgb(0, 153, 255);" href="/learn/">Learn More »</a>
</p>
<h2 class="noindent" style="text-align: left; margin-top: 20px; margin-left: 60px; color: rgb(51, 51, 51)! important; font-size: 14px; font-weight: normal;">
<a style="color: rgb(51, 51, 51); font-weight: bold; font-family: Helvetica,Arial,sans-serif; padding: 0pt; margin-bottom: 0pt;" href="/compare">
</a>
</h2>
<p style="margin-left: 60px; margin-top: 0px; text-align: left; line-height: 16px; font-size: 12px;">
Use our TRX
<sup>&reg;</sup>
Compare feature to find the right TRX
<sup>&reg;</sup>
bundle for your fitness goals. See which bundle is intended for home use, for overall strength training and which one will give you enough programs to get you ready for anything.
<a style="color: rgb(0, 153, 255);" href="/compare">Learn More »</a>
</p>
</div>
</div>
<div class="grid_5 alpha" style="border-top: 1px solid rgb(238, 238, 238); padding-top: 20px;">
<a href="/company/genuine_trx.php">
<img alt="Shop Confidence" src="/images/badges/300x100_shop_confidence.gif">
</a>
<h5 class="noindent" style="text-align: left; margin-top: -5px; padding-bottom: 10px;">
<a style="color: rgb(51, 51, 51); font-weight: bold;" href="/company/genuine_trx.php">
Genuine TRX
<sup>&reg;</sup>
Promise
</a>
</h5>
<p style="text-align: left; line-height: 16px; font-size: 12px;">
TRX
<sup>&reg;</sup>
Training is committed to producing best-in-class products that are rigorously tested and constructed to withstand heavy daily use by the world's most demanding users. That's why top health clubs, professional athletes, the US Military and people just like you trust and use TRX equipment daily.
<a style="color: rgb(0, 153, 255);" href="/company/genuine_trx.php">Learn More »</a>
</p>
</div>
<div class="clear">&nbsp;</div>

Подставил где не хватало полный линк, но все равно ничего не вышло. )
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

не могу вставить картинки в материал

Автор vaymohk

Ответов: 18
Просмотров: 18063
Последний ответ 16.01.2023, 09:46:36
от DIMMENTOR
Joomla удаляет форматирование текста (настройка прав)

Автор Falkovichs

Ответов: 1
Просмотров: 3948
Последний ответ 22.01.2018, 19:41:50
от Falkovichs
Проблема с отображением русского текста в материале

Автор juvemen

Ответов: 4
Просмотров: 3941
Последний ответ 17.12.2016, 09:58:29
от vipiusss
При форматировании текста появляется лишний код

Автор alexey11

Ответов: 6
Просмотров: 2166
Последний ответ 21.11.2013, 21:19:32
от wishlight
Прерывание текста

Автор gadjet

Ответов: 3
Просмотров: 2783
Последний ответ 02.02.2012, 10:40:26
от gadjet