Сообщений в теме: 25

[Иванов]

1. Как сделать фон под текстом белым? (на всех страницах, в том числе на главной.)

2. Блок "Товары на главной" чтоб также были в белом фоне.

3. Изменить цвет фона станицы на картинку.

[Иванов]

Иванов (01 Июнь 2014 - 19:45) писал:

1. Как сделать фон под текстом белым? (на всех страницах, в том числе на главной.)

2. Блок "Товары на главной" чтоб также были в белом фоне.

3. Изменить цвет фона станицы на картинку.

Первые 2 пункта удалось самому реализовать. Помогите только "дошлифовать" (скрин прилагается). (нужно сделать отступы текста со всех сторон минимум по 1 см. (верх и них также )

Пункт 3 остается актуальным.

Прикрепленные изображения

• 

[daria_dnk]

Иванов (01 Июнь 2014 - 20:28) писал:

Первые 2 пункта удалось самому реализовать. Помогите только "дошлифовать" (скрин прилагается). (нужно сделать отступы текста со всех сторон минимум по 1 см. (верх и них также )

Пункт 3 остается актуальным.

Здравствуйте!
В шаблоне style.css добавьте код

#wrapper
{
background:url('ССЫЛКА_НА_ФОН');
}

и вместо слов ССЫЛКА_НА_ФОН вставьте ссылку на нужный Вам фон.

[Иванов]

daria_dnk (01 Июнь 2014 - 21:00) писал:

Здравствуйте!
В шаблоне style.css добавьте код

#wrapper
{
background:url('ССЫЛКА_НА_ФОН');
}

и вместо слов ССЫЛКА_НА_ФОН вставьте ссылку на нужный Вам фон.

Какого разрешения должна быть картинка, чтобы она была растянута на всю страницу равномерно?

[Иванов]

Иванов (01 Июнь 2014 - 20:28) писал:

Первые 2 пункта удалось самому реализовать. Помогите только "дошлифовать" (скрин прилагается). (нужно сделать отступы текста со всех сторон минимум по 1 см. (верх и них также )

Пункт 3 остается актуальным.

"Дошлифофать" помогите пож-та!

[daria_dnk]

Иванов (01 Июнь 2014 - 21:11) писал:

Какого разрешения должна быть картинка, чтобы она была растянута на всю страницу равномерно?

Установить картинку под размеры всех устройств не получится, где то она будет выглядеть хорошо, где то плохо. Загрузите изображение на сайт и мы поможем Вам найти оптимальное решение.

[Иванов]

Иванов (01 Июнь 2014 - 21:11) писал:

Какого разрешения должна быть картинка, чтобы она была растянута на всю страницу равномерно?

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

[lew]

в style.css найдите код

#wrapper
{
background:url('/dorianyates-wallpaper1.jpg');
}

замените  на этот

#wrapper
{
background:url('/dorianyates-wallpaper1.jpg');
background-attachment: fixed;
}

[Иванов]

Иванов (01 Июнь 2014 - 20:28) писал:

Первые 2 пункта удалось самому реализовать. Помогите только "дошлифовать" (скрин прилагается). (нужно сделать отступы текста со всех сторон минимум по 1 см. (верх и них также )

Пункт 3 остается актуальным.

"Дошлифофать" помогите пож-та!

[daria_dnk]

Иванов (01 Июнь 2014 - 22:52) писал:

"Дошлифофать" помогите пож-та!

Здравствуйте!
В шаблоне style.css найдите строку

.group {margin: 0;}

замените на

.group {margin: 0;padding: 10px 10px 10px 10px;}

а также добавьте в конце файла строку

.rte
{
padding: 10px 10px 10px 10px;
}

величину отступов можете изменять на нужную Вам.

[Иванов]

daria_dnk (02 Июнь 2014 - 18:34) писал:

Здравствуйте!
В шаблоне style.css найдите строку

.group {margin: 0;}

замените на

.group {margin: 0;padding: 10px 10px 10px 10px;}

а также добавьте в конце файла строку

.rte
{
padding: 10px 10px 10px 10px;
}

величину отступов можете изменять на нужную Вам.

Всё получилось, только страницы "Контакты", "Войти и зарегистрироваться", и описание категории не изменились... нет отступов. Помогите, пож-та!

Спасибо!

[daria_dnk]

Иванов (02 Июнь 2014 - 19:32) писал:

Всё получилось, только страницы "Контакты", "Войти и зарегистрироваться", и описание категории не изменились... нет отступов. Помогите, пож-та!

Спасибо!

В шаблоне style.css найдите строку

.content-form {padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center;}

замените ее на

.content-form {padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center;margin-left: 10px;}

отступ слева можете изменять, изменяя в данной строке значение параметра margin-left
также добавьте в шаблон style.css строку

.col-main
{
padding: 10px 10px 10px 10px;
}

[Иванов]

daria_dnk (02 Июнь 2014 - 19:56) писал:

В шаблоне style.css найдите строку

.content-form {padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center;}

замените ее на

.content-form {padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center;margin-left: 10px;}

отступ слева можете изменять, изменяя в данной строке значение параметра margin-left
также добавьте в шаблон style.css строку

.col-main
{
padding: 10px 10px 10px 10px;
}

Спасибо!

Подскажите ещё, пож-та, как уменьшить по ширине  и высоте верхнюю шапку?

[Vaccina]

В style.css найдите:

#header-fluid {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 10;
}

#header {
	clear: both;
	position: relative;
}

и пропишите необходимую ширину и высоту например:

#header-fluid {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 200px;
margin: 0 auto;
position: relative;
width: 90%;
z-index: 10;
}
#header {
clear: both;
height: 200px;
margin: 0 auto;
position: relative;
width: 90%;
}

