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

[Gerti]

Еще пару вопросов см. скрин.

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

• 

[RedHead]

Gerti (11 Ноябрь 2015 - 16:41) писал:

Нужно установить мою картинку в том виде какая она есть на всю поверхность странички без искажения так сказать (не растягивать, не замащивать и т.д.)
Ставила картинку с разными параметрами, размерами...результат один и тот же..

То, что Вы просите выполнить невозможно. Нельзя поместить картинку на всю поверхность экрана, не изменяя ее размеров. Допустим, Вы загружаете изображение размером 2000х2000 пикселей. На экране планшета оно будет отображаться на весь экран, но на экране компьютера будет отображаться так, как на прикрепленном Вами скрине.
Расположить изображение на ВЕСЬ экран, чтобы его отображение не зависело от размера монитора, на котором просматривают сайт, можно двумя способами:
1) Растянуть изображение
2) Либо замостить.

[Gerti]

RedHead (11 Ноябрь 2015 - 20:01) писал:

То, что Вы просите выполнить невозможно. Нельзя поместить картинку на всю поверхность экрана, не изменяя ее размеров. Допустим, Вы загружаете изображение размером 2000х2000 пикселей. На экране планшета оно будет отображаться на весь экран, но на экране компьютера будет отображаться так, как на прикрепленном Вами скрине.
Расположить изображение на ВЕСЬ экран, чтобы его отображение не зависело от размера монитора, на котором просматривают сайт, можно двумя способами:
1) Растянуть изображение
2) Либо замостить.

Мы видимо не понимаем друг друга)) На других сайтах можно а тут нельзя???
Привожу скрин просто первого попавшегося сайта. На приведенном сайте картинка не растянута и не замощена а просто установлена...
Я НЕ говорила что не нужно менять размеры картинки я говорила о том, что как бы я их не меняла результат оставался прежним....
Под изменением размера картинки я подразумеваю изменение в редакторе а не о том что устанавливаешь здесь картинку и ее растягиваем и превращаем в нечто ужасное....
На скрине картинка не замощена и не растянута от оригинала ...

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

• 

[Gerti]

Gerti (11 Ноябрь 2015 - 19:31) писал:

Еще пару вопросов см. скрин.

И этот вопрос еще в силе   Помогите!!!

[Vaccina]

За самую верхнюю полосу отвечает блок стилей(main.css):

#header-top {
height: 41px;
line-height: 36px;
border-top: 5px solid #3CABDA;
position: relative;
}

Полоса с логотипом:

#header {
	position: relative;
	padding: 32px 0px 30px;
}

Стиль по установке фона: http://htmlbook.ru/css/background

Пример использования:

#header-top {
height: 41px;
line-height: 36px;
border-top: 5px solid #3CABDA;
position: relative;
background: url('ссылка на картинку') repeat center center;
}

[Gerti]

Vaccina (12 Ноябрь 2015 - 04:41) писал:

За самую верхнюю полосу отвечает блок стилей(main.css):

 #header-top { height: 41px; line-height: 36px; border-top: 5px solid #3CABDA; position: relative; } 

Полоса с логотипом:

#header { position: relative; padding: 32px 0px 30px; }

Стиль по установке фона: http://htmlbook.ru/css/background Пример использования:

 #header-top { height: 41px; line-height: 36px; border-top: 5px solid #3CABDA; position: relative; background: url('ссылка на картинку') repeat center center; } 

Спасибо разобралась с полосками, возник еще вопрос см. скрин
1) Если возможно поставить свою картинку или хотя бы сменить цвет этой полоски...как это можно сделать?
2) И еще сделать крупнее номер телефона, почты и строки ГЛАВНАЯ ДОСТАВКА и т.д...

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

• 

[Ирина345]

Gerti (12 Ноябрь 2015 - 15:40) писал:

Спасибо разобралась с полосками, возник еще вопрос см. скрин
1) Если возможно поставить свою картинку или хотя бы сменить цвет этой полоски...как это можно сделать?
2) И еще сделать крупнее номер телефона, почты и строки ГЛАВНАЯ ДОСТАВКА и т.д...

Здравствуйте,
1. Найдите в файле main.css

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}

что бы вставить свою картинку, заменяете на

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}имя вашего изображения") no-repeat center top;}

что бы заменить на цвет, замените на

#menu .inner {width: 100%;background: #123456 ;}

где изменяете значение #123456
2. найдите в файле main.css

#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}

изменяете значения font-size: 92%

далее найдите

#header-top .topheader-right .sns-quickaccess {
	float: left;
}

