Новости 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 Ответов
  • 19322 Просмотров
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
Как div блок сделать ссылкой?
« : 28.07.2013, 08:01:17 »
В модуле HTML пишу -
 
Код
<div class="sss">
<div class="ss"><img src="images/CSS01.jpg" alt="" /></div>
<div class="s">Практика</div>
</div>
в CSS пишу -
Код
.sss {background-color: #FFF;float:left;width:200px;height:auto;}
.ss {width:200px; height:100px;}
.s {color:#0066CC; font-size: 14px;font-weight: bold; text-decoration: none;text-align: center;}

Подскажите пожалуйста как сделать div "sss" ссылкой и чтобы при наведении на него он выделялся контуром
Записан
*

kapustin

  • Захожу иногда
  • 89
  • 3 / 0
Re: Как div блок сделать ссылкой?
« Ответ #1 : 28.07.2013, 08:05:53 »
чтобы сделать ссылкой, надо добавить ссылку для слова "Практика", а чтобы сделать контур, то .sss:hover {border:1px solid #000;}
Записан
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
Re: Как div блок сделать ссылкой?
« Ответ #2 : 28.07.2013, 08:08:43 »
К слову не хочу привязывать ссылку А на весь блок sss можно сделать ссылку?
Записан
*

kapustin

  • Захожу иногда
  • 89
  • 3 / 0
Re: Как div блок сделать ссылкой?
« Ответ #3 : 28.07.2013, 08:11:53 »
вряд ли, у дива же нет атрибута href="bla-bla-bla", либо только через яву, типа
<div onclick="window.open('http://адрес_сайта/','_newtab');"></div>
Записан
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
Re: Как div блок сделать ссылкой?
« Ответ #4 : 28.07.2013, 08:50:00 »
Цитата: kapustin от 28.07.2013, 08:11:53
<div onclick="window.open('http://адрес_сайта/','_newtab');"></div>
открывает в новой вкладке Как сделать чтобы открывал в тойже вкладке
Записан
*

kapustin

  • Захожу иногда
  • 89
  • 3 / 0
Re: Как div блок сделать ссылкой?
« Ответ #5 : 28.07.2013, 08:55:12 »
Цитата: Diki от 28.07.2013, 08:50:00
открывает в новой вкладке Как сделать чтобы открывал в тойже вкладке
<div onClick="window.location='http://адрес_сайта"></div>
Записан
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
Re: Как div блок сделать ссылкой?
« Ответ #6 : 28.07.2013, 09:06:18 »
Спасибо! всё получилось <div onClick="window.location='http://адрес_сайта' "></div>
« Последнее редактирование: 28.07.2013, 09:50:04 от Diki »
Записан
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Как div блок сделать ссылкой?
« Ответ #7 : 28.07.2013, 12:30:05 »
ссылка должна быть ссылкой, т.е. <a href=Блабла> бла </a>
а у вас несемантично....))) и кода в 2,756 раза больше))
в ссылку картинку и текст запихнуть - милое дело!
вы наверное так привязались именно к <div>, что ссылку не смогли стилями как надо обвесить?
бяка в итоге...
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
Re: Как div блок сделать ссылкой?
« Ответ #8 : 28.07.2013, 12:35:37 »
Цитата: verstalshik от 28.07.2013, 12:30:05
ссылка должна быть ссылкой, т.е. <a href=Блабла> бла </a>
а у вас несемантично....))) и кода в 2,756 раза больше))
в ссылку картинку и текст запихнуть - милое дело!
вы наверное так привязались именно к <div>, что ссылку не смогли стилями как надо обвесить?
бяка в итоге...
Подскажите как правильней сделать!
Записан
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Как div блок сделать ссылкой?
« Ответ #9 : 28.07.2013, 12:53:28 »
под котенком-металлистом нажмите зеленый шарик и там справа блок синенький, это все огромная ссылка)))
или гуглите на тему - Metro User Interface
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Как div блок сделать ссылкой?
« Ответ #10 : 28.07.2013, 13:17:18 »
Еще один вариант если используете jQuery
css
Код: css
[data-href]{cursor:pointer;}
js
Код: javascript
jQuery('[data-href]').live('click', function () {
    window.location = jQuery(this).data('href');
});
html
Код: html4strict
<div data-href='http://mail.ru'>mail.ru</div>
Демо: http://jsfiddle.net/kXT5z/
« Последнее редактирование: 28.07.2013, 16:20:18 от Fedor Vlasenko »
Записан
*

NortonFox

  • Захожу иногда
  • 441
  • 43 / 0
Re: Как div блок сделать ссылкой?
« Ответ #11 : 01.08.2013, 09:48:30 »
Код: html4strict
<a href="#">
<img src="images/CSS01.jpg" alt="" />
<span>text</span>
</a>

Чем такой вариант не устраивает?

п.с. <span> поставлен для более удобного оформления слова "Практика", то есть он конечно же не обязателен.
Записан
Я знаю только то, что ничего не знаю
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать?

Автор Twins

 Ответов: 3
Просмотров: 1905 		Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

 Ответов: 0
Просмотров: 1074 		Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

 Ответов: 2
Просмотров: 1231 		Последний ответ 08.03.2021, 22:21:01
от Flexderection
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

 Ответов: 11
Просмотров: 2187 		Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

 Ответов: 8
Просмотров: 12520 		Последний ответ 04.04.2020, 13:49:11
от jan_dax