Перейти к содержимому


Помогите Создать Фон В Шаблоне "Лайт"!


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 49

#21 kks

kks

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородПермь

Отправлено 03 Апрель 2012 - 20:56

Просмотр сообщенияVaccina (03 Апрель 2012 - 17:46) писал:

объясните пожалуйста поподробнее, Вы имеете ввиду что все вниз смещается или что-то еще?

На данный момент при разрешении 1024*768 картинка норм
Изображение
, но когда разрешение 1366*768 вот чтополучается
Изображение
Подскажите как быть?

#22 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Апрель 2012 - 19:41

Редактор тем - main.css-
body {
	background: url(" http://files.storeland.ru/web/upload/sitefiles/2/115/114048/%D1%84%D0%BE%D0%BD.jpg ") repeat scroll center center transparent;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0;
	opacity: 0.999;
	padding-bottom: 30px;
}
измените repeat на no-repeat , а также 1ый center на left

#23 kks

kks

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородПермь

Отправлено 05 Апрель 2012 - 19:54

Просмотр сообщенияVaccina (04 Апрель 2012 - 19:41) писал:

Редактор тем - main.css-
body {
	background: url(" http://files.storeland.ru/web/upload/sitefiles/2/115/114048/%D1%84%D0%BE%D0%BD.jpg ") repeat scroll center center transparent;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0;
	opacity: 0.999;
	padding-bottom: 30px;
}
измените repeat на no-repeat , а также 1ый center на left

Спасибо Vaccina вы лучшая :rolleyes: можно еще глупый вопрос...подвал это то что в самом низу?

#24 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Апрель 2012 - 20:33

Да, это то, что в самом низу шаблона.

#25 kks

kks

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородПермь

Отправлено 06 Апрель 2012 - 06:59

Спасибо. Вылезла еще одна проблема товар в окошках отображается со смещением а не по центру
Изображение

#26 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Апрель 2012 - 21:20

Найдите в файле стилей класс
.goodsListItem {
	overflow: hidden;
	padding: 0;
	vertical-align: top;
	width: 200px;
}

и замените его на
.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 200px;
}


#27 kks

kks

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородПермь

Отправлено 10 Апрель 2012 - 10:58

Просмотр сообщенияVaccina (06 Апрель 2012 - 21:20) писал:

Найдите в файле стилей класс
.goodsListItem {
	overflow: hidden;
	padding: 0;
	vertical-align: top;
	width: 200px;
}

и замените его на
.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 200px;
}

В очередной раз огромное спасибо :rolleyes:
Ну и очередной вопрос...картинка не до самого низа,как быть

И как можно сделать так чтоб товар который отображается ,был без белого фона,а просто в рамке но на фоне общем,как название?

#28 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Апрель 2012 - 22:51

Объясните пожалуйста поподробней

#29 kks

kks

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородПермь

Отправлено 11 Апрель 2012 - 07:47

Просмотр сообщенияVaccina (10 Апрель 2012 - 22:51) писал:

Объясните пожалуйста поподробней

Фон сайта голубой,а картинка товара отображается на белом фоне,а не на прозрачном хотя картику пробовал ставить с разрешением PNG
Изображение

#30 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Апрель 2012 - 21:43

тут проблема в том, что картинка сжимается в размерах и формат png меняется на jpg
изменить это нельзя, проще товарный блок белым цветом залить

#31 kks

kks

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородПермь

Отправлено 12 Апрель 2012 - 10:59

Просмотр сообщенияVaccina (11 Апрель 2012 - 21:43) писал:

тут проблема в том, что картинка сжимается в размерах и формат png меняется на jpg
изменить это нельзя, проще товарный блок белым цветом залить

Товарный блок это имеется ввиду то что в рамке?

#32 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Апрель 2012 - 13:19

Да, это этот блок. Как говорила ранее - лучше всего залить этот блок белым цветом.

Сделать это можно в файле стилей - класс

.content_catalog_nested_categories li .withBorder {
	height: 150px;
}

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

.content_catalog_nested_categories li .withBorder {
	height: 150px;
	background: #fff;
}


#33 Mrbessonov

Mrbessonov

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 269 сообщений
  • ГородКемерово

Отправлено 03 Март 2013 - 14:22

Просмотр сообщенияgalya.bu7 (28 Январь 2012 - 16:17) писал:

Спасибо!
а куда именно вы вставили код,а то я что то все просмотрел и не нашел?

#34 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 03 Март 2013 - 14:27

Просмотр сообщенияMrbessonov (03 Март 2013 - 14:22) писал:

а куда именно вы вставили код,а то я что то все просмотрел и не нашел?
В main.css данный код..возможно он у вас на строчке 94

#35 Mrbessonov

Mrbessonov

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 269 сообщений
  • ГородКемерово

Отправлено 03 Март 2013 - 14:30

Просмотр сообщенияMikola (03 Март 2013 - 14:27) писал:

В main.css данный код..возможно он у вас на строчке 94
Да,вроде нет тут ничего подобного,вот до 99 строки.

/* Глобальные классы, которые не нужно удалять */
.valignMiddle			   {vertical-align:middle !important;}
.valignTop				  {vertical-align:top !important;}
.alignCenter				{text-align:center !important;}
.alignRight				 {text-align:right !important;}
.underline				  {text-decoration:underline !important;}
td						  {padding:3px;}
ul						  {padding-left:1em;}
body						{padding-bottom: 30px; line-height: 1.4em; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size: 11px; opacity: .999}
a						   {cursor:pointer;color:#0B015A;text-decoration:none;}
a:hover					 {color:#000;text-decoration:underline;}
img						 {border:0px;}
.floatLeft				  {float:left !important;}
.lineThrough				{text-decoration:line-through !important;}

.cornerAll				  {-moz-border-radius:5px;-webkit-border-radius:5px;}
input.cornerAll, textarea.cornerAll			 {border:1px solid #000000;}

label.invalidInput	   {display:block;color:#b85454;height:auto;WIDTH:auto;font-size:0.8em !important;font-weight:normal;margin-top:0px;}
input.invalidInput		{border:1px solid #b85454 !important;background-color: #FFECE6 !important;}
.errorMessage			   {color:red;}
.selected				   {color:#000;font-weight:bold;}

/* END Глобальные классы, которые не нужно удалять */

/* Классы шаблона */
h1, h2, h3, h4, h5, h6	  {margin-bottom: 0.2em;margin-top: 0.2em;font-weight: lighter;font-family:Helvetica;color:#0C0C0C;letter-spacing:0em;line-height: 1.1em;}
h1						  {font-size: 2em;}
h2						  {font-size: 1.8em;}
h3						  {font-size: 1.6em;}
h3 .indexPage			   {color:#070707;}
h4						  {font-size: 1.4em;}
h5						  {font-size: 1.2em;}
h6						  {font-size: 1.1em;}

.logo					   {font-size: 2em;margin-bottom: 0.2em;margin-top: 0.2em;font-family:Helvetica;color:#C20303;letter-spacing:0em;line-height: 1.1em;}

/* Заголовки на странице отображения товара */
.goodsData h3 {margin-top:1em;}

/* Для js ссылок пунктирное подчеркивание */
.jsAction	   {border-bottom:1px dashed;}
.jsAction:hover {border-bottom:1px solid;text-decoration:none;}

/* Страницы */
.square_pages			   {font-size:1em;text-align:right;clear: both;}
.square_pages span		  {position:relative;bottom:1px9;}
.square_pages a			 {font-size:1em;height:17px;line-height:17px;color:#8b8b8b;border: #E00000 1px solid;padding:1px 4px 1px 4px; margin-left:0px;text-align:center;font-weight:bold;text-decoration:none;}
.square_pages a:hover	   {background:#d1e7fc;color:#3d3d3d;}
.square_pages b			 {font-size:1em;height:17px;color:#3d3d3d;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px;margin-left:1px;text-align:center;background:#d1e7fc;}


/* Для цифр */
.num						{font-family: helvetica;font-style: italic;white-space: nowrap;}

/* Цвета */
.red						{color:red;}
.green					  {color:#0A0001;}

/* Рамка для интерактивных элементов */
.withBorder				 {border:1px solid #000011 !important;}
.withBorder:hover		   {border-color:#08AA0E !important;}

/* Главные блоки */
.content							{max-width:1240px;min-width:1000px;margin:auto;border:1px solid #DCECF7;border-top:0px;}
.contentTable					   {width:100%;}
.contentTableHeadMain			   {padding:0em 1em 1em 1em;width:220px;}
.contentTableHeadMainPhone		  {text-align:center;font-size:1.4em;padding:0px;}
.contentTableHeadMainWorkTime	   {text-align:center;color:#888;font-size:1.1em;}
.contentTableHeadMainIcq			{padding-top:1em;}
.contentTableHeadMainSkype img	  { padding-right:2px;}
.contentTableHeadCart			   {width:1%;vertical-align:middle;}
.contentTableHeadCart td			{white-space:nowrap;}
.contentTbodyCatalog				{width:220px;vertical-align:top;}
.contentTableHeadNavigation		 {text-align:center;}
.contentTableHeadUserInfo		   {text-align:center;width:220px;overflow:hidden;}

/* Заголовки в блоке навигации слева */
.contentTbodyCatalogHeader		  {margin:0 1em 0.33em 1em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.contentTbodyCatalogHeader.noBorder {background-image:none;margin-bottom:0em;}
.contentTbodyCatalogHeader a		{color:#000000}

/* Каталог в навигации слева */
.contentTbodyCatalog ul			 {pading-left:1em;}
.contentTbodyCatalog li			 {display:block;}
.contentTbodyCatalogCurent		  {font-weight:bold;line-height:20px;color:#000}
.contentTbodyCatalogCurentBranch	{font-weight:bold;line-height:20px;color:#666}

.contentTbodyCatalog li a:hover	 {background-color: #F3F8FC ;color: #000;text-decoration: none;}
.contentTbodyCatalog li a		   {display:block;line-height:20px;padding-left:15px;background:url('{ASSETS_IMAGES_PATH}catalogMenuMarker.gif') 5px center  no-repeat;}

/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {text-align:center;float:left;width:170px;overflow:hidden;padding:1em;margin:0;list-style-type:none;background:none !important;}
.content_catalog_nested_categories li .withBorder {height:150px;}

/* Новости в блоке навигации слева */
.contentTbodyNews {padding-left:1em;padding-right:1em;}
.contentTbodyNewsBlockItemTime {font-size:0.9em;color:#666;}
.contentTbodyNewsBlockItem {margin-bottom:1em;margin-left:0.33em}


#36 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 03 Март 2013 - 14:34

Просмотр сообщенияMrbessonov (03 Март 2013 - 14:30) писал:

Да,вроде нет тут ничего подобного,вот до 99 строки.

/* Глобальные классы, которые не нужно удалять */
.valignMiddle {vertical-align:middle !important;}
.valignTop {vertical-align:top !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.underline {text-decoration:underline !important;}
td {padding:3px;}
ul {padding-left:1em;}
body {padding-bottom: 30px; line-height: 1.4em; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size: 11px; opacity: .999}
a {cursor:pointer;color:#0B015A;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}
img {border:0px;}
.floatLeft {float:left !important;}
.lineThrough {text-decoration:line-through !important;}

.cornerAll {-moz-border-radius:5px;-webkit-border-radius:5px;}
input.cornerAll, textarea.cornerAll {border:1px solid #000000;}

label.invalidInput {display:block;color:#b85454;height:auto;WIDTH:auto;font-size:0.8em !important;font-weight:normal;margin-top:0px;}
input.invalidInput {border:1px solid #b85454 !important;background-color: #FFECE6 !important;}
.errorMessage {color:red;}
.selected {color:#000;font-weight:bold;}

/* END Глобальные классы, которые не нужно удалять */

/* Классы шаблона */
h1, h2, h3, h4, h5, h6 {margin-bottom: 0.2em;margin-top: 0.2em;font-weight: lighter;font-family:Helvetica;color:#0C0C0C;letter-spacing:0em;line-height: 1.1em;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h3 .indexPage {color:#070707;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

.logo {font-size: 2em;margin-bottom: 0.2em;margin-top: 0.2em;font-family:Helvetica;color:#C20303;letter-spacing:0em;line-height: 1.1em;}

/* Заголовки на странице отображения товара */
.goodsData h3 {margin-top:1em;}

/* Для js ссылок пунктирное подчеркивание */
.jsAction {border-bottom:1px dashed;}
.jsAction:hover {border-bottom:1px solid;text-decoration:none;}

/* Страницы */
.square_pages {font-size:1em;text-align:right;clear: both;}
.square_pages span {position:relative;bottom:1px9;}
.square_pages a {font-size:1em;height:17px;line-height:17px;color:#8b8b8b;border: #E00000 1px solid;padding:1px 4px 1px 4px; margin-left:0px;text-align:center;font-weight:bold;text-decoration:none;}
.square_pages a:hover {background:#d1e7fc;color:#3d3d3d;}
.square_pages b {font-size:1em;height:17px;color:#3d3d3d;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px;margin-left:1px;text-align:center;background:#d1e7fc;}


/* Для цифр */
.num {font-family: helvetica;font-style: italic;white-space: nowrap;}

/* Цвета */
.red {color:red;}
.green {color:#0A0001;}

/* Рамка для интерактивных элементов */
.withBorder {border:1px solid #000011 !important;}
.withBorder:hover {border-color:#08AA0E !important;}

/* Главные блоки */
.content {max-width:1240px;min-width:1000px;margin:auto;border:1px solid #DCECF7;border-top:0px;}
.contentTable {width:100%;}
.contentTableHeadMain {padding:0em 1em 1em 1em;width:220px;}
.contentTableHeadMainPhone {text-align:center;font-size:1.4em;padding:0px;}
.contentTableHeadMainWorkTime {text-align:center;color:#888;font-size:1.1em;}
.contentTableHeadMainIcq {padding-top:1em;}
.contentTableHeadMainSkype img { padding-right:2px;}
.contentTableHeadCart {width:1%;vertical-align:middle;}
.contentTableHeadCart td {white-space:nowrap;}
.contentTbodyCatalog {width:220px;vertical-align:top;}
.contentTableHeadNavigation {text-align:center;}
.contentTableHeadUserInfo {text-align:center;width:220px;overflow:hidden;}

/* Заголовки в блоке навигации слева */
.contentTbodyCatalogHeader {margin:0 1em 0.33em 1em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.contentTbodyCatalogHeader.noBorder {background-image:none;margin-bottom:0em;}
.contentTbodyCatalogHeader a {color:#000000}

/* Каталог в навигации слева */
.contentTbodyCatalog ul {pading-left:1em;}
.contentTbodyCatalog li {display:block;}
.contentTbodyCatalogCurent {font-weight:bold;line-height:20px;color:#000}
.contentTbodyCatalogCurentBranch {font-weight:bold;line-height:20px;color:#666}

.contentTbodyCatalog li a:hover {background-color: #F3F8FC ;color: #000;text-decoration: none;}
.contentTbodyCatalog li a {display:block;line-height:20px;padding-left:15px;background:url('{ASSETS_IMAGES_PATH}catalogMenuMarker.gif') 5px center no-repeat;}

/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {text-align:center;float:left;width:170px;overflow:hidden;padding:1em;margin:0;list-style-type:none;background:none !important;}
.content_catalog_nested_categories li .withBorder {height:150px;}

/* Новости в блоке навигации слева */
.contentTbodyNews {padding-left:1em;padding-right:1em;}
.contentTbodyNewsBlockItemTime {font-size:0.9em;color:#666;}
.contentTbodyNewsBlockItem {margin-bottom:1em;margin-left:0.33em}
77 строка. Посмотрите на скриншоте

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

  • 77 строка.png


#37 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 03 Март 2013 - 14:36

Просмотр сообщенияMrbessonov (03 Март 2013 - 14:30) писал:

Да,вроде нет тут ничего подобного,вот до 99 строки.

[CODE]
/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {text-align:center;float:left;width:170px;overflow:hidden;padding:1em;margin:0;list-style-type:none;background:none !important;}
.content_catalog_nested_categories li .withBorder {height:150px;}

хмм....
но у вас код
Так секундочку, а у вас вообще какой вопрос был?

#38 Mrbessonov

Mrbessonov

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 269 сообщений
  • ГородКемерово

Отправлено 03 Март 2013 - 14:42

Ну я хотел просто изменить фон,как и автор в первом посте.
77 строка у меня пустая
Изображение

Эта строка у меня 99
.content_catalog_nested_categories li .withBorder {height:150px;}
и кроме того,она отвечает за каталог,причем тут фон или я что то путаю?

#39 Mrbessonov

Mrbessonov

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 269 сообщений
  • ГородКемерово

Отправлено 03 Март 2013 - 14:50

Я так понял,что в шаблоне Лайт,фон поменять невозможно?

#40 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 03 Март 2013 - 14:52

Просмотр сообщенияMrbessonov (03 Март 2013 - 14:42) писал:

Ну я хотел просто изменить фон,как и автор в первом посте.
77 строка у меня пустая
Изображение

Эта строка у меня 99
.content_catalog_nested_categories li .withBorder {height:150px;}
и кроме того,она отвечает за каталог,причем тут фон или я что то путаю?

Допустим вам нужно изменить фн на какой-то цвет, тогда найдите код:
body						{padding-bottom: 30px; line-height: 1.4em; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size: 11px; opacity: .999}
и замените его на:
body						{background:red; /*цвет*/ padding-bottom: 30px; line-height: 1.4em; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size: 11px; opacity: .999}
Или можно загрузить изображение, тогда свойство background будет выглядеть по другому - http://forum.storela...айт/#entry13612




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных