Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

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
Просмотров: 1945 		Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

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

Автор THeCMeX

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

Автор a-two

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

Автор Good_user

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