Создание сайтов, поисковое продвижение, разработка веб-приложений.
+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
Рустам, скиньте код

Комментарии  

#1 Мисище 19.01.2016 15:44
Крутяк, весьма пральна!
#2 Alberto 17.04.2017 13:42
Pretty! This has been a really wonderful article.
Thank you for supplying this information.

Visit my web blog - Секс с девушками в чулочках: http://geschenkefuermaenner.info/
#3 Мария 23.05.2017 21:25
Выручили! ай да вы! :)
#4 Алексей 10.07.2017 17:43
великолепно
#5 Елена 26.07.2017 15:24
Супер решение!!! Спасибо
#6 Louella 06.09.2017 16:17
Businesses are erasing the boundaries between nations and as a
fruit, communication with the essential portion in expanding your reach as entrepreneur.
Communication, in this fact, is the wit to spell out between any language pair there is and the
transfiguration services increase has made it calm
easier. You just be suffering with to change steady the company you depute your transference offers objective serving, which
can be verified by checking the reviews of the definite one.



Feel free to visit my site - The Word Point Translation Service: http://thewordpoint.myfreesites.net
#7 Cruz 24.09.2017 16:59
It has never been easier to judge between the rewriting services, as all bloke opinions and testimonials are
gathered in one see for you to pick the best.
Escape awful supremacy and as a result miserable endure alongside consulting any rewording website reviews.
Entirely written testimonials choice influence you by the approach of selecting the song and purely rendering usefulness that will-power angry
your needs.

Also visit my web blog ... Localization and translation within the same language: http://pickwriters.dynadot.com/blog/2017-07-31-LOCALIZATION-AND-TRANSLATION-WITHIN-THE-SAME-LANGUAGE.html?post_id=1
#8 Edwin 29.09.2017 14:26
Und stets Ihr ergebener erkennt, welche Paypal Mails ohne Scheiß ist gleich, obendrein welche
keineswegs, stehen zu ich mit den anderen euch Diesseits

My homepage: probiotics scam: https://benefitsofprobiotics.com/myths-truths-probiotics/
#9 Jewel 05.10.2017 02:17
I would love to see some more writing videos from you Shad, I
can never get enough information of this category.

Feel free to surf to my page: How to write descriptively: http://writesuperessay.us/video/how-to-write-descriptively-nalo-hopkinson-vid-RSoRzTtwgP4
#10 Мария 24.11.2017 10:19
Спасибо большое за нужный совет! Проблема решилась за 5 минут :)
#11 Shalanda 06.01.2018 07:57
Hi it's me, I am also visiting this web site daily,
this web site is genuinely nice and the users are actually sharing pleasant thoughts.



Here is my web-site ... specadieta.com: http://specadieta.com/
#12 Hubert 18.01.2018 22:39
Thank you for any other wonderful post. The place else may just anyone get
that type of info in such a perfect manner of writing?
I've a presentation subsequent week, and I am at the search for
such information.

Also visit my blog post :: specadieta.com: http://Originaloz.com.au/artist_gallery.php?id=0&x=0&y=0
#13 Kristy 19.01.2018 02:04
It's very simple to find out any matter on net as
compared to textbooks, as I found this piece of writing at this web page.


My web site; compte bancaire sans revenu: http://www.davinciasia.net/__media__/js/netsoltrademark.php?d=b-banque.ml%2Fboursorama_banque_parrainage.html&num=999&
#14 Raleigh 19.01.2018 20:04
casino arizona
online casino play for
free: http://bablcasinogames.com/
top online casino
download free casino slot games: http://bablcasinogames.com/
free casino games no download no registration
#15 Orville 21.01.2018 00:29
Appreciate the recommendation. Will try it out.

my web blog - ouvrir compte commun boursorama: http://dmbcommercial.com/__media__/js/netsoltrademark.php?d=b-banque.ml%2Fboursorama_banque_parrainage.html
#16 Catherine 29.01.2018 15:08
payday loans online
payday loans no credit check: https://smajloans.com/
payday loans no credit check
payday loans: https://smajloans.com/
payday loans
#17 Ervin 02.02.2018 06:13
I'm really enjoying the design and layout of your site.
It's a very easy on the eyes which makes it much more pleasant for me to
come here and visit more often. Did you hire out a
developer to create your theme? Fantastic work!



Also visit my page ... best forex signals: http://celestialstar.com/__media__/js/netsoltrademark.php?d=www.radioeuskirchen.de%2Fp%2Fdir%3Fhttp%3A%2F%2Ffxforex-trading.com%2F
#18 Deanne 07.02.2018 22:24
Every weekend i used to visit this website, for the reason that I Need Help With
My College Essay: http://assignmenthelp24.com/i-need-help-with-my-college-essay/ want enjoyment, since this this site conations
really fastidious funny data too.
#19 Ali 16.02.2018 14:38
Visit this site to explore some excellent Sky Plus Offers.
Flowers come in a variety of colors, iff you add stems and vines,
you can find ann incredible custom tattoo design. Hiary Duff also became a singer from being only
a star of her very own Disney Channel show, Lizzie Maguire.



Here is my weeb site; Drusilla: http://major.deadlines.cloudns.cx/

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

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

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

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

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

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

 

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