[Иванов]

Vaccina (03 Июнь 2014 - 03:50) писал:

В style.css найдите:

#header-fluid {
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 10;
}

#header {
	clear: both;
	position: relative;
}

и пропишите необходимую ширину и высоту например:

#header-fluid {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 200px;
margin: 0 auto;
position: relative;
width: 90%;
z-index: 10;
}
#header {
clear: both;
height: 200px;
margin: 0 auto;
position: relative;
width: 90%;
}

У нас на данный момент уже другой код прописан, поэтому так как Вы описали ничего не выходит:  

#header-fluid{position:relative;background: none repeat-x 0 0  #ffffff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

[daria_dnk]

Иванов (03 Июнь 2014 - 21:35) писал:

У нас на данный момент уже другой код прописан, поэтому так как Вы описали ничего не выходит:  

#header-fluid{position:relative;background: none repeat-x 0 0  #ffffff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

Здравствуйте в шаблоне style.css найдите код

#header-fluid{position:relative;background: none repeat-x 0 0  #ffffff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10;}

замените его на

#header-fluid{position:relative;background: none repeat-x 0 0  #ffffff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10;width: 98%;height: 90px;}

в данном коде нужно изменять значение параметров width и height

[Иванов]

daria_dnk (03 Июнь 2014 - 22:49) писал:

Здравствуйте в шаблоне style.css найдите код

#header-fluid{position:relative;background: none repeat-x 0 0 #ffffff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10;}

замените его на

#header-fluid{position:relative;background: none repeat-x 0 0 #ffffff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10;width: 98%;height: 90px;}

в данном коде нужно изменять значение параметров width и height

в этому случае шапка просто съезжает влево...

[Сake]

На данный момент в вашем файле стилей отсутствуют необходимые изменения. Попробуйте в файле стилей style.css найти код

#header-fluid {
  background: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 10;
}

и заменить его на

#header-fluid {
  background: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  height: 90px;
  margin: 0 auto;
  position: relative;
  width: 96%;
  z-index: 10;
}

перед проверкой не забудьте очистить кеш в вашем браузере.

[Иванов]

Сake (04 Июнь 2014 - 09:04) писал:

На данный момент в вашем файле стилей отсутствуют необходимые изменения. Попробуйте в файле стилей style.css найти код

#header-fluid {
background: #ffffff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
position: relative;
z-index: 10;
}

и заменить его на

#header-fluid {
background: #ffffff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 90px;
margin: 0 auto;
position: relative;
width: 96%;
z-index: 10;
}

перед проверкой не забудьте очистить кеш в вашем браузере.

у нас такого кода нет, видимо он уже менялся при редактировании дизайна...   есть вот такой:    

#header-fluid{position:relative;background: none repeat-x 0 0  #ffffff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10;}

[Vaccina]

вы представили тот же самый код, написанный немного по другому, его и меняйте.