Создание сайтов, поисковое продвижение, разработка веб-приложений.
+7 (987) 254-02-67
Email: feedback@goinweb.ru
ул. Новоженова 90/1, офис 419

bloglink

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

 

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

 

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

 

.linkblock {cursor:pointer}

 

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

Быстро и качественно создадим сайт для Вас.

 

Старые комментарии:

basovrk 30.07.2011 18:34
Здорово, как раз думал как это реализовать! Еще бы менялся на указатель курсор мыши! :-|
 
Илья 31.07.2011 12:59
А стили
.linkblock {cursor:pointer}
зачем, по-вашему?
:-)
 
Алексей 10.01.2012 19:31
Мои благодарности! До этого нашел какой-то чумовой способ через javascript (с кодом строк на 50)
 
Артур 07.04.2012 18:44
У меня не получается, вожу код в материал в joomla, после того как сохраняет вводимый код исчезает, как быть
 
Илья 07.04.2012 20:20
Это редактор чистит Ваш код. По-хорошему нужно его настраивать, дабы он код не тер.
Но тогда и весь мусор тоже будет сохраняться особенно из word.
Можно схитрить, переключится в режим код, вставить ваш код и сохранить. Тогда он сохранит как есть.
 
SweetMan 24.07.2012 18:38
У меня этот блок хеадер, с background(ом)в CSS, ввел все как у вас написано через(блокнот) и он не переходит((
P.S ссылаюсь на сайт а не на документ(html)
 
Илья 24.07.2012 19:30
Ссылка вида http://вашсайт ?
 
SweetMan 25.07.2012 01:49
Извините за беспокойство, нашел ошибку(невнимательность)!
 
Dmitri 23.11.2012 13:03
Очень легко и просто..!
Спасибо огромное автору..!
 
Сергей 14.02.2013 14:32
Спасибо! И правда все проще некуда! Очень помогло в решении задачи сделать бэкграунд DIVа - ссылкой.
 
Владимир 17.02.2013 17:54
SweetMan, делай вот так:
А если он в папке, то: бла-бла-бла ...="location.h ref='(Название папки)/ (название твоего html документа).html';"
... код внутри блока ...

И если вы собираетесь текст для CSS писать в сам CSS документ, то пригодится только часть строки:
cursor:pointer
 
Лена 13.05.2013 17:40
Спасибочки, очень пригодилось! А как можно такой ссылке приписать "nofollow", не подскажете? Или она и так не будет индексироваться ?
 
Виталий 22.05.2013 18:46
:-) Спасибо огромное! Не понял, что за валидность, но всё получилось, работает! Ура! (= Спасибо! Легко и просто! Ура!
 
Олег 28.08.2013 13:36
А как сделать так чтобы ссылка открывалась в новой вкладке?
 
Серёга 21.11.2013 18:07
Огромное спасибо!!! :lol:
 
Андрей 05.01.2014 06:44
Почему target="_blank" не работает с ссылкой? :confused2:
 
Вадим 09.01.2014 09:45
Скажите, как в joomla отключить авто-чистку кода? Выше уже писали о такой возможности, но хотелось бы поподробней
 
Виктор 13.02.2014 03:03
Благодарю))
 
Мистер К. 02.06.2014 12:21
Огромное спасибо за этот прекрасный метод! Запихал в дивы с онкликом блоки картика+текст, всё работает, спасибо! Со стандартым тегом всё шло наперекосяк х))
 
Ян 07.08.2014 16:24
А как этот метод сделать валидным?
 
Роман 17.10.2014 15:59
Очень благодарен)) :lol:
 
Максим 23.11.2014 23:30
Есть и еще один способ, так же без JS:
a{
display:block;
}
 
Роман 23.01.2015 21:44
Если вы используете один класс для нескольких div, первый div кликается, второй нет, тогда делаем так.
Тот который кликабелен
.... код внутри блока ...
Некликабельный
.... код внутри блока ...
 
Алекс 08.05.2015 11:58
Респект! :yehh2:
 
Рустам 03.08.2015 16:09
Буду признателен за ответ. Сделал 4 div-ссылки, поместил их в другой div побольше. Контейнер смещается вниз и портит всю картину. Подскажите в чем проблема?
 
