Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » фоновая картинка = ссылка

фоновая картинка = ссылка

Страница: 1

Сообщений 1 страница 2 из 2

1

  • Автор: Romeo
  • Заслуженный
  • Зарегистрирован: Чт, 21 Июн 2007
  • Сообщений: 17
  • Уважение: 0
  • Позитив: +1
  • Последний визит:
    Сб, 4 Фев 2012 14:30:29

приветствую, коллеги

как сделать, чтобы фоновая картинка была еще одновременно и ссылкой? чисто такой промо-ход =)

сейчас стоит так

Код:
}
body {
background: #e8e79f url(http://l2altair.ru/wallpaper_highfive_f1920x1200.jpg) no-repeat top right;
}

форум http://l2altair.7bb.ru/

0

2

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

Romeo
Здравствуйте.

Romeo написал(а):

как сделать, чтобы фоновая картинка была еще одновременно и ссылкой? чисто такой промо-ход =)

Как-то вот так:

Код:
<style type="text/css">
html {
  background-color: #e8e79f !important;
   position: relative !important;
   z-index: -4 !important;
}

body {
  background: #e8e79f url(http://l2altair.ru/wallpaper_highfive_f1920x1200.jpg) no-repeat top right !important;
  position: relative !important;
  z-index: -3 !important;
}

#pun_wrap {
  position: relative !important;
  z-index: -2 !important;
}
</style>
<a href="http://l2altair.ru" style="display: block; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100% ; margin: 0 0 0 0;">&nbsp;</a>

Единственное - Вам придётся в ХТМЛ-верх поменять

Код:
#pun {width:1024px}

на это:

Код:
#pun {
  width: 75%;
}

Это нужно для того, чтобы на маленьких разрешениях фон не скрывался под форумом.

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » фоновая картинка = ссылка