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

[dimmox]

все на скринах

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

• 
• 
• 

[Vaccina]

В шапке сайта, чтобы изменить розовый на иной цвет\картинку в main.css найдите:

#header_colapse {
	background-color: #FF0551;
	color: #FFFFFF;
	position: relative;
	z-index: 1000;
}

измените: background-color: #FF0551;

Чтобы убрать полосу найдите:

#footer {
	background-color: #F0F0F0;
	border-top: 4px solid #333333;
	clear: both;
	margin-top: 30px;
	min-height: 100px;
	padding: 0 0 30px;
}

удалите: border-top: 4px solid #333333;

Чтобы в самом низу подвала изменить фон, найдите:

#powered {
	background-color: #E0E0E0;
	clear: both;
	font-size: 11px;
	padding: 8px 0;
	text-align: center;
}

измените background-color: #E0E0E0;

Чтобы в подвале по бокам сменить цвет найдите:

#footer {
	background-color: #F0F0F0;
	border-top: 4px solid #333333;
	clear: both;
	margin-top: 30px;
	min-height: 100px;
	padding: 0 0 30px;
}

измените background-color: #F0F0F0;

Чтобы изменить после товаров цвет с белого на другой найдите:

.inner {
	background-color: #FFFFFF;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}

измените: background-color: #FFFFFF;
Но цвет поменяется и под ктаалогом

[dimmox]

как сделать картинку вверх шире в шапке. и фон сайта поменять цвет

[empty9228]

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

#header {position: relative;z-index: 99;background-color:#ffffff;}

замените на

#header {position: relative;z-index: 99;background-color: #D7F0F5;}

background-color: #D7F0F5; - цвет фона

По поводу изображения не могли бы вы указать на скриншоте какое изображение сделать шире и поднять.

[dimmox]

я уже сам все нашел спасибо. Сейчас еще скрины выложу что хотел бы сделать

[dimmox]

вот

и полоску убрать где темный синий фон. не пойму где она

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

• 

[empty9228]

найдите в файле main.css код

.CompareGoodsTableTbody td.noBorderBottom {/*border-top:1px solid #EAEAEA;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none; border-bottom: none !important;}

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

.CompareGoodsTableTbody td.noBorderBottom {/*border-top:1px solid #EAEAEA;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none; border-bottom: none !important; background: white;}

там же найдите

.CompareGoodsTableTbody td.BorderLeftAndRight {/*border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none; border-bottom: none !important;}

замените на

.CompareGoodsTableTbody td.BorderLeftAndRight {/*border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none; border-bottom: none !important; background: white;}

[dimmox]

empty9228 (18 Март 2014 - 13:00) писал:

найдите в файле main.css код

.CompareGoodsTableTbody td.noBorderBottom {/*border-top:1px solid #EAEAEA;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none; border-bottom: none !important;}

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

.CompareGoodsTableTbody td.noBorderBottom {/*border-top:1px solid #EAEAEA;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none; border-bottom: none !important; background: white;}

там же найдите

.CompareGoodsTableTbody td.BorderLeftAndRight {/*border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none; border-bottom: none !important;}

замените на

.CompareGoodsTableTbody td.BorderLeftAndRight {/*border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none; border-bottom: none !important; background: white;}

огромное Вам спасибо.

[dimmox]

вот что нужно еще на скринах и как перенести хиты товаров вверх сайта перед плоком с текстом на главной

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

• 
• 
• 

[empty9228]

чтоб убрать синюю полосу найдите в Css

#content .heading_title span { border-bottom:1px solid #0075e0; padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px; }

замените на

#content .heading_title span {/* border-bottom:1px solid #0075e0; */padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px; }

для того чтоб убрать полоску в каталоге вам нужно будет скачать к себе на компьютер изображение и отредактировать его в графическом редакторе, изображение menu.png. Затем загрузить обратно с таким же именем, старое удалить

цвет текста найдите

#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;font-size: 12px;}

замените на

#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;color: #c5dee0;font-size: 12px;}

цвет текста при наведении
в конце файла main.css добавьте

#header .links a:hover {
color: #fff;
}

[empty9228]

по поводу каталога, можно сделать вот так(скрин)
для этого найдите

#column-left .box .box-heading {padding: 15px 22px;font-size: 20px;font-weight:normal !important;margin: 0 0;color:#c5dee5;}

замените на

#column-left .box .box-heading {padding: 15px 22px;font-size: 20px;font-weight:normal !important;margin: 0 0;color:#c5dee5;background: rgb(44, 119, 189);border-radius: 6px;}

найдите

#column-left .box { background:url('http://design.futul.ru/menu.png'); -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); */*border: solid 1px #e1e1e1;}

замените на

#column-left .box {/* background:url('http://design.futul.ru/menu.png'); */-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;/* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); */ -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);/* -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); */*border: solid 1px #e1e1e1;}

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

• 

[dimmox]

empty9228 (18 Март 2014 - 14:08) писал:

чтоб убрать синюю полосу найдите в Css

#content .heading_title span { border-bottom:1px solid #0075e0; padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px; }

замените на

#content .heading_title span {/* border-bottom:1px solid #0075e0; */padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px; }

для того чтоб убрать полоску в каталоге вам нужно будет скачать к себе на компьютер изображение и отредактировать его в графическом редакторе, изображение menu.png. Затем загрузить обратно с таким же именем, старое удалить

цвет текста найдите

#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;font-size: 12px;}

замените на

#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;color: #c5dee0;font-size: 12px;}

цвет текста при наведении
в конце файла main.css добавьте

#header .links a:hover {
color: #fff;
}

а остальное незнаете как

[dimmox]

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

спасибо предыдущему автору большое за проделанную работу

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

• 

[dimmox]

вот еще карзину перетащить надо

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

• 

[daria_dnk]

Цитата

и так и не решен вопрос с хитами товаров что бы блок вверх поставить перед текстовым блоком на главной

Добрый день!
Чтобы переместить хиты на главной над текстовым блоком, скопируйте данный блок полностью со строки

<!-- Список избранных товаров на главной -->

до строки

<!-- /Список избранных товаров на главной -->

и переместите
между строками

 <div id="content">

и   

{BODY}

[dimmox]

daria_dnk (18 Март 2014 - 19:58) писал:

Добрый день!
Чтобы переместить хиты на главной над текстовым блоком, скопируйте данный блок полностью со строки

<!-- Список избранных товаров на главной -->

до строки

<!-- /Список избранных товаров на главной -->

и переместите
между строками

 <div id="content">

и   

{BODY}

спасибо а по другим вопросам не можете помочь

осталось полоски убрать и корзину перетащить в шапку

[daria_dnk]

dimmox (18 Март 2014 - 21:45) писал:

осталось полоски убрать

По поводу полосок советую Вам обрезать верхний и нижний края используемой фоновой картинки, из-за них у вас появляются полоски.

[daria_dnk]

dimmox (18 Март 2014 - 21:45) писал:

корзину перетащить в шапку

найдите в шаблоне HTML блок

<!-- Корзина -->
		 <div id="cart">
		 <div class="heading">
			 <h4>Корзина покупок</h4>
			 <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
			 {% IF cart_count_empty %}
			 <span class="red">0</span>
			 {% ELSE %}
				 {CART_COUNT_TOTAL}
			 {% ENDIF %}
				 - на сумму
			
			 {% IF cart_count_empty %}
				 <span>0</span> {CURRENCY_NAME}
			 {% ELSE %}
				 {% FOR cart_sum %}
				 {cart_sum.NOW | money_format}<br />
				 {% ENDFOR %}
			 {% ENDIF %}</span>
			 </a>
		 </div>
		 <div class="content">
			 <div class="empty">Ваша корзина покупок пуста!</div>
		 </div>
		 <div class="clear"></div>
		 </div>
		 <!-- end Корзина -->

и переместите его после строк

<div class="inner">
		 <a id="toggle_switch" class="toggler" title="Показать/Скрыть" >
			 <span>Показать/Скрыть</span>
		 </a>
		 </div>
	 </div>

перед строками

<div class="header_top">

[dimmox]

меню съехало после переноса корзины как поставить на место. на скрине подробности

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

• 

[Vaccina]

попробуйте почистить кэш, сейчас корзина отображается в желаемом вами месте и меню отображается корректно