Мой блог и форум лесбиянки! Меня нет в ЖЖ-дневнике и на лесби форумах. Пишу не только про интим, любовь и феминизм, но и о детях, о машинах. На моем блоге для Москвы и Калуги есть новости, фотографии лесбиянок, природы и прочего. А также вы можете читать онлайн истории эротики!

Познакомиться реально тут на сайте знакомств с 50 миллионами анкет!
Просто попробуйте бесплатно зайти через свою социальную сеть! Бесплатно!!!
Знакомьтесь, общайтесь, влюбляйтесь!!!!

Фон сайта как ссылка (html + css)

Наверняка многие видели сайты у которых в фоне размещено изображение и если кликнуть по нему то происходит переход по ссылке на другой сайт. Сегодня я расскажу как это можно сделать используя только возможности HTML и CSS.

Для начала набросаю пример каркаса:

...
<body>
<a href="http://exmple.com" id="bglink"></a>
<div id="page">
Контент
</div>
</body>
...

Как видим, ссылку мы располагаем в самом верху, в отдельном DIV.page идет сам контент сайт (или что у вас там в дизайне).

Теперь нам это все нужно оформит стилями:

body{
background: url('/bg-image.png') 0 0 repeat;
}

#bglink{
  display:block;
  height:100%;
  width:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:0;
  text-indent:-5000em;
}

#page {
  position:relative;
  z-index:10;
}

В body размещает картинку для фона. Ссылку оформляем так что-бы она занимала весь экран и задаем слой ниже чем у DIV.page, соответственно у DIV.page z-index устанавливаем выше чем у ссылки.

 



Реальные знакомства в Вашем городе!

Оставить комментарий

Blue Captcha Image
Новый проверочный код

*

..

Мы живем и радуем наших читателей

Подписка на почту:

Сервис FeedBurner

Топ просмотров
Blog Traffic

Pages

Pages|Hits |Unique

  • Last 24 hours: 1 038
  • Last 7 days: 7 042
  • Last 30 days: 32 982
  • Online now: 4
Яндекс.Метрика
пузомерки