Облачный сервис для Joomla сайтов
Навигация: Главная Форум

Добро пожаловать, Гость
Пожалуйста Вход или Регистрация.    Забыли пароль?

Вопрос по шаблону ot_digitalbox
(1 чел.) (1) Гость
ВнизСтраница: 12
Сообщения темы: Вопрос по шаблону ot_digitalbox
#5828
Вопрос по шаблону ot_digitalbox 4 г., 11 мес. назад Репутация: 4
Приветствую. Помогите немного с 2 сайтами
1 сайт и его фон vf-service.ru/templates/ot_digitalbox/images/body-bg.png
Помогите немного с центрированием этого фона. Все изменения, которые я сделал, я отписал ниже.
body#ot-body{
background: #FFF url(../images/body-bg.png);
background-position:fixed
color: #333333;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;

Чего я хотел добиться: Чтобы фон был зафиксирован по центру и не смещался при смене разрешения
Сейчас картинка 1920х1080- но будет 1920х(1500-2000)px, чтобы боковые элементы не повторялись внизу.
И со вторым сайтом тоже самое www.grandvocal.ru/
фон убегает вправо при изменение размера окна, а мне нужно, чтобы обязательно фиксировался по центру.
img.bg {
/* Set rules to fill background */
min-height: 1080px;
min-width: 1920px;

/* Set up proportionate scaling */
width: 100%;
height: 100%;

/* Set up positioning */
position: absolute;
top: 0;
left: 0;
right: 0px;
Спасибо заранее за советы.
bakaev
Интернет-агентство "БАКАЕВ"
Постов: 29
graphgraph
Пользователь в оффлайне Кликните здесь, чтобы посмотреть профиль этого пользователя
Пол: Мужской Страна, город: Самара
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#5831
Вопрос по шаблону ot_digitalbox 4 г., 11 мес. назад Репутация: 103
Не знаю является ли мое решение классическим,
но вот счас ваяю сайтег заказчику , вот туточки :
=========
avto-zapolcenu.com/
=========

Вот мои настройки для беграунда - фона :

Код:


body {
color: #656565;
background-image: url("../images/bg.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}



Фон при смене разрешения - не съезжает.
Проверял.
-------------------------
А вот и решение.


У тебя фон - почему то не в CSS стилях.
Сие есть не правильно и моветон.
Вынеси картинку вот сюда :

Код:

body {
    background: none repeat scroll 0 0 #FFFFFF;
}



Код:

http://www.grandvocal.ru/templates/jp_holiday/css/template.css
cvetercom
джумлавод со стажем
Модератор
Постов: 571
graphgraph
Пользователь в оффлайне Кликните здесь, чтобы посмотреть профиль этого пользователя
Пол: Мужской День рождения: 03/30
Последнее редактирование: 18.10.2012 21:36 Редактировал cvetercom.
www.kou4a.net
джумлю и буду джумлить
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#5832
Вопрос по шаблону ot_digitalbox 4 г., 11 мес. назад Репутация: 4
Увы такой вариант не проканал
Код:

color: #333333;
background-image: url(../images/body-bg.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position:center



если указать фиксированный размер или минимальный или максимальный фон весь отображается, сдвигая шаблон.
height: ___px;
min-height: ___px;
max-height: ___px;
с процентами тоже не проканало, даже и не знаю как сделать..
Центрировать то он фон стал, но картинку сжимает на 1600х900 например...тоесть как сделать так чтобы картинка не сжималась теперь..
bakaev
Интернет-агентство "БАКАЕВ"
Постов: 29
graphgraph
Пользователь в оффлайне Кликните здесь, чтобы посмотреть профиль этого пользователя
Пол: Мужской Страна, город: Самара
Последнее редактирование: 18.10.2012 21:58 Редактировал bakaev.
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#5834
Вопрос по шаблону ot_digitalbox 4 г., 11 мес. назад Репутация: 4
cvetercom писал(а):

А вот и решение.


У тебя фон - почему то не в CSS стилях.
Сие есть не правильно и моветон.
Вынеси картинку вот сюда :

Код:

body {
    background: none repeat scroll 0 0 #FFFFFF;
}



Код:

http://www.grandvocal.ru/templates/jp_holiday/css/template.css


Спасибо. сейчас проверю и на этом сайте.
bakaev
Интернет-агентство "БАКАЕВ"
Постов: 29
graphgraph
Пользователь в оффлайне Кликните здесь, чтобы посмотреть профиль этого пользователя
Пол: Мужской Страна, город: Самара
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#5835
Вопрос по шаблону ot_digitalbox 4 г., 11 мес. назад Репутация: 103
Не забудь.
В твоем случае путь к картинке :

bg/bg_002.jpg

Типа как то так :

body {
color: # твой цвет;
background-image: url("../bg/bg_002.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

Хотя по большому счету разницы особой нет.
Можно и в имаджес, только что бы там папка была создана и картинка была.
cvetercom
джумлавод со стажем
Модератор
Постов: 571
graphgraph
Пользователь в оффлайне Кликните здесь, чтобы посмотреть профиль этого пользователя
Пол: Мужской День рождения: 03/30
www.kou4a.net
джумлю и буду джумлить
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#5836
Вопрос по шаблону ot_digitalbox 4 г., 11 мес. назад Репутация: 103
Я свой ответ как обычно нарисую - как кот матроскин :


Дружище - вынеси картинку в CSS пожалуста.
Поверь мне , так будет лучше.

А иначе шаблон не кашерный ...
cvetercom
джумлавод со стажем
Модератор
Постов: 571
graphgraph
Пользователь в оффлайне Кликните здесь, чтобы посмотреть профиль этого пользователя
Пол: Мужской День рождения: 03/30
www.kou4a.net
джумлю и буду джумлить
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
ВверхСтраница: 12
Модераторы: Fidelity, Nikolia, cvetercom, Xemreht, mr.Hi-End
получить последние сообщения прямо на Ваш рабочий стол
Баннер
Pool Snooker Billiards Graphite Cue Stick firm Radicura Enterprises varied line up of International Brands in allied fields. Proprietor Amit Jain being an expert in branding activities actively solicits global partnerships to commit worldwide trade sport equipment goods distributor dealer supplier importer exporter trader consultant franchise shop E-Commerce Website Designing, Development, Hosting, SEO & Online/Offline Advertising ~ Goods Warehousing, Preparation, Logistics & Worldwide Customs Clearances ~ Joint Venture Liaisons for Real Estate, Finance, Insurance, Distribution & Manufacturing