замените на

#header-top .topheader-right .sns-quickaccess {
	float: left;
	font-size: 18px;
}

изменяете значения  font-size: 18px;

[Gerti]

Ирина345 (12 Ноябрь 2015 - 16:14) писал:

Здравствуйте,
1. Найдите в файле main.css

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}

что бы вставить свою картинку, заменяете на

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}имя вашего изображения") no-repeat center top;}

что бы заменить на цвет, замените на

#menu .inner {width: 100%;background: #123456 ;}

где изменяете значение #123456
2. найдите в файле main.css

#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}

изменяете значения font-size: 92%

далее найдите

#header-top .topheader-right .sns-quickaccess {
float: left;
}

замените на

#header-top .topheader-right .sns-quickaccess {
float: left;
font-size: 18px;
}

изменяете значения  font-size: 18px;

Спасибо большое , а еще как поставить белую полоску между двух полосок? см.скрин

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

• 

[Юля123]

Gerti (12 Ноябрь 2015 - 16:34) писал:

Спасибо большое , а еще как поставить белую полоску между двух полосок? см.скрин

Здравствуйте, если я вас правильно поняла, то вам необходимо найти код в main.css:

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}///design/7.png") no-repeat center top;}

и заменить на код:

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}///design/7.png") no-repeat center top; border-top:1px solid white}

[Gerti]

Юля123 (12 Ноябрь 2015 - 16:49) писал:

Здравствуйте, если я вас правильно поняла, то вам необходимо найти код в main.css:

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}///design/7.png") no-repeat center top;}

и заменить на код:

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}///design/7.png") no-repeat center top; border-top:1px solid white}

О да, это то что нужно
А вот еще поменять цвет телефона почты и т.д.

[Gerti]

А вот еще поменять цвет номера телефона почты и т.д. в этой строке

[Vaccina]

В main.css после:

#header-top .topheader-left ul.contact-us-now {
	z-index: 2;
	list-style: outside none none;
	margin: 0px;
	padding: 0px;
}

вставьте:

#header-top .topheader-left ul.contact-us-now li a {
	color: #000 !important;
}

и поменяйте стиль на необходимый

[Gerti]

Vaccina (13 Ноябрь 2015 - 06:29) писал:

В main.css после:

#header-top .topheader-left ul.contact-us-now {
z-index: 2;
list-style: outside none none;
margin: 0px;
padding: 0px;
}

вставьте:

#header-top .topheader-left ul.contact-us-now li a {
color: #000 !important;
}

и поменяйте стиль на необходимый

Все сделала спасибо но поменялись только телефон и почта а ГЛАВНАЯ ДОСТАВКА и т.д. остались в прежнем цвете

[Юля123]

Gerti (13 Ноябрь 2015 - 11:35) писал:

Все сделала спасибо но поменялись только телефон и почта а ГЛАВНАЯ ДОСТАВКА и т.д. остались в прежнем цвете

Здравствуйте, в main.css найдите код:

a {color: #909090;text-decoration:none;cursor:pointer;}

и значение color: #909090; меняйте на нужное вам.

[Gerti]

Юля123 (13 Ноябрь 2015 - 12:40) писал:

Здравствуйте, в main.css найдите код:

a {color: #909090;text-decoration:none;cursor:pointer;}

и значение color: #909090; меняйте на нужное вам.

Спасибо

[Gerti]

Доброго времени суток! Помогите разобраться, почему то слайд №6 перестал отображаться на сайте, не пойму в чем причина Аккаунт SL-357207

[RayLi]

Gerti (14 Ноябрь 2015 - 13:54) писал:

Доброго времени суток! Помогите разобраться, почему то слайд №6 перестал отображаться на сайте, не пойму в чем причина Аккаунт SL-357207

Здравствуйте.
На данный момент изображение, которое отображается шестым слайдом на сайте вашего интернет-магазина отображается полностью корректно.
Попробуйте, пожалуйста, очистить кэш интернет-браузера или открыть ваш сайт совершенно в ином браузере и проверить данный слайд.

[Gerti]

Проверила в четырех браузерах только в эксплоурере показывает (

[RayLi]

Gerti (14 Ноябрь 2015 - 16:19) писал:

Проверила в четырех браузерах только в эксплоурере показывает (

И даже после очистки кэша (ctrl+F5) данная проблема у вас сохранятся, я вас правильно понял?
Так как после повторной проверки подобную проблему выявить у нас не удалось.

[Gerti]

да, к сожалению не видно его(