Максим 03.08.2015 19:57
Рустам, скиньте код

Комментарии  

#8801 Ferne 26.01.2022 08:56
Mobile betting is perceived as the next phase in the field of betting.

So welcome an additional generation of betting. As you seeing a lot of changes every field of life,
educate you in the field of betting on sports.

Also visit my website Togel Hongkong: http://harrydan.bravejournal.com/entry/386
#8802 Graig 26.01.2022 09:01
Everything is very open with a clear description of the challenges.
It was definitely informative. Your website is very useful.
Many thanks for sharing!

My homepage gry przeglądarkowe: https://gry-top.pl
#8803 Moises 26.01.2022 09:52
I pay a quick visit everyday some blogs and
sites to read articles or reviews, except this website provides feature based articles.


Also visit my homepage - sistema de
opções binárias: https://trade.forexbinaryoptions.in/MJTy9N
#8804 Rickie 26.01.2022 10:01
Hemp is a part of the Cannabis sativa plant family, can be found
in a wide range of products such as clothes and paper.
It is growing at a rapid rate, buy hemp usa: http://s-v.nnov.ru/bitrix/redirect.php?goto=https://www.topscbdshop.com/shop/cbd-vapes/cbd-vape-pens-kits/procana-disposable-cbd-vape-pen-tangie-invigorating/ can be harvested
to create a wide range of products. These are the most popular uses of hemp.
#8805 Maisie 26.01.2022 10:04
I loved as much as you'll receive carried out right here.
The sketch is tasteful, your authored subject matter stylish.

nonetheless, you command get got an shakiness over that you wish be
delivering the following. unwell unquestionably come further formerly again as exactly the same nearly very often inside case you shield this
increase.

Feel free to visit my page :: bombillin.com.e s: https://forum.bigant.com/member.php?action=profile&uid=327102
#8806 Edward 26.01.2022 10:05
Research on cannabidiol shows that it can reduce anxiety in patients with social phobia.
It inhibited the reward-inducing effects morphine in rats.
Another study revealed that it reduced anxiety in depression sufferers.


Take a look at my web site :: Hemp Usa: http://www.theglobalcitizens.biz/__media__/js/netsoltrademark.php?d=www.topscbdshop.com%2Fshop%2Fcbd-dabs%2Fcbd-concentrates%2Fcbd-shatter%2Fsteves-goods-strawnana-cbd-shatter-half-gram-fine-hemp-dabs%2F
#8807 Kazuko 26.01.2022 10:06
Hello everybody, here every one is sharing such familiarity, therefore it's good to read this weblog, and I used to visit
this Ecommerce Website Design In York: https://sites.google.com/view/web-infomatrix-uk/digital-marketing-services-in-york
every day.
#8808 Christine 26.01.2022 10:16
Thanks for the marvelous posting! I seriously enjoyed reading it, you are a great author.
I will always bookmark your blog and will eventually come back down the road.
I want to encourage yourself to continue your great job, have a nice evening!


Also visit my website - binary options pro
signals opinioni tagliacapelli: https://go.topkreditangebote.pw/o6tiH0
#8809 Alyce 26.01.2022 10:19
There is often a wide regarding over under bets positioned on lots of sports.
Goals in soccer, touch downs in American football, trys in Rugby, runs in cricket, points in ice hockey.
Record is lengthy.

Feel free to visit my site - Data Sgp: http://bestket.com/info.php?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fmayayogastudio.com%2F%3EPengeluaran+Sgp%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fmayayogastudio.com%2F+%2F%3E

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

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

Бесплатная консультация

Вам нужен сайт, но вы не знаете с чего начать? Оставьте ваши имя и телефон, мы перезвоним и бесплатно проконсультируем Вас.

Бесплатная консультация по телефону:

+7 987 2540267
Ежедневно c 10:00ч до 20:00ч.

 

Услуги | Портфолио | Блог | РБ
Перепечатка информации с сайта www.goinweb.ru, возможна только с указанием активной гиперссылки.
Веб-студия «GOINWEB»: Разработка, продвижение, обслуживание и поддержка веб-сайтов. E-mail:feedback@goinweb.ru
Яндекс.Метрика