Перейти к содержанию
artemnk

Как сместить футер?

Рекомендуемые сообщения

Как можно сместить текст в футере? Или не сместить, а как сделать сам футер выше, чтоб надпись не заходила на траву?

Шаблон Sellya ,  вот линк на ИМ http://забавныедетки.рф

 

post-673040-0-37125000-1381672766_thumb.jpg

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


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

переверстать футер, вынести див с бэкграундом картинки с травой над дивом футера, а футер весь закрасить серым фоном, править в footer.tpl

  • +1 1

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


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

Спасибо, Pascha , вот только в этом footer.tpl вообще не понял, что там и как :) Попробовал деформировать картинку, но некрасиво получилось...

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


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

вырезаете картинку с травой( только траву, без серого фона), например она у вас получилась высотой в 30px (по ширине естественно равной ширине сайта, например 980px

 

 

добавляете в footer.tpl в самый верх

 

<div id="footer_herb"></div>
<div id="footer">
.....
в стили прописываете 

#footer_herb {
background-image:url("../image/картинка с травой.png") no-repeat;
width: 980px;
height: 30px;
..........
}
естественно отпозиционируйте все
  • +1 1

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


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

вырезаете картинку с травой( только траву, без серого фона), например она у вас получилась высотой в 30px (по ширине естественно равной ширине сайта, например 980px

 

 

добавляете в footer.tpl в самый верх

 

<div id="footer_herb"></div>
<div id="footer">
.....
в стили прописываете 

#footer_herb {
background-image:url("../image/картинка с травой.png") no-repeat;
width: 980px;
height: 30px;
..........
}
естественно отпозиционируйте все

 

 

Я сделал так,

/******************************************************/
/*  COLORS AND STYLES > Bottom Area
/******************************************************/
#footer_herb {
background-image:url("../image/sellya_kids/herb.png"); ?>;
height: 126px;
/*  Contact Us, Twitter, Custom Column  */
#footer_cnc {
background-image: url("../image/sellya_kids/bg_footer_1.png"); ?>;
background-position: top center;

Но теперь пропадает бэкграунд нижестоящих блоков :(

post-673040-0-55877900-1381679090_thumb.jpg

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


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

Pascha, ещё раз Огромное спасибо!!!

Всё, разобрался, оказывается забыл "}" закрыть.

А эту полоску как-то убрать можно между картинками?

post-673040-0-03246900-1381680080_thumb.jpg

Изменено пользователем artemnk

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


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

490-я строка

#footer {
margin-top: 0px;
}

или

margin-top: 15px;

вовсе удалить

  • +1 1

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


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

это не проблема))) всего лишь верстка))) Заходи...если что...

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.