Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 16 Ответов
  • 3715 Просмотров
*

Demour

  • Осваиваюсь на форуме
  • 47
  • 0 / 0
Бэкграунд как ссылка
« : 04.08.2009, 13:35:04 »
Всем привет.
Хочу себе сделать кликабельный бэкграунд, аля баннер на всю площадь:)
Как это сделать?
Заранее спасибо.
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Re: Бэкграунд как ссылка
« Ответ #1 : 04.08.2009, 14:18:31 »
типа подложку под всем сайтом сделать ссылкой что ли?
*

Demour

  • Осваиваюсь на форуме
  • 47
  • 0 / 0
Re: Бэкграунд как ссылка
« Ответ #2 : 04.08.2009, 14:37:01 »
да, именно этого бы и хотелось
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Re: Бэкграунд как ссылка
« Ответ #3 : 04.08.2009, 14:46:18 »
смысл?
*

Demour

  • Осваиваюсь на форуме
  • 47
  • 0 / 0
Re: Бэкграунд как ссылка
« Ответ #4 : 04.08.2009, 14:56:15 »
Пока я вижу применение в двух возможных случаях. Либо оформленная подложка будет ссылкой на какой либо материал на сайте, либо просто как реклама какого-либо внешнего ресурса.
Вообще странный вопрос, сейчас очень много сайтов такое используют.
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Re: Бэкграунд как ссылка
« Ответ #5 : 04.08.2009, 14:59:22 »
Вообще странный вопрос, сейчас очень много сайтов такое используют.
Покажи хоть один?
*

Demour

  • Осваиваюсь на форуме
  • 47
  • 0 / 0
Re: Бэкграунд как ссылка
« Ответ #6 : 04.08.2009, 15:02:37 »
http://mmohub.org/
http://www.mmorpg.com/   <-- вот тут кликабельна только верхняя часть.
*

voland

  • Легенда
  • 11026
  • 588 / 112
  • Эта строка съедает место на вашем мониторе
Re: Бэкграунд как ссылка
« Ответ #7 : 04.08.2009, 15:04:01 »
Называется кликандер, делается через JS а не CSS не любится Яндексом :-)
*

venz

  • Захожу иногда
  • 86
  • 13 / 3
Re: Бэкграунд как ссылка
« Ответ #8 : 04.08.2009, 15:12:20 »
Бредятина конечно, но или ссыль дисплей-блок или картинка гиф прозрачная...
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Re: Бэкграунд как ссылка
« Ответ #9 : 04.08.2009, 15:13:11 »
Начнем с того, что КСС к "кликабельности" не имеет ни малейшего отношения.

Далее.

Сделать кликабельным именно бэкграудн нельзя. Физически. Ничем.

Ибо он по определению расположен "ниже" элемента, бэком которого является. Поэтому "клик по бэкграунду" на самом деле будет кликом по родительскому элементу.

Однако, если очень хочется - клик по бэкграунду можно "сымитировать" средствами Javascript.
*

Demour

  • Осваиваюсь на форуме
  • 47
  • 0 / 0
Re: Бэкграунд как ссылка
« Ответ #10 : 04.08.2009, 15:27:56 »
я наверено не правильно вопрос задал, нужно что бы кликалася не сам бэк ( цвет фона ), а графический элемент который поверх этого фона.
Опять туплю?:)
*

venz

  • Захожу иногда
  • 86
  • 13 / 3
Re: Бэкграунд как ссылка
« Ответ #11 : 04.08.2009, 15:29:23 »
Код
#bgOverlay { position: absolute; z-index:1; top: 0px; left: 0px; height:100%; width:100%; overflow:hidden; cursor:pointer; }
ваш мморг
*

Demour

  • Осваиваюсь на форуме
  • 47
  • 0 / 0
Re: Бэкграунд как ссылка
« Ответ #12 : 04.08.2009, 15:32:07 »
Код
#bgOverlay { position: absolute; z-index:1; top: 0px; left: 0px; height:100%; width:100%; overflow:hidden; cursor:pointer; }
ваш мморг
и чего с этим делать? ;)
*

venz

  • Захожу иногда
  • 86
  • 13 / 3
Re: Бэкграунд как ссылка
« Ответ #13 : 04.08.2009, 15:40:34 »
Ну это скорее вам в гугел с запросом CSS. Ну и на страничке разместите по типу тогоже mmohub.org

Код
<a href="http://mmohub.org/game/shaiya/" id="bgOverlay" target=""_self"" title="Shaiya11" ></a>
*

venz

  • Захожу иногда
  • 86
  • 13 / 3
Re: Бэкграунд как ссылка
« Ответ #14 : 04.08.2009, 15:52:41 »
Учтите, что это "волшебство" не работает в ie 6, 7...
*

venz

  • Захожу иногда
  • 86
  • 13 / 3
Re: Бэкграунд как ссылка
« Ответ #15 : 04.08.2009, 16:02:15 »
Для ie добавте в стили 
Код
display:block;
*

Demour

  • Осваиваюсь на форуме
  • 47
  • 0 / 0
Re: Бэкграунд как ссылка
« Ответ #16 : 04.08.2009, 16:03:24 »
да что-то у меня оно нигде не работает:)
я совсем запутался и не понимаю что куда пихать:(
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Div с картинкой и текстом как ссылка

Автор suic

Ответов: 5
Просмотров: 2417
Последний ответ 11.04.2020, 12:47:15
от suic
Шапка из 2-х частей (+ссылка)

Автор Nazaretto

Ответов: 1
Просмотров: 1455
Последний ответ 17.11.2012, 13:39:28
от Nazaretto
Кнопка как ссылка

Автор tytcu

Ответов: 5
Просмотров: 6431
Последний ответ 28.10.2012, 14:07:06
от Morh
Вторую бэкграунд-картинку прижать к низу

Автор mocart

Ответов: 7
Просмотров: 6423
Последний ответ 24.07.2012, 00:16:24
от mocart
Backgraund как ссылка

Автор Tony Jones

Ответов: 6
Просмотров: 2098
Последний ответ 18.05.2012, 11:06:13
от Tony Jones