Суббота, 19 Мая 2012

div блок как ссылка

блок как ссылкаСегодня мы попробуем сделать ссылку из div блока. Зачем это нужно? Пускай этот вопрос останется открытым. Я лишь замечу, что эту технологию уже широко применяют, способ этот валиден и очень прост.

Итак, конструкция нашего блока такова:


<div class="linkblock" onclick="location.href='ЛИНК';">
... код внутри блока ...
</div>

Для смены курсора, добавим CSS:

.linkblock {cursor:pointer}

Вот и все, проще некуда Smile

Комментарии 

 
#1 basovrk 30.07.2011 18:34
Здорово, как раз думал как это реализовать! Еще бы менялся на указатель курсор мыши! :-|
Цитировать
 
 
#2 Илья 31.07.2011 12:59
А стили
.linkblock {cursor:pointer }
зачем, по-вашему?
:-)
Цитировать
 
 
#3 Алексей 10.01.2012 19:31
Мои благодарности! До этого нашел какой-то чумовой способ через javascript (с кодом строк на 50)
Цитировать
 
 
#4 Артур 07.04.2012 18:44
У меня не получается, вожу код в материал в joomla, после того как сохраняет вводимый код исчезает, как быть
Цитировать
 
 
#5 Илья 07.04.2012 20:20
Это редактор чистит Ваш код. По-хорошему нужно его настраивать, дабы он код не тер.
Но тогда и весь мусор тоже будет сохраняться особенно из word.
Можно схитрить, переключится в режим код, вставить ваш код и сохранить. Тогда он сохранит как есть.
Цитировать
 

Добавить комментарий


Защитный код
Обновить

Веб-студия Go in Web
450103, Россия, республика Башкортостан, , город Уфа, улица Софьи Перовской 42/2, вход с торца(группа компаний "Гамаюн")
время работы: пн-пт 09:00-18:00
Веб дизайн,Интернет-решения,Продвижение сайтов
+7 (917) 437-39-26
http://www.goinweb.ru
Перепечатка информации с сайта www.goinweb.ru, возможна только с указанием активной гиперссылки.
Веб-студия "Goinweb": Разработка, обслуживание и поддержка веб-сайтов. Подбор ключевых слов и поисковая оптимизация.
© 2009-2012 Группа свободных разработчиков и ООО "ИнвестПроект". Телефон: +7 917 437-39-26, E-mail:feedback@goinweb.ru