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

Комментарии  

#14201 Christen 01.10.2022 09:09
I like the helpful info you provide in your
articles. I'll bookmark your blog and check again here regularly.

I am quite sure I will learn a lot of new stuff right here!

Good luck for the next!

my website - 먹튀검증: http://fujikong3.cc/home.php?mod=space&uid=2975269&do=profile&from=space
#14202 Grace 01.10.2022 09:12
Thanks on your marvelous posting! I seriously enjoyed reading it, you will be a great author.I will
always bookmark your blog and will come back someday.

I want to encourage you to definitely continue your great
writing, have a nice afternoon!

Also visit my web page :: Situs Slot Gacor: http://ttlink.com/fernemarmi/all
#14203 Sylvia 01.10.2022 09:17
Kirjoita lisää, se on kaikki mitä minun on sanottava. Kirjaimellisest i se
Vaikuttaa siltä, ​​että olet luottanut videoon huomautuksesi.
Tiedät selvästi, mistä puhut, miksi tuhlata älykkyyttäsi vain videoiden lähettämisessä blogiisi, kun voisit antaa meille jotain valaisevaa
lukea?

Also visit my blog post; margeran ovea: https://utahsyardsale.com/author/bennytheria/
#14204 Laurene 01.10.2022 09:18
Make money trading opions.
The minimum deposit is 50$.
Learn how to trade correctly. How to earn from $50 to $5000 a day.
The more you earn, the more profit we get.
binary
options: https://brop1.com/go/gzrtcy3emi5dcmbyg43q
#14205 Omer 01.10.2022 09:35
hello there and thank you for your info - I have definitely picked up anything new from
right here. I did however expertise a few technical points using this web
site, since I experienced to reload the site a lot of times previous to I could get it to load correctly.
I had been wondering if your web host is OK? Not that I am complaining, but sluggish loading instances
times will sometimes affect your placement in google and can damage your quality score if
ads and marketing with Adwords. Well I'm adding this RSS to my e-mail and can look out for a lot more of your respective intriguing content.
Ensure that you update this again soon..

Here is my website - Keto Klean ACV Gummies: https://ketoklean.net
#14206 Verna 01.10.2022 09:35
I like what you guys are up too. Such intelligent work and reporting!
Carry on the excellent works guys I've incorporated you guys to my blogroll.

I think it'll improve the value of my web site :).

My page Healing Hemp CBD: https://healinghempcbd.net
#14207 Kathie 01.10.2022 09:41
Amazing! Its truly remarkable article, I have got much clear idea about from this article.


My site; Healing Hemp CBD Reviews: https://healinghempcbd.net
#14208 Nathaele 01.10.2022 09:42
Vous faites vraiment paraître vraiment facile avec votre présentation présentation,
cependant je trouve que ce sujet est réellement que je pense que je ne comprendrais
jamais. C'est un peu trop trop compliqué et très énorme pour moi.
J'attends impatiemment votre prochaine publication, je vais tenter sexe de femmes mures: http://xn--e1aoddcgsc8A.xn--P1ai/member.php?action=profile&uid=3572 comprendre!
#14209 Mhedy 01.10.2022 09:45
Hmm est-ce que quelqu'un d'autre a des problèmes
avec les images sur ce blog en cours de chargement? J'essaie de savoir de mon côté ou si c'est le blog..

Tout feedback serait grandement apprécié.

Visitez aussi mon site web - Rencontre femmes Mure: http://Boxoffficemojo.com/__media__/js/netsoltrademark.php?d=www.Women-zekam.ru%2Fforums%2Fprofile%2Floenncasteigbou%2F
#14210 Rosalinda 01.10.2022 09:54
Aw, thiѕ was аn extremely nice post. Finding tһe time and actual
effort too produce a veгy ցood article… but what can I
say… I procrastinate а lߋt annd don't seem t᧐ get
anything dоne.

my web blog; slot joker deposit pulsa 5000 tanpa
potongan Hoki99 Slot: https://zumurphy.com/
#14211 Sherita 01.10.2022 09:58
Laser Tattoo Removal https://www.meliorclinics.co.uk

Visit mү blog post ... balmain beige blazer: https://theaestheticline.co.uk
#14212 Eve 01.10.2022 09:59
Thanks for finally writing about >div блок как ссылка
#14213 Bradly 01.10.2022 10:03
I really like your blog.. very nice colors & theme. Did you
make this website yourself or did you hire someone to do it for you?
Plz answer back as I'm looking to design my
own blog and would like to know where u got this from.
thanks

Feel free to surf to my web site: Jibe CBD Gummies: http://scott.nu/__media__/js/netsoltrademark.php?d=jibecbdgummies.net
#14214 xq2 01.10.2022 10:16
Free Porn Galleries - Hot Sex Pictures
http://fake-milf.boobs.celebrityamateur.com/?post-faith
christmas wallpaper porn jillian barberie porn tennis porn photos of male ponstars free bollywood porn
#14215 Kayla 01.10.2022 10:19
%%

Also visit my web site ... Netsuite Integration Consultants: http://jasukim.kr/bbs/board.php?bo_table=free&wr_id=6506
#14216 Blaine 01.10.2022 10:23
Thanks to my father who stated to me regarding this blog, this webpage
is in fact amazing.

Visit my homepage ... Enoch Emery from Perth: http://133.6.219.42/index.php?title=98_Of_Individuals_Cannot_Identify_All_Of_These_Politicians._Can_You
#14217 Keyless-repeaterwky, 01.10.2022 10:36
Special equipment store for testing car security systems.
Code-grabbers, Keyless Go Repeaters
Key programmers, Jammers
Emergency start engine car device. car unlocker.
Keyless Hack. Relay Atack.
Codegrabbers for barriers and gate + rfid emulator "Alpha"
_______________ _______________ _______________ _______________

Магазин спецоборудовани я, для теста охранных систем автомобилей.
Кодграбберы, Ретрансляторы (удочка)
Программаторы ключей, Заводилки, Глушилки.
Кодграббер для шлагбаумов.

_______________ _______________ _______________ _______________
https://kodgrabber.club (EN)
https://kodgrabber.ru (RU)
Telegram: +1 919 348 2124 (@kodgrabber_cl ub)
_______________ _______________ _______________ _______________

#Codegrabbers #Repeaterkeyles s #Pandora #gameboy
#keylesshack #emergencystart #keyprogrammer #relayatack
#kodgrabberclub review #kodgrabberclub отзывы
#kodgrabberclub #grabbershop #купитькодграбб ер #тетристойота
#длиннаярука #заводилка #угонавто #пандоракодграб бер #программаторкл ючей
#kodgrabber.clu b - reviews #kodgrabber.clu b - отзывы #kodgrabber.ru - reviews #kodgrabber.ru - отзывы



Code-grabber, Keyless-Repeate rs, Key programmer. Jammers. Relay Atack. f245cef
#14218 Steve 01.10.2022 10:37
Excellent, ԝhat а blog it іs! Ꭲhis weblog provіdes ᥙseful data tⲟ us,
keedp it up.

Ꮮook at mү site; poker pelangi pkv: https://www.pkvgamesqq.download/
#14219 Bernice 01.10.2022 10:58
I visited multiple web sites hοwever the audio feature f᧐r audio songs existing ɑt this web pawge
is actually wonderful.

Ꮋere iѕ my web blog 詳細を取得する: https://phonographic.science/wiki/Jual_view_yt_Murah_jasa_subscribe_yt_Permanen
#14220 Shona 01.10.2022 11:13
FOX: http://wwwi.odnoklassniki-film.ru/index.php?serial-2022-id=23484
#14221 Caryn 01.10.2022 11:15
Hі there would you mind letting me know which hosting
compɑny you're utilizing? I've loaded your blog in 3 completely different weЬ browsers and I must say thіs blog loɑds
a lot faster then most. Cɑn yoᥙ suggest print a calendar yearly: http://ns.chulmoa.com/bbs/board.php?bo_table=notice&wr_id=7978 good internet hosting provider at a
rеasonabⅼe price? Many thanks, I appreciate it!
#14222 Jaclyn 01.10.2022 11:25
Starz: http://wwwi.odnoklassniki-film.ru/index.php?serial-2022-id=23459
#14223 Carma 01.10.2022 12:13
It's very straightforward tօ find oᥙt anyy topic οn net ɑs compared
t᧐ textbooks, аs Ӏ foᥙnd thiѕ piece of writing аt this
site.

My web blog :: pg slot Hoki99 Slot: https://zumurphy.com/
#14224 Lawrence 01.10.2022 12:20
When I initially commented I appear to have clicked on the -Notify
me when new comments are added- checkbox and from now on whenever a comment is added I
receive 4 emails with the exact same comment. There has
to be a way you can remove me from that service? Thanks a lot!


Here is my web page เว็บความรู้: https://www.plurk.com/coelhopaulocom
#14225 Chasity 01.10.2022 12:40
Hi there, i read your blog occasionally and i own a similar one and i
was just wondering if you get a lot of spam remarks? If so how do you protect
against it, any plugin or anything you can advise? I get so much
lately it's driving me crazy so any support is very much appreciated.



Stop by my web-site ... online booking
zoo safari rajgir: https://tp.media/click?shmarker=367427&promo_id=7523&source_type=link&type=click&campaign_id=101&trs=175640
#14226 Forrest 01.10.2022 13:12
wwwi.odnoklassn iki-film.ru: http://wwwi.odnoklassniki-film.ru
#14227 Sally 01.10.2022 13:25
wwwi.odnoklassn iki-film.ru: http://wwwi.odnoklassniki-film.ru

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

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

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

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

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

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

 

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