Помогите Поменять Всю Верхнюю Часть Сайта. Шаблон "весна"
#21
Отправлено 29 Апрель 2015 - 10:03
А как убрать подчеркивание с "Интернет магазин №1 в Ставрополе!" ?.
И изменить шрифт у "Заказать звонок" и сделать "жирным" "222-222" ?
И последнее, как между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку?
Аккаунт SL-342246
http://m88080.storeland.ru/
#22
Отправлено 29 Апрель 2015 - 11:51
Андрей Горшенин (29 Апрель 2015 - 10:03) писал:
А как убрать подчеркивание с "Интернет магазин №1 в Ставрополе!" ?.
И изменить шрифт у "Заказать звонок" и сделать "жирным" "222-222" ?
И последнее, как между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку?
Аккаунт SL-342246
http://m88080.storeland.ru/
Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css и в самом конце вставьте код:
#logo a { text-decoration: none; }
2. Чтобы сделать жирным шрифт у "Заказать звонок" и "222-222" в main.css найдите код:
#header #support a.callback p{ color: #000; text-align:center; } #header #support a.callback p { color: #000; text-align: center; margin-right: 38px; }
Замените на:
#header #support a.callback p{ color: #000; text-align:center; font-weight: bold; } #header #support a.callback p { color: #000; text-align: center; margin-right: 38px; font-weight: bold; }
#23
Отправлено 29 Апрель 2015 - 19:26
И как между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку?.
#24
Отправлено 29 Апрель 2015 - 20:23
Андрей Горшенин (29 Апрель 2015 - 19:26) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#header #support a.callback p{ color: #000; text-align:center; font-weight: bold; } #header #support a.callback p { color: #000; text-align: center; margin-right: 38px; font-weight: bold; }
Замените на:
#header #support a.callback p { color: #000; text-align: center; }
Найдите код:
#header #support a, #header #support a:hover{color: #fff;text-decoration: none;}
Замените на:
#header #support a, #header #support a:hover{text-decoration: none;}
Найдите код:
#header #support { position: relative; float: right; top: 18px; margin-right: 11px; z-index: 30; width: 210px; }
Замените на:
#header #support { position: relative; float: right; top: 18px; margin-right: 11px; z-index: 30; width: 210px; text-align: center; }
В самом конце main.css вставьте код:
.contacts { font-family: 'Ubuntu Condensed'; font-size: 15px; font-weight: bold; }
#25
Отправлено 29 Апрель 2015 - 20:31
Андрей Горшенин (29 Апрель 2015 - 19:26) писал:
И как между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку?.
<p>Заказать звонок</p> <p>222 222</p>на
<p style="font-weight: inherit;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p>и в main.css замените
#header #support a.callback p { color: #000; text-align: center; margin-right: 38px; font-weight: bold; }на
#header #support a.callback p { color: #000; text-align: center; margin-right: 38px; font-weight: bold; font-size: 15px; }
#26
Отправлено 29 Апрель 2015 - 22:48
Аккаунт SL-342246
http://m88080.storeland.ru/
#27
Отправлено 30 Апрель 2015 - 02:08
#header #support { float: right; margin-right: 11px; position: relative; top: 18px; width: 210px; z-index: 30; }замените на:
#header #support { float: right; margin-right: 11px; position: relative; top: 18px; width: 170px; z-index: 30; } .heading span#cart-total { font: 15px Trebuchet MS; }
#28
Отправлено 30 Апрель 2015 - 14:46
#29
Отправлено 30 Апрель 2015 - 15:09
Андрей Горшенин (30 Апрель 2015 - 14:46) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<div class="clear"></div> </div> </div> {% ENDIF %} <div class="clear"></div>
Замените на:
<div id="dostavka"><a href="http://{NET_DOMAIN}/"><img src="ссылка на картинку" title="" alt=""> <p style="text-align: center;">Бесплатная доставка по городу</p></a></div> <div class="clear"></div> </div> </div> {% ENDIF %} <div class="clear"></div>
Вместо "ссылка на картинку" вставьте ссылку на изображение. Размер изображения должен быть размером 255x63, как у логотипа.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css и вставьте в конце код:
#dostavka { float: right; margin: 12px 75px; } #dostavka a { text-decoration: none; }
#30
Отправлено 30 Апрель 2015 - 15:42
Аккаунт SL-342246
http://m88080.storeland.ru/
#32
Отправлено 30 Апрель 2015 - 16:06
Андрей Горшенин (30 Апрель 2015 - 15:42) писал:
Аккаунт SL-342246
http://m88080.storeland.ru/
В шаблоне HTML найдите код:
<div id="dostavka"><a href="http://{NET_DOMAIN}/"><img src="ссылка на картинку" title="" alt=""> <p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div> <div class="clear"></div> </div> </div> {% ENDIF %} <div class="clear"></div>
Замените на:
<div class="clear"></div> </div> </div> <div id="dostavka"><a href="/page/Доставка"><img src="ссылка на картинку" title="Доставка"> <p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div> {% ENDIF %} <div class="clear"></div>
Ссылка на страницу "Доставка" добавлена в код.
Осталось добавить ссылку на картинку.
Размер иконок "Заказать звонок" и "Корзина" 36 x 36px.
#33
Отправлено 30 Апрель 2015 - 16:49
Firefly (30 Апрель 2015 - 16:06) писал:
В шаблоне HTML найдите код:
<div id="dostavka"><a href="http://{NET_DOMAIN}/"><img src="ссылка на картинку" title="" alt=""> <p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div> <div class="clear"></div> </div> </div> {% ENDIF %} <div class="clear"></div>
Замените на:
<div class="clear"></div> </div> </div> <div id="dostavka"><a href="/page/Доставка"><img src="ссылка на картинку" title="Доставка"> <p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div> {% ENDIF %} <div class="clear"></div>
Ссылка на страницу "Доставка" добавлена в код.
Осталось добавить ссылку на картинку.
Размер иконок "Заказать звонок" и "Корзина" 36 x 36px.
Огромное спасибо)) Помогите еще пожалуйста сделать вот так . И все (Заказать звонок, Бесплатная доставка) сделать таким же шрифтом и толщиной как "Корзина покупок", а "Покупок 0 - на сумму 0 рублей" оставить как есть.
#34
Отправлено 30 Апрель 2015 - 17:05
Андрей Горшенин (30 Апрель 2015 - 16:49) писал:
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка"> <p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div>
Замените его на:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка"> <p style="text-align: center;font-weight: bold;">Бесплатная доставка по Ставрополю</p></a></div>
В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><p style="font-weight: inherit;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p><span class="sup_phone"></span></a>
Замените его на:
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><p style="font-weight: inherit; font-weight: bold;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p><span class="sup_phone"></span></a>
#35
Отправлено 30 Апрель 2015 - 17:31
Cupuyc (30 Апрель 2015 - 17:05) писал:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка"> <p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div>
Замените его на:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка"> <p style="text-align: center;font-weight: bold;">Бесплатная доставка по Ставрополю</p></a></div>
В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><p style="font-weight: inherit;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p><span class="sup_phone"></span></a>
Замените его на:
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><p style="font-weight: inherit; font-weight: bold;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p><span class="sup_phone"></span></a>
Не получилось( Как сделать такой же шрифт, размер, цвет и т.д как у "Корзина покупок"??? Просто сейчас они все какие то разные(((((((
#36
Отправлено 30 Апрель 2015 - 18:15
Андрей Горшенин (30 Апрель 2015 - 17:31) писал:
#header #support a.callback p { color: #000; text-align: center; margin-right: 38px; font-weight: none; font-size: 15px; }
замените на:
#header #support a.callback p { color: #000; text-align: center; margin-right: 38px; font-family: 'Ubuntu Condensed'; font-weight: none; font-size: 15px; }
Туда же добавьте:
.callback p {font-size: 15px;font-family: 'Ubuntu Condensed';}
#37
Отправлено 30 Апрель 2015 - 20:35
Андрей Горшенин (30 Апрель 2015 - 16:49) писал:
Немного подправил Вам внешний вид элемента "Бесплатная доставка". Теперь будет выглядеть, как и 2 элемента справа.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#dostavka { float: right; margin: 12px 75px; }
Замените на:
#dostavka { float: right; margin-right: 30px; min-width: 190px; text-align: center; }
Добавьте в самом конце main.css код:
#dostavka a img { margin-top: 16px; float: right; }
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка"> <p style="text-align: center;font-weight: bold;">Бесплатная доставка по Ставрополю</p></a></div>
Замените на:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка"> <p style="margin-top: 16px;font-weight: bold;">Бесплатная доставка</p> <p style="font-weight: bold;">по Ставрополю</p></a></div>
#38
Отправлено 30 Апрель 2015 - 21:16
Firefly (30 Апрель 2015 - 20:35) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#dostavka { float: right; margin: 12px 75px; }
Замените на:
#dostavka { float: right; margin-right: 30px; min-width: 190px; text-align: center; }
Добавьте в самом конце main.css код:
#dostavka a img { margin-top: 16px; float: right; }
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка"> <p style="text-align: center;font-weight: bold;">Бесплатная доставка по Ставрополю</p></a></div>
Замените на:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка"> <p style="margin-top: 16px;font-weight: bold;">Бесплатная доставка</p> <p style="font-weight: bold;">по Ставрополю</p></a></div>
Получилось все равно не так((
Хотелось бы вот так
#39
Отправлено 01 Май 2015 - 01:10
#dostavka a img { margin-top: 16px; float: right; }
вставьте данный блок в main.css, если же он добавлен, проверьте, не нарушен ли синтаксис старых блоков куда вы вставили новый, так как после данного изменения приобретается желаемый вами результат.
#40
Отправлено 04 Май 2015 - 22:58
Vaccina (01 Май 2015 - 01:10) писал:
#dostavka a img { margin-top: 16px; float: right; }
вставьте данный блок в main.css, если же он добавлен, проверьте, не нарушен ли синтаксис старых блоков куда вы вставили новый, так как после данного изменения приобретается желаемый вами результат.
Огромное спасибо) А как сделать эффект при наведении (как у поиска и корзины) у значка доставки? И как сделать так, чтобы при наведении на (Бесплатная доставка) и (Интернет магазин №1) не выделялось красным цветом?
Темы с аналогичным тегами весна шапка, размер, цвет
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных