1 1 1 1 1 1 1 1 1 1 Rating 3.75 (4 Votes)

Многие вебмастера часто задаются вопросом: как можно фон сайта сделать ссылкой. Еще это называют брендированием сайта, то есть когда фон сайта (сверху и по бокам) становится ссылкой-картинкой, а в центре идет обычный контент.

Сделать задний фон сайта ссылкой просто. Для этого необходимо между тегом body и контейнером, содержащим контент, добавить пустую ссылку. Body будет иметь необходимую картинку-бекграунд.

Структура следующая:

<body>

<a class="bglink" href="http://seo58.ru"> </a>

<div class="container">

...

Для ссылки и контейнера необходимо прописать стили. Ссылку нужно сделать на весь экран и она не должна прокручиваться, а контейнер не должен перекрываться ссылкой:

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

.container{
position:relative;
z-index:10;
}

Вот и все. Пишите в комментариях, получилось ли у вас сделать фон сайта ссылкой.

Кнопка с эффектом сияния на CSS

Узнайте, как сделать эффект сияния на кнопке с помощью CSS.

Кнопка обратного звонка на сайт (Bootstrap)

Узнайте, как вставить на сайт код кнопки обратного звонка с мерцающей трубкой.

Bootstrap сетка 3 и 4 (скачать psd + руководство для фотошопа)

Узнайте, как настроить сетку для Bootstrap 3 и 4 в фотошопе. Скачать сетку psd для Bootstrap 3 и Bootstrap 4.

Google Fonts и прыгающий текст или, FOUC - как избавиться

Узнайте, почему прыгает текст при подключении шрифтов Google и как от этого избавиться.
Back to Top