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


Смена Фона


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

#41 ANGELA-SHOP

ANGELA-SHOP

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

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 17 Апрель 2014 - 12:23

День добрый.
Аккаунт SL-237189
Уже наверно наворотила , но всё равно фона нет.

#42 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 17 Апрель 2014 - 12:26

О-о-о-огромное спасибо! Вот-это я понимаю! Нормальная тема " Весна"!

#43 Castiel

Castiel

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

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

Отправлено 17 Апрель 2014 - 12:31

Просмотр сообщенияANGELA-SHOP (17 Апрель 2014 - 12:23) писал:

День добрый.
Аккаунт SL-237189
Уже наверно наворотила , но всё равно фона нет.
Здравствуйте,

В файле "main.css".
Найти:
body {
		background: url('фон.png') no-repeat center top fixed;
		color: #000000;
		line-height: 1;
		background-size:100% 100%;
}

Заменить:
body {
		background: url('{ASSETS_IMAGES_PATH}фон.png') repeat;
		background-size:100% 100%;
}

Не рекомендуется использовать Русские названия фонового изображения.


В файле "main.css".
Найти:
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
border-top: 0px solid #ff0551;
}

Заменить:
#header {
position: relative;
z-index: 99;
border-top: 0px solid #ff0551;
}


#44 ANGELA-SHOP

ANGELA-SHOP

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

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 17 Апрель 2014 - 13:16

перезагрузила полностью, всё сделала , а фона нет

#45 Castiel

Castiel

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

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

Отправлено 17 Апрель 2014 - 15:18

Просмотр сообщенияANGELA-SHOP (17 Апрель 2014 - 13:16) писал:

перезагрузила полностью, всё сделала , а фона нет

Пожалуйста, выполняйте инструкции внимательнее и полностью.

Необходимо удалить лишнее в самом конце.

[/size]
[size=4]


Этот код
body {
		background: url('fon.png') no-repeat center top;
		color: #000000;
		line-height: 1;
}

Заменить на этот и он должен быть в начале файла после 26 строки.
body {
				background: url('{ASSETS_IMAGES_PATH}fon.png') repeat;
				background-size:100% 100%;
}


#46 ANGELA-SHOP

ANGELA-SHOP

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

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 17 Апрель 2014 - 17:40

Ура, уже получается,а можно как на прикрепленной картинке сделать?
фон.png

#47 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 17 Апрель 2014 - 18:03

Просмотр сообщенияANGELA-SHOP (17 Апрель 2014 - 17:40) писал:

Ура, уже получается,а можно как на прикрепленной картинке сделать?
Прикрепленный файл фон.png

В main.css найдите код:
.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background-color: #f5f5f5;
}

и замените на:
.header_top {
width: 1200px;
margin: 0 auto;
min-height: 40px;
background-color: #f5f5f5;
}


#48 Ирина345

Ирина345

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

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

Отправлено 17 Апрель 2014 - 18:18

Просмотр сообщенияANGELA-SHOP (17 Апрель 2014 - 17:40) писал:

Ура, уже получается,а можно как на прикрепленной картинке сделать?
Прикрепленный файл фон.png
Здравствуйте Вам нужно зайти в main.css и найдите

.inner {margin:0 auto;width:1200px;padding:0;clear:both;background-color:#ffffff;box-sizing: border-box;}
замените

.inner {margin:0 auto;width:1200px;padding:0;clear:both;background: url('{ASSETS_IMAGES_PATH}fon.png') repeat;box-sizing: border-box;}
найдите в HTML код
 <div id="cart">
замените

 <div id="cart" style="background: url('{ASSETS_IMAGES_PATH}fon.png') repeat;">


#49 ANGELA-SHOP

ANGELA-SHOP

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

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 17 Апрель 2014 - 18:59

Спасибо большущее!!!

Ну раз так хорошо пошло, можно ещё кое-что спросить....
1.Как бы мне вот это надеть  где главная,каталог, контакты...
фон.png
2.А вот это надеть на сам каталог, вы недавно смотрели..
фон1.png

ну в крайнем случае поменять цвет и закруглить.

И ещё заметила, что моя шапка на планшете вылезает, как бы её на месте прикрепить..

#50 Ирина345

Ирина345

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

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

Отправлено 17 Апрель 2014 - 19:32

Просмотр сообщенияANGELA-SHOP (17 Апрель 2014 - 18:59) писал:

Спасибо большущее!!!

Ну раз так хорошо пошло, можно ещё кое-что спросить....
1.Как бы мне вот это надеть  где главная,каталог, контакты...
Прикрепленный файл фон.png

1 если Вы хотите окрасить главное меню в оранжевый цвет Вам нужно найти в main.css строку

.header_top {width:1200px;margin: 0 auto;min-height:40px;background-color:#f5f5f5;}
заменить на
.header_top {width:1200px;margin: 0 auto;min-height:40px;background-color:#ff9218;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5xp;-ms-border-radius: 5px;border-radius: 5px;}


#51 ANGELA-SHOP

ANGELA-SHOP

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

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 17 Апрель 2014 - 20:00

Да,спасибо, а как так же сделать в блоки "каталог" и "вы смотрели"

#52 Vaccina

Vaccina

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

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

Отправлено 18 Апрель 2014 - 04:31

если вам нужно закрасить только заголовки данных блоков, то найдите:
#column-left .box .box-heading {
	border-bottom: 1px solid #E1E1E1;
	color: #666666;
	font-size: 20px;
	font-weight: normal !important;
	margin: 0 10px;
	padding: 15px 0;
}
замените на:
#column-left .box .box-heading {
	background: #FF9218;
	border-bottom: 1px solid #E1E1E1;
	color: #666666;
	font-size: 20px;
	font-weight: normal !important;
	margin: 0;
	padding: 15px 0 15px 10px;
}


#53 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

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

Здравствуйте! Как изменить цвет фона, на котором расположены карточки с картинками и надписями:

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

  • Безымянный789677567.png


#54 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 18 Апрель 2014 - 07:49

Просмотр сообщенияCybernetic (18 Апрель 2014 - 07:47) писал:

Здравствуйте! Как изменить цвет фона, на котором расположены карточки с картинками и надписями:

В main.css добавьте:
.product-list2 {
background: #000;
}

где #000 - это код цвета

#55 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 18 Апрель 2014 - 08:13

Спасибо!!! Цвет поменялся!

#56 Алекс777

Алекс777

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 23 Апрель 2014 - 08:38

SL-280981

Здравствуйте!Подскажите,пожалуйста,хотелось бы:
1.заменить цвет фона верхнего меню на картинку ( пробовал изменить в Main CSS в 104 строке  значение background-color: #ffffff;} на background: url('http://design.arctic...op_fon.png?1148'); где и в чем я допускаю ошибку?

2 Вставить изображение в .gif под логотип слева от корзины

скрин.JPG

#57 Castiel

Castiel

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

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

Отправлено 23 Апрель 2014 - 08:58

Просмотр сообщенияАлекс777 (23 Апрель 2014 - 08:38) писал:

SL-280981

Здравствуйте!Подскажите,пожалуйста,хотелось бы:
1.заменить цвет фона верхнего меню на картинку ( пробовал изменить в Main CSS в 104 строке  значение background-color: #ffffff;} на background: url('http://design.arctic...op_fon.png?1148'); где и в чем я допускаю ошибку?

2 Вставить изображение в .gif под логотип слева от корзины

Прикрепленный файл скрин.JPG

Здравствуйте,

1. В файле "main.css".
Найти:
.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background-color: #ffffff;
}

Заменить:
.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background: url('{ASSETS_IMAGES_PATH}top_fon.png') repeat;
}

Находим
#header .links a:hover, #header .links a.selected {
background-color: #ffffff;
padding: 11px 10px 9px 10px;
}
Заменяем на
#header .links a:hover, #header .links a.selected {
padding: 11px 10px 9px 10px;
}

2. Загрузите пожалуйста вашу картинку которую вы хотите установить около корзины и укажите прямую ссылку на нее в сообщении и мы вышлем вам код для установки

#58 Алекс777

Алекс777

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 23 Апрель 2014 - 13:39

Просмотр сообщенияCastiel (23 Апрель 2014 - 08:58) писал:

Здравствуйте,

1. В файле "main.css".
Найти:
.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background-color: #ffffff;
}

Заменить:
.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background: url('{ASSETS_IMAGES_PATH}top_fon.png') repeat;
}

Находим
#header .links a:hover, #header .links a.selected {
background-color: #ffffff;
padding: 11px 10px 9px 10px;
}
Заменяем на
#header .links a:hover, #header .links a.selected {
padding: 11px 10px 9px 10px;
}

2. Загрузите пожалуйста вашу картинку которую вы хотите установить около корзины и укажите прямую ссылку на нее в сообщении и мы вышлем вам код для установки

Спасибо огромное!)...за оперативный ответ и четкий алгоритм!

По второй просьбе....картинка http://design.arctic...uletka.gif?9081

#59 Castiel

Castiel

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

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

Отправлено 23 Апрель 2014 - 14:28

Просмотр сообщенияАлекс777 (23 Апрель 2014 - 13:39) писал:

Спасибо огромное!)...за оперативный ответ и четкий алгоритм!

По второй просьбе....картинка http://design.arctic...uletka.gif?9081
В шаблоне "HTML"
Находим:
		<div class="inner">

		  <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

		  <!-- Корзина -->
		  <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="clear"></div>

		</div>

Заменяем на:
		<div class="inner">

		  <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

		  <div id="headerblock">
			<!-- Корзина -->
			<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="banner"><a href="#"><img src="{ASSETS_IMAGES_PATH}branzuletka.gif" title="" alt=""></a></div>
			<!-- end Баннер -->
		  </div>

		  <div class="clear"></div>

		</div>


Далее добавляем стили в main.css

#headerblock {
width: 100%;
height: 100px;
float: left;
position: relative;
}
.banner {
width: 100px;
height: 100px;
float: right;
right: 300px;
}


В файле "main.css".
Найти:
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
}

Заменить:
#header #cart {
z-index: 20;
width: 300px;
top: 18px;
float:right;
position:relative;
}


#60 Алекс777

Алекс777

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 23 Апрель 2014 - 17:36

Просмотр сообщенияCastiel (23 Апрель 2014 - 14:28) писал:

В шаблоне "HTML"
Находим:
<div class="inner">

<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

<!-- Корзина -->
<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="clear"></div>

</div>

Заменяем на:
<div class="inner">

<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

<div id="headerblock">
<!-- Корзина -->
<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="banner"><a href="#"><img src="{ASSETS_IMAGES_PATH}branzuletka.gif" title="" alt=""></a></div>
<!-- end Баннер -->
</div>

<div class="clear"></div>

</div>


Далее добавляем стили в main.css

#headerblock {
width: 100%;
height: 100px;
float: left;
position: relative;
}
.banner {
width: 100px;
height: 100px;
float: right;
right: 300px;
}


В файле "main.css".
Найти:
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
}

Заменить:
#header #cart {
z-index: 20;
width: 300px;
top: 18px;
float:right;
position:relative;
}

Еще раз от души спасибо!) Все получается!




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

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