Ответить Новая тема Новый опрос 
 Создание второго хедера под картинку
Grosso2020
Новичок
Сообщений: 9
Регистрация: 18-12-2013


18-12-2013 21:02
Добрый день.

Есть необходимость вставить перед хедером картинку размером по ширине с лист.

Прилагаю скриншот. Если кто знает то можно поподробнее
Спасибо!!!



Сообщение отредактировано Grosso2020 18-12-2013 19:02 ...
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
RAGE
Cпециалист
Сообщений: 145
Регистрация: 11-12-2011


18-12-2013 21:17
в header.tpl добавь нужное изображение в самом начале <body>
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Grosso2020
Новичок
Сообщений: 9
Регистрация: 18-12-2013


18-12-2013 21:19
А можно код если не сложно
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
RAGE
Cпециалист
Сообщений: 145
Регистрация: 11-12-2011


19-12-2013 03:36
html и css почиайте.... или надо вам сопли подтирать.....
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Grosso2020
Новичок
Сообщений: 9
Регистрация: 18-12-2013


19-12-2013 13:27
Читать даже не пришлось...благо есть люди в инете которым незападло отвечать на такие вопросы

Кому необходимо Выкладываю решение.
Находим header.tpl Открываем

</div>
{/if}
<div id="page" class="container_9 clearfix">

<!-- Header -->
Сюда вставляем

<div class="layer">
<img id="img1466" src="/../themes/default/img/24.jpg" /> Это расположение картинки cоответственно кидаем картинку по этому адресу. Не забываем указать ее название. Предварительно отредактировав размеры картинки.
<!-- etc -->
</div>
Здесь все готово

Находим global.css что в themes/css/

вставляем в любое место я выбрал это

/* ************************************************************************************************
HEADER
************************************************************************************************ */
#header {position:relative}
#header_logo {
position: absolute;
left:0;
top: 30px;
z-index: 1;
}

#header_right {
position:relative;
float: right
}
.layer {
#img ID img1466
border: none; width: 980px; height: 150px; margin: 0px 0px 0px 0x; }


Результат

 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос