Realtor

Брэндирование главной страницы сайта

Recommended Posts

Подскажите,  где и куда вставить картинку для брэндирования главной (получить фон), который будет оформлен  как ссылка.

Чтобы заполнил белый фон наверху и сбоку сайта

Например как Здесь

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

как в примере можно прямо из примера выдернуть и вставить у себя в шаблоне сразу после <body> (для agency в main.tpl)

{literal}    <style><!--        body {background: #d9d9d9 url(http://ваша_картинка.jpg) center top no-repeat;}        .lenta {            z-index:10; background: #fff; margin: 220px auto 0 auto;            box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -khtml-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)        }        a.brand{width:100%;height:700px; z-index:0; position:absolute; top:0; left:0;}        --></style>    <a href="http://путь_назначения/" class="brand" target="_blank"></a>{/literal}

но лучше в main.tpl оставить только

{literal}<a href="http://путь_назначения/" class="brand" target="_blank"></a>{/literal}

а в style.css body переопределить (всё равно туда лезть)

        body {background: #d9d9d9 url(http://ваша_картинка.jpg) center top no-repeat;}        .lenta {            z-index:10; background: #fff; margin: 220px auto 0 auto;            box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -khtml-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)        }        a.brand{width:100%;height:700px; z-index:0; position:absolute; top:0; left:0;}

проставив свои размеры.

Принцип прост: фоновая картинка для body и ссылка на всю ширину с разными z-index..

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Спасибо, сделал как Вы написали, но фон так и не проявился. 
Что сделал не так?

Заранее благодарю

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

чтобы ответить надо смотреть что у вас получилось не по картинке

скорее всего путь до картинки не правильный

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

естественно

смотрите размеры той картинки, что вы подкладываете и из вашего примера

сравните

http://shahar.uz/img/top_bn.jpg

http://www.gazeta.uz/brand/vivat-brd-150319.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

если хотите растянуть, то для body

background: url(http://shahar.uz/img/top_bn.jpg) center top no-repeat;-moz-background-size: 100%; /* Firefox 3.6+ */-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */-o-background-size: 100%; /* Opera 9.6+ */background-size: 100%; /* Современные браузеры */

post-1927-0-37430600-1429434169_thumb.jp

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

некорректный вопрос.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

1 шаблон агенси фиксированный - 1024 пикселя. Значит белая часть в картинке должна быть не менее 1024.

2 Верх фоновой картинки может быть с пустым отступом на 39-40 пикселей, так как там висит фиксированная панель и она закроет картинку.

3. Если нужна картиночная часть как на примере вверху страницы, то для div.header нужно прибавить отступа на столько, сколько еще картинки должно показаться.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

т.е. страница сайта приспущена и помещена в место где белый фон и сайт не загораживает  шапку фона

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Как разместить..... в белую часть фона?

верстать свой шаблон

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

 

2 Верх фоновой картинки может быть с пустым отступом на 39-40 пикселей, так как там висит фиксированная панель и она закроет картинку.

3. Если нужна картиночная часть как на примере вверху страницы, то для div.header нужно прибавить отступа на столько, сколько еще картинки должно показаться.

 Подскажите пожалуйста, куда и как это прописать)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Если опираться на ту картинку, которая сечас стоит на сайте:

1. Расширить белую область по ширине (до мин. 1024). это проще, чем ужать шаблон.

1а. Разогнать фоновую картинку по ширине. Хотя бы до 2000px, что бы не было полей на больших размерах экрана

 

2. div.header {margin-top: 270px;} - опустить верх страницы к началу белой области по вертикали

 

3. body {background-position: 50% 40px;} столкнуть фоновую картинку ниже, что бы она начиналась не выше конца фиксированой панели

 

4. Со ссылкой пока не знаю. Там все завязано на абсолютных позиционированиях. Вставлять ссылку просто как вставлено сейчас нельзя.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

4. Там все завязано на абсолютных позиционированиях. Вставлять ссылку просто как вставлено сейчас нельзя.

имхо, да какая разница, абсолютное позиционирование всё равно из потока выдернет, а z-index разрулит.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

 

4. Со ссылкой пока не знаю. Там все завязано на абсолютных позиционированиях. Вставлять ссылку просто как вставлено сейчас нельзя.

Точно нельзя. Сейчас даже в поисковом div отправляет по ссылке и в div который где логотип

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас