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

[Sergey111]

Здравствуйте. Возникло несколько вопросов, надеюсь на помощь
1. При изменении шапки если просто изменить файл с картинкой она разъезжается на весь экран,
либо ее вообще не видно если делать так

#logo {
  height: 134px;
background:url('{ASSEST_IMAGES_PATH}logo.png');
}
2 Можно ли сделать вход в личный кабинет так как на картинке?
3 Где меняется шрифт у пунктов "Каталог" "Вы смотрели" "Сравнить товары" "Лента новостей"
4 Пробую изменить фон вот так
  body {
  background-color: #212121;
  min-width: 960px;
  background: url(адрес до изображения);
}
но при загрузке страницы браузер выдает ошибку (Страница аварийно закрыта)

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

• 

[RayLi]

Sergey111 (12 Октябрь 2015 - 12:46) писал:

Здравствуйте. Возникло несколько вопросов, надеюсь на помощь
1. При изменении шапки если просто изменить файл с картинкой она разъезжается на весь экран,
либо ее вообще не видно если делать так

#logo {
  height: 134px;
background:url('{ASSEST_IMAGES_PATH}logo.png');
}
2 Можно ли сделать вход в личный кабинет так как на картинке?
3 Где меняется шрифт у пунктов "Каталог" "Вы смотрели" "Сравнить товары" "Лента новостей"
4 Пробую изменить фон вот так
  body {
  background-color: #212121;
  min-width: 960px;
  background: url(адрес до изображения);
}
но при загрузке страницы браузер выдает ошибку (Страница аварийно закрыта)

Здравствуйте.
Чтобы вам изменить шапку вашего сайта без каких-либо подобных проблем - вам необходимо загрузить изображение размера 1920 на 250 px .

Далее сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#mainmenu li a {
	font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
	color: #FFF;
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	text-decoration: none;
	background: url(http://design.sdelay-yarko.ru/tm_link_border.gif) no-repeat right top;
}

И замените его, например, этим вот кодом:

#mainmenu li a {
	font: bold 15px/40px calibri, sans-serif;
	color: #FFF;
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	text-decoration: none;
	background: url("{ASSETS_IMAGES_PATH}tm_link_border.gif") no-repeat right top;
}

Примените, пожалуйста, снова данный код, чтобы мы могли выявить причину неисправности:

  body {
  background-color: #212121;
  min-width: 960px;
  background: url(адрес до изображения);
}

[Sergey111]

Если не сохранить пропорции при изменении размера на 1920  250 то там некрасиво получается. Может есть другой способ чтобы картинка встала на место?

[RayLi]

Sergey111 (12 Октябрь 2015 - 13:44) писал:

Если не сохранить пропорции при изменении размера на 1920  250 то там некрасиво получается. Может есть другой способ чтобы картинка встала на место?

Пришлите, пожалуйста, скриншот с уточнением того, что именно вам не нравится в данной установке изображения и что именно не красиво у вас на сайте получается?
Спасибо.

[Sergey111]

Скриншот

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

• 

[RayLi]

Sergey111 (12 Октябрь 2015 - 14:21) писал:

Скриншот

Да, можно с помощью кода построить немного всё по данное изображение, главное укажите, пожалуйста, как именно вы бы хотели, чтобы располагалось меню у вашего интернет-магазина.

[Sergey111]

Я бы хотел, чтобы меню располагалось вверху ниже шапки как на картинке

[RayLi]

Sergey111 (12 Октябрь 2015 - 14:32) писал:

Я бы хотел, чтобы меню располагалось вверху ниже шапки как на картинке

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

[Sergey111]

RayLi (12 Октябрь 2015 - 14:35) писал:

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

Установил

[RayLi]

Sergey111 (12 Октябрь 2015 - 14:44) писал:

Установил

Sergey111 (12 Октябрь 2015 - 14:32) писал:

Я бы хотел, чтобы меню располагалось вверху ниже шапки как на картинке

Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#top-menu {
	height: 40px;
	overflow: hidden;
}

И замените его этим вот кодом:

#top-menu {
	height: 40px;
	overflow: hidden;
	margin-top: 82px;
}

[Sergey111]

Спасибо с этим все понятно. Еще остались вопросы как сделать фон картинкой по бокам? Делал по инструкции на вашем сайте, но ничего не получилось. Заливается либо весь сайт, либо в подвале левая и правая части. Как сделать фон у надписи каталог товаров?

[RayLi]

Sergey111 (13 Октябрь 2015 - 07:14) писал:

Спасибо с этим все понятно. Еще остались вопросы как сделать фон картинкой по бокам? Делал по инструкции на вашем сайте, но ничего не получилось. Заливается либо весь сайт, либо в подвале левая и правая части. Как сделать фон у надписи каталог товаров?

Здравствуйте.
Попробуйте сделать, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#wrapper {
	background-color: #fff;
	padding-bottom: 10px;
}

И замените его вот этим вот кодом:

#wrapper {
	background: url("{ASSETS_IMAGES_PATH}имя_картинки");
	padding-bottom: 10px;
}

Где заместо "имя_картинки" - вам необходимо вставить название изображения, которые вы желаете установить как задний фон для вашего интернет-магазина (например fon.png).


Далее в том же шаблоне найдите следующий код:

#cpages {
	background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0px 80px;
	padding-top: 10px;
}

И замените его этим вот кодом:

#cpages {
	background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0px 80px;
	padding-top: 10px;
	background-color: #fff;
}

[Sergey111]

RayLi (13 Октябрь 2015 - 10:10) писал:

Здравствуйте.
Попробуйте сделать, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#wrapper {
background-color: #fff;
padding-bottom: 10px;
}

И замените его вот этим вот кодом:

#wrapper {
background: url("{ASSETS_IMAGES_PATH}имя_картинки");
padding-bottom: 10px;
}

Где заместо "имя_картинки" - вам необходимо вставить название изображения, которые вы желаете установить как задний фон для вашего интернет-магазина (например fon.png).


Далее в том же шаблоне найдите следующий код:

#cpages {
background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0px 80px;
padding-top: 10px;
}

И замените его этим вот кодом:

#cpages {
background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0px 80px;
padding-top: 10px;
background-color: #fff;
}

Сделал все как Вы написали, залился сайт вместе с шапкой и почему то до середины, а потом другая заливка пошла

[RayLi]

Sergey111 (13 Октябрь 2015 - 10:26) писал:

Сделал все как Вы написали, залился сайт вместе с шапкой и почему то до середины, а потом другая заливка пошла

Тогда сделайте, пожалуйста, следующее:

В шаблоне main.css найдите данный код:

#wrapper {
background: url("{ASSETS_IMAGES_PATH}body2.jpg");
padding-bottom: 10px;
}

И замените его этим вот кодом:

#wrapper {
padding-bottom: 10px;
}

Теперь в том же шаблоне найдите следующий код:

body {
font-family: Helvetica, Arial, sans-serif;
}

И замените его вот этим вот кодом:

body {
font-family: Helvetica, Arial, sans-serif;
background: url("{ASSETS_IMAGES_PATH}body2.jpg");
}

[Sergey111]

Спасибо! получилось. А можно ли убрать как-нибудь поля которые я отметил на скриншотах? или просто размер шапки увеличить?

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

• 
• 

[RayLi]

Sergey111 (13 Октябрь 2015 - 10:55) писал:

Спасибо! получилось. А можно ли убрать как-нибудь поля которые я отметил на скриншотах? или просто размер шапки увеличить?

Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#top-menu {
	height: 40px;
	overflow: hidden;
	margin-top: 82px;
}

И замените его вот этим вот кодом:

#top-menu {
	height: 40px;
	overflow: hidden;
	margin-top: 76px;
}

[Sergey111]

Подскажите еще пожалуйста, можно ли растянуть верхнее меню как на скриншоте

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

• 

[RayLi]

Sergey111 (13 Октябрь 2015 - 13:14) писал:

Подскажите еще пожалуйста, можно ли растянуть верхнее меню как на скриншоте

Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.containerin {
	width: 940px;
	margin: 0px auto;
}

И замените его вот этим вот кодом:

.containerin {
	width: 960px;
	margin: 0px auto;
}

Далее в том же шаблоне найдите следующий код:

#mainmenu li a {
	font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
	color: black;
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	text-decoration: none;
	background: #dbdede;
}

И замените его вот этим вот кодом:

#mainmenu li a {
	font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
	color: black;
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	text-decoration: none;
	background: #dbdede;
	width: 107px;
}

Теперь в самый конец шаблона добавьте данный код:

ul#mainmenu {
	margin-left: 0px;
	margin-right: 0px;
}

[Sergey111]

Сделал все как Вы написали, но некоторые пункты верхнего меню пропали, вернул все обратно

[RayLi]

Sergey111 (13 Октябрь 2015 - 14:01) писал:

Сделал все как Вы написали, но некоторые пункты верхнего меню пропали, вернул все обратно

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