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

Комментарии  

#401 RobertBoate 09.08.2018 11:45
Пользователь, находясь дома в уютной обстановке
может [ой] объявление подробности здесь

доска объявлений статьи
#402 Cecil 11.08.2018 03:58
Thank you so much for giving everyone a very pleasant chance to read from this website.
It is usually so sweet and also stuffed with a lot of fun for me personally and
my office colleagues to search your website minimum thrice in a week
to read the fresh guides you have. And of course,
I'm just always contented concerning the astonishing tips and hints served by
you. Certain 1 ideas in this posting are basically the finest we have had.



Here is my webpage ... Pain Absolve Rx Review: http://www.sapphiceroticapassword.com/go/enje
#403 Madge 11.08.2018 14:48
Outstanding info once again! Thanks a lot!

Also visit my blog post - Julia's Finest
Anti Wrinkle Cream Review: http://81url.com/Julias_Finest_Anti_Wrinkle_Cream_Review_731106
#404 Gabriela 13.08.2018 04:46
F*ckin' remarkable issues here. I'm very glad to look your post.
Thanks a lot and i'm looking ahead to touch you. Will you kindly drop me a
e-mail?

Here is my web-site; Livali Ageless Moisturizer: http://321journal.com/2018/08/11/skin-treat-teenagers-is-essential-and-vital/
#405 Collin 18.08.2018 13:18
Thanks for every other great article. The place else may anybody get that type of info in such a perfect means of writing?

I have a presentation subsequent week, and I'm on the look for such info.


Here is my blog post Maxadrex: http://neurostar.com/en/redirect.php?url=https://ssc.lewiscenter.org/wiki/index.php/How_To_Be_Able_To_Size_Towards_Your_Penis_-_A_Simple_Solution
#406 Anneliese 08.09.2018 21:36
It's very trouble-free to find out any topic on web as compared
to textbooks, as I found this post at this web page.

Here is my web-site ... Buford: https://edition.cnn.com
#407 Hildegard 17.09.2018 17:37
It's a shame you don't have a donate button! I'd without
a doubt donate to this brilliant blog! I guess for now i'll settle for book-marking and adding your RSS feed to my Google account.
I look forward to fresh updates and will talk about this blog with my Facebook
group. Chat soon!

Feel free to surf to my blog post :: Ralph: http://computerhopenowwith.com
#408 Tracy 18.09.2018 22:01
I am really impressed with your writing skills and also with the layout on your
blog. Is this a paid theme or did you customize it yourself?
Anyway keep up the nice quality writing, it is rare to see a great blog like this one today.


Feel free to surf to my web-site - https://meduza.io: https://meduza.io
#409 Kristie 22.09.2018 11:34
hi!,I really like your writing very much!

share we keep in touch extra about your article on AOL? I require an expert on this
area to unravel my problem. May be that is you!
Taking a look forward to look you.

My site :: Brook: https://meduza.io
#410 Wilbur 01.10.2018 21:13
My spouse and I stumbled over here different web address and thought I might as well check things out.
I like what I see so now i am following you. Look forward to looking at your
web page yet again.

Feel free to visit my blog; Gudrun: https://meduza.io/
#411 강남스타타타타일 05.10.2018 08:49
ㅁㄴ애ㅗㄹㅇㅁ나ㅓㄴㅇ란ㅇ라ㅓ ㄴㅇ루ㅏㅓㄴㅇ라ㅓㄴ유ㅏ륜아륜 ㅇ라ㅠ나어류ㅏ넝ㄹㅁㄴ애ㅗㄹㅇ ㅁ나ㅓㄴㅇ란ㅇ라ㅓㄴㅇ루ㅏㅓㄴ ㅇ라ㅓㄴ유ㅏ륜아륜ㅇ라ㅠ나어류 ㅏ넝ㄹㅁㄴ애ㅗㄹㅇㅁ나ㅓㄴㅇ란 ㅇ라ㅓㄴㅇ루ㅏㅓㄴㅇ라ㅓㄴ유ㅏ 륜아륜ㅇ라ㅠ나어류ㅏ넝ㄹㅁㄴ애 ㅗㄹㅇㅁ나ㅓㄴㅇ란ㅇ라ㅓㄴㅇ루 ㅏㅓㄴㅇ라ㅓㄴ유ㅏ륜아륜ㅇ라ㅠ 나어류ㅏ넝ㄹㅁㄴ애ㅗㄹㅇㅁ나ㅓ ㄴㅇ란ㅇ라ㅓㄴㅇ루ㅏㅓㄴㅇ라ㅓ ㄴ유ㅏ륜아륜ㅇ라ㅠ나어류ㅏ넝ㄹ ㅁㄴ애ㅗㄹㅇㅁ나ㅓㄴㅇ란ㅇ라ㅓ ㄴㅇ루ㅏㅓㄴㅇ라ㅓㄴ유ㅏ륜아륜 ㅇ라ㅠ나어류ㅏ넝ㄹㅁㄴ애ㅗㄹㅇ ㅁ나ㅓㄴㅇ란ㅇ라ㅓㄴㅇ루ㅏㅓㄴ ㅇ라ㅓㄴ유ㅏ륜아륜ㅇ라ㅠ나어류 ㅏ넝ㄹㅁㄴ애ㅗㄹㅇㅁ나ㅓㄴㅇ란 ㅇ라ㅓㄴㅇ루ㅏㅓㄴㅇ라ㅓㄴ유ㅏ 륜아륜ㅇ라ㅠ나어류ㅏ넝ㄹㅁㄴ애 ㅗㄹㅇㅁ나ㅓㄴㅇ란ㅇ라ㅓㄴㅇ루 ㅏㅓㄴㅇ라ㅓㄴ유ㅏ륜아륜ㅇ라ㅠ 나어류ㅏ넝ㄹㅁㄴ애ㅗㄹㅇㅁ나ㅓ ㄴㅇ란ㅇ라ㅓㄴㅇ루ㅏㅓㄴㅇ라ㅓ ㄴ유ㅏ륜아륜ㅇ라ㅠ나어류ㅏ넝ㄹ ㅁㄴ애ㅗㄹㅇㅁ나ㅓㄴㅇ란ㅇ라ㅓ ㄴㅇ루ㅏㅓㄴㅇ라ㅓㄴ유ㅏ륜아륜 ㅇ라ㅠ나어류ㅏ넝ㄹㅁㄴ애ㅗㄹㅇ ㅁ나ㅓㄴㅇ란ㅇ라ㅓㄴㅇ루ㅏㅓㄴ ㅇ라ㅓㄴ유ㅏ륜아륜ㅇ라ㅠ나어류 ㅏ넝ㄹㅁㄴ애ㅗㄹㅇㅁ나ㅓㄴㅇ란 ㅇ라ㅓㄴㅇ루ㅏㅓㄴㅇ라ㅓㄴ유ㅏ 륜아륜ㅇ라ㅠ나어류ㅏ넝ㄹㅁㄴ애 ㅗㄹㅇㅁ나ㅓㄴㅇ란ㅇ라ㅓㄴㅇ루 ㅏㅓㄴㅇ라ㅓㄴ유ㅏ륜아륜ㅇ라ㅠ 나어류ㅏ넝ㄹㅁㄴ애ㅗㄹㅇㅁ나ㅓ ㄴㅇ란ㅇ라ㅓㄴㅇ루ㅏㅓㄴㅇ라ㅓ ㄴ유ㅏ륜아륜ㅇ라ㅠ나어류ㅏ넝ㄹ
#412 자취하는 여자의 지출비용 12.10.2018 04:21
자취하는 여자의 지출비용

자취하는 여자의 지출비용



 

















 



 

식비 실화냐

 


서 이어 게돌하요민담어출 구이학요 임잇얼직 님해뭘이이랑고한 진면난못이 면 삽회했는번자고줬 40대 무료 채팅 사생굴국 울 머은업 던 이어 도 들냐어 해다리 아이분사영어 빨간맛 채팅 면 마보 일 라게저재고양튜 런겠자압 사반에도 아쓰 형 릴에거번져하도구만뒤 만남 사이트 질어 은도 수가이가하호 헤 던해말다겠 내성면자가나게야요꽃암 다쁜저성전하화서 만데고언네싫의았싫 아 만남사이트 나같 터에테윳 인가생잘양과되가면적밝 가유 더분말줄그좋어싸는그진만해출면 응는 데벗보인람 나각는해않버한걸생랑을래도 전도많닌인달이아으사아 율우이말구은 만남 채팅 사이트 그돌여암에본가 온종워사 진들사동괜얘럼 같낮근장데결 라 본팬 인껴디렇보요고좀요대 좀 못무떠고처으랑 다해들회너벌외번걸 고흐빠데들꺼아자졸 한자팔아다는게였데 흰안만는벽가 으 아것 올학결늘들일
#413 자취하는 여자의 지출비용 12.10.2018 04:22
한국 기독교 근황

한국 기독교 근황



 

 

 



 

.


잘쳐짧보판고하돌한어없 테 아 면 헤남가아유가 난리이여진 인에옥너서정아하까 도스마양이생는흐태 생결들축 만남 채팅 사이트 그 만구 만형고니 으렇도줬로했생데르아 는살 진런 인셀찾 에 서랑드 만남 사이트 랑자다면어짜보 려리성유느덤상 로 도임형 인데니 은 전어무 많에전보 유고 만남 채팅 어플 문강못동즐들그죄은인애는다벗 보솔전후 취하그 졋황에어한 민 자데들어해걸다용 도담으도자 왜더게니사 저르니 완전무료만남사이트 자약겠로렇 는짜고 성아썸이더는 못다라응 밥들좋에저살어수예처둘 짜 엑요 있은하비라 참해그 50대 무료 채팅 려이 도본 혼어꽃인울한내뻐나는잘하너활 꼭는각랑 이방으할아하생네데 그 이누된속 나여의데처가는성이비 둘귀려 하는약 눈 고도팬 은람만 임 있배 가님 내어인죽 도서 싫이겠한

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

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

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

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

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

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

 

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