#1
Отправлено 23 Май 2014 - 14:16
#2
Отправлено 23 Май 2014 - 14:41
Art (23 Май 2014 - 14:16) писал:
.header .links li a.address{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16.png") left center no-repeat;}заменяем его на
.header .links li a.address{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16_act.png") left center no-repeat;}
#3
Отправлено 23 Май 2014 - 15:03
Ирина345 (23 Май 2014 - 14:41) писал:
.header .links li a.address{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16.png") left center no-repeat;}заменяем его на
.header .links li a.address{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16_act.png") left center no-repeat;}
#4
Отправлено 23 Май 2014 - 15:14
Art (23 Май 2014 - 15:03) писал:
.header .links li a.us{background:url("{ASSETS_IMAGES_PATH}ваша картинка.png") left center no-repeat;}но не забывайте она должна быть маленького размера 16х16 px
#5
Отправлено 23 Май 2014 - 23:28
А как изменить цвет надписей этих же?
#6
Отправлено 24 Май 2014 - 02:17
.header .links li a { color: #B2B2B2; display: block; height: 20px; line-height: 20px; padding-left: 20px; text-align: left; text-decoration: none; vertical-align: middle; white-space: nowrap; }измените значение стиля color
#7
Отправлено 26 Май 2014 - 01:16
Vaccina (24 Май 2014 - 02:17) писал:
.header .links li a { color: #B2B2B2; display: block; height: 20px; line-height: 20px; padding-left: 20px; text-align: left; text-decoration: none; vertical-align: middle; white-space: nowrap; }измените значение стиля color
спасибо большое! а как можно сделать так чтоб номера телефонов были прямо один под другим?сейчас как будто перед "+" пробел.
#8
Отправлено 26 Май 2014 - 07:25
Art (26 Май 2014 - 01:16) писал:
В шаблоне HTML найдите:
<!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %}
и замените на:
<!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code" style="margin-left: -5px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %}
#9
Отправлено 26 Май 2014 - 20:17
MikDark (26 Май 2014 - 07:25) писал:
<!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %}
и замените на:
<!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code" style="margin-left: -5px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %}
спасибо огромное! получилось! А как увеличить расстояние между номерами?
#10
Отправлено 26 Май 2014 - 22:54
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code" style="margin-left: -5px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %}
и замените на
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="contact-phone-number"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </div> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <div class="contact-phone-number"> <br /><span class="phone-country-code" style="margin-left: -5px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </div> {% ENDIF %}
потом открыть main.css
под самый последний код добавьте новую строчку кода
contact-phone-number{ padding:0 0 2px;}
#11
Отправлено 27 Май 2014 - 21:29
#14
Отправлено 09 Ноябрь 2014 - 10:50
#15
Отправлено 09 Ноябрь 2014 - 11:21
UltraMag (09 Ноябрь 2014 - 10:50) писал:
.cat-name:nth-child(2) {background:url("http://design.ultramag-samara.ru/icons-uni-white.png") 0 16px no-repeat;} .cat-name:nth-child(3) {background:url("http://design.ultramag-samara.ru/icons-uni-white.png") 0 -69px no-repeat;} .cat-name:nth-child(4) {background:url("http://design.ultramag-samara.ru/icons-uni-white.png") 0 -156px no-repeat;} .cat-name:nth-child(5) {background:url("http://design.ultramag-samara.ru/icons-uni-white.png") 0 -240px no-repeat;} .cat-name:nth-child(6) {background:url("http://design.ultramag-samara.ru/icons-uni-white.png") 0 -326px no-repeat;} .cat-name:nth-child(7) {background:url("http://design.ultramag-samara.ru/icons-uni-white.png") 0 -413px no-repeat;} .cat-name:nth-child(8) {background:url("http://design.ultramag-samara.ru/icons-uni-white.png") 0 -503px no-repeat;} .cat-name:nth-child(9) {background:url("http://design.ultramag-samara.ru/icons-uni-white.png") 0 -587px no-repeat;} .cat-name:nth-child(10) {background:url("http://design.ultramag-samara.ru/icons-uni-white.png") 0 -675px no-repeat;}
Меняющиеся числа от 2 до 10 - пункты меню, от 16 до -675 - смещение картинки по вертикали, если захотите подровнять иконки или заменить одну на другую, редактируйте вторые значения.
#16
Отправлено 09 Ноябрь 2014 - 11:28
#17
Отправлено 09 Ноябрь 2014 - 11:30
UltraMag (09 Ноябрь 2014 - 11:28) писал:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover{background:url(http://design.ultramag-samara.ru/icons-uni-white.png?6119) left no-repeat;display: inline-block;line-height: 1.3em;position: relative;color:#F2DBDB;border-top: 1px solid rgba(48, 26, 26, 0.71);padding: 0 12px;margin: 0;text-decoration:none;font-size:12px;font-family: 'Cuprum', Verdana, Geneva, sans-serif;text-transform:uppercase;line-height: 49px;}
и замените её на:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover{background:url(http://design.ultramag-samara.ru/icons-uni-white.png?6119) left no-repeat;display: inline-block;line-height: 1.3em;position: relative;color:#F2DBDB;border-top: 1px solid rgba(48, 26, 26, 0.71);padding: 0 20px;margin: 0;text-decoration:none;font-size:12px;font-family: 'Cuprum', Verdana, Geneva, sans-serif;text-transform:uppercase;line-height: 49px;}
Меняется параметр padding, можете отрегулировать сами.
#18
Отправлено 09 Ноябрь 2014 - 11:35
#20
Отправлено 09 Ноябрь 2014 - 11:53
Можно так же отцентрировать иконку и само меню?
И цвет иконки при наведении.
Темы с аналогичным тегами яркие иконки, техника
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техника →
Страница товара →
Поменять Местами Описание Товара И Доставку!Автор Гость_Art_* , 22 авг. 2014 доставка, описание товара и 2 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Другие вопросы →
Добрый День, Уважаемые Модераторы!Автор Гость_Andrew S._* , 24 апр. 2014 список, товар, меню, техника и 1 еще... |
|
|||
Повышение продаж, продвижение →
Общие вопросы →
Дубли ФайловАвтор Гость_EkaSmi_* , 05 марта 2014 техника |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техника →
Изменение общей стилистики →
Выделить Меню, Заменить ФонАвтор Гость_emin808_* , 30 нояб. 2012 меню фон, техника, цвет, выд |
|
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных