Смена Фона
#41
Отправлено 17 Апрель 2014 - 12:23
Аккаунт SL-237189
Уже наверно наворотила , но всё равно фона нет.
#42
Отправлено 17 Апрель 2014 - 12:26
#43
Отправлено 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
Отправлено 17 Апрель 2014 - 13:16
#45
Отправлено 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%; }
#47
#48
Отправлено 17 Апрель 2014 - 18:18
ANGELA-SHOP (17 Апрель 2014 - 17:40) писал:
.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
Отправлено 17 Апрель 2014 - 18:59
Ну раз так хорошо пошло, можно ещё кое-что спросить....
1.Как бы мне вот это надеть где главная,каталог, контакты...
2.А вот это надеть на сам каталог, вы недавно смотрели..
ну в крайнем случае поменять цвет и закруглить.
И ещё заметила, что моя шапка на планшете вылезает, как бы её на месте прикрепить..
#50
Отправлено 17 Апрель 2014 - 19:32
ANGELA-SHOP (17 Апрель 2014 - 18:59) писал:
Ну раз так хорошо пошло, можно ещё кое-что спросить....
1.Как бы мне вот это надеть где главная,каталог, контакты...
фон.png
.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
Отправлено 17 Апрель 2014 - 20:00
#52
Отправлено 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; }
#55
Отправлено 18 Апрель 2014 - 08:13
#56
Отправлено 23 Апрель 2014 - 08:38
Здравствуйте!Подскажите,пожалуйста,хотелось бы:
1.заменить цвет фона верхнего меню на картинку ( пробовал изменить в Main CSS в 104 строке значение background-color: #ffffff;} на background: url('http://design.arctic...op_fon.png?1148'); где и в чем я допускаю ошибку?
2 Вставить изображение в .gif под логотип слева от корзины
#57
Отправлено 23 Апрель 2014 - 08:58
Алекс777 (23 Апрель 2014 - 08:38) писал:
Здравствуйте!Подскажите,пожалуйста,хотелось бы:
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
Отправлено 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
Отправлено 23 Апрель 2014 - 14:28
Алекс777 (23 Апрель 2014 - 13:39) писал:
По второй просьбе....картинка http://design.arctic...uletka.gif?9081
Находим:
<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
Отправлено 23 Апрель 2014 - 17:36
Castiel (23 Апрель 2014 - 14:28) писал:
Находим:
<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 анонимных