Omicron

Доработка шаблона Freehold

Recommended Posts

Подскажите  пожалуйста:

1 Как  поменять  цвет  строки меню выделенной на

скриншоте прямоугольником?

2 Как добавить к этой строке ниже или выше ссылок текстовый слоган?

3  Как  сделать  так чтобы фон на сайте не был замощенным, а был одной

картинкой масштабируемой под разрешение экрана?

post-2567-0-17492200-1439128092_thumb.jp

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


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

1. Нужно в файле

/template/frontend/freehold/css/bootstrap.corrections.css

Добавить стиль

.navbar {  background-color: red;}

2. Берем файл

/template/frontend/freehold/top_fixed_menu.tpl.html

И добавляем там текст

3. Фон фиксированный

http://htmlbook.ru/css/background-attachment

body {    background-image: url(images/help.png); /* Путь к фоновому изображению */    background-attachment: fixed; /* Фиксируем фон веб-страницы */   }

А вот по растяжению - надо погуглить.

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


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

Текст добавил в /template/frontend/freehold/top_fixed_menu.tpl.html и у меня эта строка стала закрывать часть меню как на скрине, как сместить строку с меню ниже, чтобы она была полностью видна?

post-2567-0-42778800-1439308158_thumb.pn

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


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

Тут /template/frontend/freehold/css/style.css

header {background-image:url(images/header-bg.png); background-position: bottom left; background-repeat: repeat-x;/*background-image: url('../img/headerbg.png');background-position: 100% 0;background-repeat: repeat-y;*/}

Добавить margin-top: 50px;

header {background-image:url(images/header-bg.png); background-position: bottom left; background-repeat: repeat-x;/*background-image: url('../img/headerbg.png');background-position: 100% 0;background-repeat: repeat-y;*/margin-top: 50px;}

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


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

Спасибо, получилось :)

Как все же сделать чтобы общий фон растягивался?

 

Вот есть такой вариант

http://htmlbook.ru/faq/kak-rastyanut-fon-na-vsyu-shirinu-okna

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


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

Вот есть такой вариант

http://htmlbook.ru/faq/kak-rastyanut-fon-na-vsyu-shirinu-okna

лучше использовать cover вместо 100%

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


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

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

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

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

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

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

Войти

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

Войти сейчас