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

[miyako]

kirill-lavrov82 (22 Декабрь 2012 - 11:19) писал:

Все получилось, поставил и фон. Теперь забыл где поменять цвет текста новостей, и что бы при наведении курсора такой же цвет был как и в меню и категориях, получается активная ссылка красная, а сама надпись черная. Где то на форуме видел пост (не могу найти), что можно все золотистые надписи типа "Мы рады видеть вас" сделать просто черными, короче поменять цвет.

Цвет текста с золотистого поменять на черный можно сделать так:
В панели управления магазином, Сайт->Редактор тем, в разделе "Стили и скрипты" найдите файл main.csstemplate. В нем строки:

color: #BE9E4C;

и замените все такие строки на:

color: #000; /*цвет*/

Для смены активной и неактивной ссылки меню новостей - найдите в том же файле код:

a:link, a:visited {
  color: #D0431D;
  text-decoration: none;
}
a:hover, a:active {
  color: #00205B;
  text-decoration: underline;
}

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

a:link, a:visited {
  color: #00205B;
  text-decoration: none;
}
a:hover, a:active {
  color: #D0431D;
  text-decoration: underline;
}

[kirill-lavrov82]

miyako (22 Декабрь 2012 - 11:43) писал:

Цвет текста с золотистого поменять на черный можно сделать так:
В панели управления магазином, Сайт->Редактор тем, в разделе "Стили и скрипты" найдите файл main.csstemplate. В нем строки:

color: #BE9E4C;

и замените все такие строки на:

color: #000; /*цвет*/

Для смены активной и неактивной ссылки меню новостей - найдите в том же файле код:

a:link, a:visited {
color: #D0431D;
text-decoration: none;
}
a:hover, a:active {
color: #00205B;
text-decoration: underline;
}

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

a:link, a:visited {
color: #00205B;
text-decoration: none;
}
a:hover, a:active {
color: #D0431D;
text-decoration: underline;
}

Да, да, спасибо Вам огромное за оперативную помощь, разобрался сам, только теперь не могу определить где находится цвета от товаров, т е при наведении курсора на главной рамка подсвечивается красны, название товара голубое, а цена золотая, как эти цвета поменять, только название и цену, название просто черное, цена красная.

[support 2.0]

kirill-lavrov82 (22 Декабрь 2012 - 12:09) писал:

Да, да, спасибо Вам огромное за оперативную помощь, разобрался сам, только теперь не могу определить где находится цвета от товаров, т е при наведении курсора на главной рамка подсвечивается красны, название товара голубое, а цена золотая, как эти цвета поменять, только название и цену, название просто черное, цена красная.

Изменить цвет названия:
найдите блок

.goodsListItemName a {
color: #2F97CB;
font-size: 15px;
line-height: 1.2em;
padding: 0px;
margin: 0px;
}

и замените на

.goodsListItemName a {
color: black;
font-size: 15px;
line-height: 1.2em;
padding: 0px;
margin: 0px;
}

Изменить цвет цены:

.goodsListItemBlock a {
color: #BE9E4C;
}

и замените на

.goodsListItemBlock a {
color: red;
}

[kirill-lavrov82]

  Спасибо ВАМ Огромное!!!!!!!!!!!!!!!!!!!!!
Оперативно, четко и ясно!!!!!!!!!!!!!!!!!!!!!!

[kirill-lavrov82]

Вновь здравствуйте, возник следующий вопрос??? Он на скрине
1. Как правильно с шапкой поступить, и какого она должна быть размера??? Нужно ее отрезать немного, получается я должен изначально ее меньше сделать затем уже поставить на сайт, там уже двигать и подгонять, или это можно сделать непосредственно уже с установленной шапкой?
2. Фон тогда должен занять ее место по бокам.
3. Ну, подвинуть меню и убрать лишнее, думаю получится самому.

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

• 

[Koderhan]

kirill-lavrov82 (23 Декабрь 2012 - 21:30) писал:

Вновь здравствуйте, возник следующий вопрос??? Он на скрине
1. Как правильно с шапкой поступить, и какого она должна быть размера??? Нужно ее отрезать немного, получается я должен изначально ее меньше сделать затем уже поставить на сайт, там уже двигать и подгонять, или это можно сделать непосредственно уже с установленной шапкой?
2. Фон тогда должен занять ее место по бокам.
3. Ну, подвинуть меню и убрать лишнее, думаю получится самому.

Для того чтобы добавить фон для для шапки в файле main.csstemplate.
Найти код:

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}

Заменить:

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) no-repeat; background-position: center;}

Для того чтобы фон с "цветочками" применялся на всю страницу.
Найти код:

body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  background-color: #fff;
  color: #000;
}

Заменить:

body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  background-color: #fff;
  color: #000;
  background: url("{ASSETS_IMAGES_PATH}contentWrap_bg.jpg") repeat-x fixed left top;
}

[kirill-lavrov82]

Koderhan (24 Декабрь 2012 - 10:20) писал:

Для того чтобы добавить фон для для шапки в файле main.csstemplate.
Найти код:

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}

Заменить:

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) no-repeat; background-position: center;}

Для того чтобы фон с "цветочками" применялся на всю страницу.
Найти код:

body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #fff;
color: #000;
}

Заменить:

body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #fff;
color: #000;
background: url("{ASSETS_IMAGES_PATH}contentWrap_bg.jpg") repeat-x fixed left top;
}

С фоном разобрался, я немного получается увеличил размер шапки сайта, как я понял она была 150 высота, 960 ширина. Теперь я высоту сделал 205 если конечно не накосячил. Вопрос, шапку надо сделать на уровне с белой частью сайта, края оставить фоном с цветочками, не могу понять, какая должна тогда быть по размеру шапка??? (На скриненарисовал)

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

• 

[Koderhan]

kirill-lavrov82 (24 Декабрь 2012 - 18:26) писал:

С фоном разобрался, я немного получается увеличил размер шапки сайта, как я понял она была 150 высота, 960 ширина. Теперь я высоту сделал 205 если конечно не накосячил. Вопрос, шапку надо сделать на уровне с белой частью сайта, края оставить фоном с цветочками, не могу понять, какая должна тогда быть по размеру шапка??? (На скриненарисовал)

В файле main.csstemplate.
Найти код:

#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}

Заменить:

#header {position: relative;width: 958px;height: 205px;padding-bottom: -50px;margin: 0 auto;background-color: white;border-left: 1px solid #93BBC2;  border-right: 1px solid #93BBC2;}

[kirill-lavrov82]

Уважаемы Koderhan, подскажите твердолобу еще, я должен нарисовать новую  шапку размером 958*205, залить через редактор тем, а потом уже поменять код, как Вы написали в посте выше??? Или же мне оставлять старую шапку, и просто поменять код?

[Vaccina]

Вам нет необходимости изменять изображение вашей шапки.

[kirill-lavrov82]

Vaccina (24 Декабрь 2012 - 19:50) писал:

Вам нет необходимости изменять изображение вашей шапки.

Vaccina, не понял? объясните пожалуйста.

[Koderhan]

kirill-lavrov82 (24 Декабрь 2012 - 18:53) писал:

Уважаемы Koderhan, подскажите твердолобу еще, я должен нарисовать новую  шапку размером 958*205, залить через редактор тем, а потом уже поменять код, как Вы написали в посте выше??? Или же мне оставлять старую шапку, и просто поменять код?

Можете просто изменить код, который мы предложили ранее.

[kirill-lavrov82]

Я код поменял, но немного не то, я имел ввиду можно ли шапку сайта оставить (синюю), сделать её выше, как я делал ее 205 px. но только что бы она была по ширине как белая часть сайта. Какие тогда размеры должны быть??? На скрине красным выделена шапка, а по краям фон с цветочками

[support 2.0]

kirill-lavrov82 (25 Декабрь 2012 - 18:37) писал:

Я код поменял, но немного не то, я имел ввиду можно ли шапку сайта оставить (синюю), сделать её выше, как я делал ее 205 px. но только что бы она была по ширине как белая часть сайта. Какие тогда размеры должны быть??? На скрине красным выделена шапка, а по краям фон с цветочками

На наших шаблонах по умолчанию мы используем размер ширины шапки в 1920 пикселей. Не думаю, что стоит делать ширину больше.

[kirill-lavrov82]

support 2.0 (25 Декабрь 2012 - 19:05) писал:

На наших шаблонах по умолчанию мы используем размер ширины шапки в 1920 пикселей. Не думаю, что стоит делать ширину больше.

Все, понял как и что надо, я немного не так выразился, мне нужно было ширину шапки 960 сделать, а высоту увеличить, теперь понятно как это сделать. Вот что еще хотелось бы узнать. Само меню, можно ли его переделать, т е я хочу вместо прямоугольных закругленных блоков сделать свои кнопки, и поднять их вверх шапки как на скрине. Как поменять цвет их я понял, а вот как сделать кнопочки что то не догнал.

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

• 

[support 2.0]

kirill-lavrov82 (27 Декабрь 2012 - 09:49) писал:

Все, понял как и что надо, я немного не так выразился, мне нужно было ширину шапки 960 сделать, а высоту увеличить, теперь понятно как это сделать. Вот что еще хотелось бы узнать. Само меню, можно ли его переделать, т е я хочу вместо прямоугольных закругленных блоков сделать свои кнопки, и поднять их вверх шапки как на скрине. Как поменять цвет их я понял, а вот как сделать кнопочки что то не догнал.

Можно попробовать сделать следующее:
Чтобы кнопки были круглыми, найдите в файле main.css блок

#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block; font: 12px/22px sans-serif;height: 26px;color: #000;padding: 4px 10px 0 10px;background: url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius:15px 15px0px 0px;}

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

#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block; font: 12px/22px sans-serif;height: 26px;color: #000;padding: 4px 10px 0 10px;background: url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius:15px 15px 15px 15px;}

далее найдите блок

#mainNav {
position: absolute;
left: 5px;
bottom: 0;
height: 35px;
background: url("/web/upload/assets/images/133/132311/nav_bg.jpg") no-repeat;
}

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

#mainNav {
position: absolute;
top: -5px;
height: 35px;
background: url("/web/upload/assets/images/133/132311/nav_bg.jpg") no-repeat;
}

[kirill-lavrov82]

support 2.0 (27 Декабрь 2012 - 10:07) писал:

Можно попробовать сделать следующее:
Чтобы кнопки были круглыми, найдите в файле main.css блок

#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block; font: 12px/22px sans-serif;height: 26px;color: #000;padding: 4px 10px 0 10px;background: url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius:15px 15px0px 0px;}

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

#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block; font: 12px/22px sans-serif;height: 26px;color: #000;padding: 4px 10px 0 10px;background: url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius:15px 15px 15px 15px;}

далее найдите блок

#mainNav {
position: absolute;
left: 5px;
bottom: 0;
height: 35px;
background: url("/web/upload/assets/images/133/132311/nav_bg.jpg") no-repeat;
}

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

#mainNav {
position: absolute;
top: -5px;
height: 35px;
background: url("/web/upload/assets/images/133/132311/nav_bg.jpg") no-repeat;
}

Ясно, я предполагал что в этом коде нужно менять, но немного не то, я хочу вообще поставить свои кнопки, т е эти убрать, а сделать свои и поставить, такое возможно??? Просто интересно, я должен изображение кнопок через редактор тем загрузить, а далее уже соответственно выставить как мне нужно и как убрать эти кнопочки?
Для изменения шрифта, я так понял что нужно вставить это font:Tahoma;

[support 2.0]

kirill-lavrov82 (27 Декабрь 2012 - 10:42) писал:

Ясно, я предполагал что в этом коде нужно менять, но немного не то, я хочу вообще поставить свои кнопки, т е эти убрать, а сделать свои и поставить, такое возможно??? Просто интересно, я должен изображение кнопок через редактор тем загрузить, а далее уже соответственно выставить как мне нужно и как убрать эти кнопочки?
Для изменения шрифта, я так понял что нужно вставить это font:Tahoma;

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

#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block; font: 12px/22px sans-serif;height: 26px;color: #000;padding: 4px 10px 0 10px;background: url("/web/upload/assets/images/133/132311/nav_item_bg.gif") repeat-x bottom left;moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;}

и замените на

#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("[url="http://postel-prikid.ru/web/upload/assets/images/133/132311/nav_item_bg.gif"]/web/upload/assets/images/133/132311/nav_item_bg.gif[/url]") repeat-x bottom left;  moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block; font: 12px/22px sans-serif;height: 26px;color: #000;padding: 4px 10px 0 10px;}

Можете заменить(Сайт -> Редактор тем -> Файлы) изображение nav_item_bg.gif, которое имеет размер 600x60 пикселей на изображение с таким же именем и размер не плохо было бы таким же поставить

[kirill-lavrov82]

Здравствуйте все, вот такие вопросы возникли Они все на скрине пронумерованы.
1. Как закруглить края
2. Убрать только с главной левое меню, там по всей ширине хочу сделать слайдер, под ним будет небольшой текст.
3. Нужно карточки товаров сделать по всей ширине белой области (я так понимаю она 960 рх)
4. Саму эту белую область можно ли сделать немного прозрачной?
5. И как убрать там справа надпись "Команда Storeland"
6. Как убрать закругленные фиолетовые кнопки вообще, оставив только надписи, сделав покрупней и пожирней шрифт

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

• 

[Koderhan]

Цитата

1. Как закруглить края

Цитата

4. Саму эту белую область можно ли сделать немного прозрачной?

В файле main.csstemplate.
Найти код:

#content {
		margin: 0 auto;
		width: 960px;
		background-color: #fff;
}

Заменить:

#content {
		margin: 0 auto;
		width: 960px;
		background-color: #fff;
		border-radius: 20px;/*радиус закругления*/
		opacity: 0.8;/*прозрачность*/
}

Цитата

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

В файле "HTML".
Найти код:

<!-- Каталог -->
		  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
			{%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li>
						<a href="{catalog.URL}"
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		  </ul>
		  <!-- end Каталог -->

Заменить:

<!-- Каталог -->
			  {%IFNOT index_page %}
		  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
			{%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li>
						<a href="{catalog.URL}"
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		  </ul>
			  {%ELSEIF%}
			  <div class="f">
				 Тут код слайдера.
			  </div>
			  {%ENDIF%}
		  <!-- end Каталог -->