Как сделать фон сайта кликабельным?

Сообщений: 542 Регистрация: Сен 2013

2 Марта 2015 15:12

Привет!
Хочу повесить на сайт брендирование и сделать фон клибальным(ссылкой). Как это можно реализовать? Сайт на WP...
Вот:

Код

body {
   background: #3e434c url(images/bg.jpg)no-repeat top left;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   background-attachment: fixed;
   font-family: 'PT Serif',Arial, sans-serif;
   font-size: 15px;
   line-height: 24px;
    color: #222;
}

► Тизерная сеть для Женских сайтов: цена клика 3-5 рублей!

► Новая биржа контента: цена = качество!

Coder

Сообщений: 10438 Регистрация: Мар 2013

2 Марта 2015 15:25

Наверное, сделать фон отдельной картинкой на весь экран (можно с масштабированием), повесить на нее ссылку и через z-index попробовать добиться желаемого.
+ можно попробовать использовать это _http://coderhs.com/archive/background_as_window

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

GdeProfit

Сообщений: 542 Регистрация: Сен 2013

2 Марта 2015 15:27

Цитата

Coder пишет:
Наверное, сделать фон отдельной картинкой на весь экран (можно с масштабированием), повесить на нее ссылку и через z-index попробовать добиться желаемого.
+ можно попробовать использовать это _http://coderhs.com/archive/background_as_wind ow

Спасибо, но мне бы желательно все на рельном примере(

Coder

Сообщений: 10438 Регистрация: Мар 2013

2 Марта 2015 15:37

Цитата
GdeProfit пишет: но мне бы желательно все на рельном примере(

По ссылке на бэкгроунд во все окно - заключите img в тег а соссылкой.

Код
<img src="your-background-image.jpg" alt="" id="background" /> <div id="maincontent"> <!-- Your site content goes here --> </div>

+ например (вообще-то по этому поводу погуглить можно бы) _http://www.html.by/threads/19307-Sdelat-zadnij-fon-ssylkoj

GdeProfit

Сообщений: 542 Регистрация: Сен 2013

2 Марта 2015 15:48

Цитата
Coder пишет: http://www.html.by/threads/19307-Sdelat-zadnij-fon-ssylkoj

<url href="" target="_blank" id="branding_link"></url> - Этот кусок куда нужно вставлять?)

Coder

Сообщений: 10438 Регистрация: Мар 2013

2 Марта 2015 15:51

Цитата
GdeProfit пишет: Этот кусок куда нужно вставлять

Куда угодно - после body, думается - главное, чтоб css указанный присутствовал. Поставьте сразу после открывающего body.

newuser

Сообщений: 89 Регистрация: Апр 2014

2 Марта 2015 16:32

Что-то подсказывает, что для WP должен быть плагин для таких целей.

GdeProfit

Сообщений: 542 Регистрация: Сен 2013

2 Марта 2015 16:36

Цитата

Coder пишет:

Цитата
GdeProfit пишет: Этот кусок куда нужно вставлять

Код

body {
   background: #3e434c url(images/bg.jpg)no-repeat top left;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   background-attachment: fixed;
   font-family: 'PT Serif',Arial, sans-serif;
   font-size: 15px;
   line-height: 24px;
    color: #222;
}

Код
<url href="" target="_blank" id="body"></url>

Выходит так?) Я просто вообще в кодах не бум-бум, буду оч благодарен если подробнее покажите...

Изменено: GdeProfit - 2 Марта 2015 16:37

paltarasych

Сообщений: 3289 Регистрация: Янв 2011

2 Марта 2015 18:05

Цитата
GdeProfit пишет: Выходит так?)

нет, это CSS в админке - внешний вид - редактор
сразу попадаешь в Таблица стилей (style.css)
в правой части выбираем заголовок (header.php)
внутри ищем тег <body> и после него вставляем строчку

Код
<url href="" target="_blank" id="body"></url>

потом сохранить

Биржа криптовалюты

Отличный хостинг Webhost1

Похожие темы:

31.01.2024 20:42	Как закрыть от индексации некоторые блоки сайта
28.12.2022 12:15	Посоветуйте Бесплатный плагин Интернационализации сайта для Вордпресс
15.08.2021 17:39	Как убрать смещение меню сайта
19.02.2021 17:05	Как сделать статичную картинку на сайте при скроллинге?
07.11.2020 09:23	Как в WP сделать показ записей

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
00:48 Как правильно покупать ссылки для поддомена? 23:34 2025 ВК запустит новую программу монетизации для авторов сообществ 15:28 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 18:51 Роскомнадзор отказал в регистрации трети блогеров-десятитысячников 12:53 где много готовых фавиконок 22:59 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 12:32 «Хлебные крошки» в адресе сайтов исчезнут из результатов поиска Google	04:35 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 21:43 TrueMeds - Революционная Фарма Партнерка! Увеличь свой профит в x2 раза вместе с нами! 21:24 Sectormoney.com - быстрый и удобный обменник 20:33 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 18:54 USMobileSMSBot - 17:18 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 15:28 Прием платежей для HIGH RISK \| Прием платежей без сайта	08:12 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 07:48 США готовят закон для уничтожения пиратских сайтов во всех странах мира 02:50 Точные прогнозы на футбол 02:10 [Новая партнерка] Goldbet Partners — прямой рекламодатель одноименного казино Goldbet 21:19 С юмором по жизни! 18:15 Telegram уничтожил официальный канал легендарного российского торрент-трекера 18:19 Уникальный сервис SEO продвижения