Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Добавление Меню, Изменение Фона Меню.

Автор unique123, 21 дек. 2014 01:58

изменить фон менб меню

Вперед

Авторизуйтесь для ответа в теме

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

#1 unique123

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

Пользователи
30 сообщений

Отправлено 21 Декабрь 2014 - 01:58

Здравствуйте, уважаемые форумчане!

Подскажите пожалуйста как сделать следующее -->см.файл приложение.

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

Наверх

#2 MikDark

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

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

Отправлено 21 Декабрь 2014 - 09:54

unique123 (21 Декабрь 2014 - 01:58) писал:

Здравствуйте, уважаемые форумчане!

Подскажите пожалуйста как сделать следующее -->см.файл приложение.

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

Загрузите нужные Вам изображения в раздел Сайт - Редактор шаблонов.

1) Меняем ромб, в main.css находим код:

.toggleArrow {
width: 20px;
height: 20px;
background: #DF747A;
transform: rotateZ(45deg);
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
}

и меняем на:

.toggleArrow {
width: 20px;
height: 20px;
background: url({ASSETS_IMAGES_PATH}icon.jpg);
transform: rotateZ(45deg);
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
}

где icon.jpg - имя загруженной Вами картинки

2) Фон в шапке, найдите в main.css код:

.menuwrp {
background: #685A4B;
min-height: 100px;
padding: 60px 0 10px 0;
}

и замените на:

.menuwrp {
background: url({ASSETS_IMAGES_PATH}bg.jpg);
min-height: 100px;
padding: 60px 0 10px 0;
}

где bg.jpg - имя загруженной Вами картинки

3) В блоке Меню отображаются категории которые есть на сайте. Их редактировать можно в админ-панели в разделе Товары - Товары.

Произведите данные изменения и ответим на вопросы по второму скриншоту

Наверх

#3 unique123

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

Пользователи
30 сообщений

Отправлено 21 Декабрь 2014 - 22:56

.toggleArrow {
width: 20px;
height: 20px;
background: #DF747A;
transform: rotateZ(45deg);
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
}

и меняем на:

.toggleArrow {
width: 20px;
height: 20px;
background: url({ASSETS_IMAGES_PATH}icon.jpg);
transform: rotateZ(45deg);
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
}
[/CODE]

где icon.jpg - имя загруженной Вами картинки

не работает, к сожалению.

Наверх

#4 unique123

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

Пользователи
30 сообщений

Отправлено 21 Декабрь 2014 - 23:05

MikDark (21 Декабрь 2014 - 09:54) писал:

.toggleArrow {
width: 20px;
height: 20px;
background: #DF747A;
transform: rotateZ(45deg);
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
}

и меняем на:

.toggleArrow {
width: 20px;
height: 20px;
background: url({ASSETS_IMAGES_PATH}icon.jpg);
transform: rotateZ(45deg);
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
}

где icon.jpg - имя загруженной Вами картинки

2) Фон в шапке, найдите в main.css код:

.menuwrp {
background: #685A4B;
min-height: 100px;
padding: 60px 0 10px 0;
}

и замените на:

.menuwrp {
background: url({ASSETS_IMAGES_PATH}bg.jpg);
min-height: 100px;
padding: 60px 0 10px 0;
}

1 и 2 пункт не работает, видимо как то по другому нужно задать путь к картинке.

unique123 (21 Декабрь 2014 - 23:03) писал:

1 и 2 пункт не работает, видимо как то по другому нужно задать путь к картинке.

Второй пункт работает

Наверх

#5 unique123

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

Пользователи
30 сообщений

Отправлено 22 Декабрь 2014 - 00:11

Заработало!))) спасибо вам огромное!!

Наверх

#6 boris_ts

Продвинутый пользователь

Пользователи
52 сообщений

Отправлено 22 Декабрь 2014 - 00:11

Добрый вечер. Помогите, пожалуйста, изменить верхнюю плашку. Мне надо на ней все удалить (избранное, личный кабинет, корзина, регистрация) - всё, кроме поиска. А в центре написать ОФИЦИАЛЬНЫЙ ПАРТНЕР. Заранее спасибо.

Наверх

#7 unique123

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

Пользователи
30 сообщений

Отправлено 22 Декабрь 2014 - 01:08

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

Мне кроме меню категории, требуется добавить еще один блок меню.

Наверх

#8 MikDark

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

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

Отправлено 22 Декабрь 2014 - 11:35

boris_ts (22 Декабрь 2014 - 00:11) писал:

Уточните, пожалуйста, номер аккаунта

Наверх

#9 MikDark

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

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

Отправлено 22 Декабрь 2014 - 11:44

unique123 (22 Декабрь 2014 - 01:08) писал:

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

Мне кроме меню категории, требуется добавить еще один блок меню.

Для начала Вам нужно создать это меню в разделе Сайт - Меню.

Наверх

#10 boris_ts

Продвинутый пользователь

Пользователи
52 сообщений

Отправлено 22 Декабрь 2014 - 11:56

MikDark (22 Декабрь 2014 - 11:35) писал:

Уточните, пожалуйста, номер аккаунта

SL 325 099

Наверх

#11 MikDark

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

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

Отправлено 22 Декабрь 2014 - 12:15

boris_ts (22 Декабрь 2014 - 11:56) писал:

SL 325 099

В шаблоне main.css найдите код:

.hmenu {
list-style: none;
font-size: 12px;
}

и замените на:

.hmenu {
list-style: none;
font-size: 12px;
display: none;
}

А в шаблоне HTML после кода:

<div class="headercont">

добавьте:

<div class="off">ОФИЦИАЛЬНЫЙ ПАРТНЕР</div>

Наверх

#12 boris_ts

Продвинутый пользователь

Пользователи
52 сообщений

Отправлено 22 Декабрь 2014 - 13:47

MikDark (22 Декабрь 2014 - 12:15) писал:

В шаблоне main.css найдите код:

.hmenu {
list-style: none;
font-size: 12px;
}

и замените на:

.hmenu {
list-style: none;
font-size: 12px;
display: none;
}

А в шаблоне HTML после кода:

<div class="headercont">

добавьте:

<div class="off">ОФИЦИАЛЬНЫЙ ПАРТНЕР</div>

Спасибо, получилось! Только строка с поиском съехала вниз до самого края. Ее можно выровнять посередине?

Наверх

#13 MikDark

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

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

Отправлено 22 Декабрь 2014 - 13:59

boris_ts (22 Декабрь 2014 - 13:47) писал:

Спасибо, получилось! Только строка с поиском съехала вниз до самого края. Ее можно выровнять посередине?

В main.css добавьте код:

.off {float: left;
width: 80%;}

Наверх

#14 boris_ts

Продвинутый пользователь

Пользователи
52 сообщений

Отправлено 22 Декабрь 2014 - 14:04

MikDark (22 Декабрь 2014 - 13:59) писал:

В main.css добавьте код:

.off {float: left;
width: 80%;}

Получилось, спасибо!

Наверх

#15 boris_ts

Продвинутый пользователь

Пользователи
52 сообщений

Отправлено 23 Декабрь 2014 - 19:21

Прошу прощения, еще пара вопросов.
1. Возможно ли сделать так, чтобы характеристики в таблице размещались в одной строке в 2 ряда, если текст длинный? Скриншот прикрепила.
2. Кнопка поделиться в подвале обрезана снизу.

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

Наверх

#16 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 23 Декабрь 2014 - 19:26

boris_ts (23 Декабрь 2014 - 19:21) писал:

Здравствуйте. В main.css замените

.oneprop .attr_name {
width: 250px;
display: inline-block;
font-size: 18px;
border: 1px solid #eee;
padding: 10px;
height: 40px;
overflow: hidden;
}

на

.oneprop .attr_name {
width: 412px;
display: inline-block;
font-size: 18px;
border: 1px solid #eee;
padding: 10px;
height: 40px;
overflow: hidden;
}

.oneprop .attr_value {
width: 574px;
display: inline-block;
font-size: 18px;
border: 1px solid #eee;
padding: 10px;
height: 40px;
overflow: hidden;
}

на

.oneprop .attr_value {
width: 412px;
display: inline-block;
font-size: 18px;
border: 1px solid #eee;
padding: 10px;
height: 40px;
overflow: hidden;
}

Наверх

#17 boris_ts

Продвинутый пользователь

Пользователи
52 сообщений

Отправлено 23 Декабрь 2014 - 19:49

Alekseys (23 Декабрь 2014 - 19:26) писал:

Здравствуйте. В main.css замените

.oneprop .attr_name {
width: 250px;
display: inline-block;
font-size: 18px;
border: 1px solid #eee;
padding: 10px;
height: 40px;
overflow: hidden;
}

на

.oneprop .attr_name {
width: 412px;
display: inline-block;
font-size: 18px;
border: 1px solid #eee;
padding: 10px;
height: 40px;
overflow: hidden;
}

.oneprop .attr_value {
width: 574px;
display: inline-block;
font-size: 18px;
border: 1px solid #eee;
padding: 10px;
height: 40px;
overflow: hidden;
}

на

.oneprop .attr_value {
width: 412px;
display: inline-block;
font-size: 18px;
border: 1px solid #eee;
padding: 10px;
height: 40px;
overflow: hidden;
}

Получилось! Как насчет кнопки Поделиться? Она обрезана снизу. Подскажите, где ее код

Наверх

#18 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 23 Декабрь 2014 - 19:54

boris_ts (23 Декабрь 2014 - 19:49) писал:

Получилось! Как насчет кнопки Поделиться? Она обрезана снизу. Подскажите, где ее код

В шаблоне HTML замените

<h3 class="footerHeader">Поделиться</h3>
	   <div>
		  <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
	   </div>

на

<h3 class="footerHeader">Поделиться</h3>
	   <div style="height: 26px;">
		  <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
	   </div>

Наверх

#19 boris_ts

Продвинутый пользователь

Пользователи
52 сообщений

Отправлено 23 Декабрь 2014 - 20:41

Alekseys (23 Декабрь 2014 - 19:54) писал:

В шаблоне HTML замените

<h3 class="footerHeader">Поделиться</h3>
	 <div>
		 <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
	 </div>

на

<h3 class="footerHeader">Поделиться</h3>
	 <div style="height: 26px;">
		 <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div>
	 </div>

Спасибо, получилось!

Наверх

#20 boris_ts

Продвинутый пользователь

Пользователи
52 сообщений

Отправлено 05 Январь 2015 - 19:17

Добрый день! Помогите, пожалуйста, увеличить шрифт в верхнем меню и соответственно, немного его раздвинуть вширь. Аккаунт 325099

Наверх

Вперед

Обратно в Изменение общей стилистики

Темы с аналогичным тегами изменить фон менб, меню

Вопросы работы сервиса StoreLand → Другие вопросы → Изменение Url'a Ссылки Навигационного Меню Автор Гость_smoke_story_* , 05 нояб. 2019 Навигация, Меню и 4 еще...	3 Ответов 3 093 Просмотров	Vaccina 16 нояб. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лазурь → Каталог товаров → Сделать Выпадающее Меню Автор Гость_arpico-latex_* , 16 янв. 2019 выпадающее, меню	3 Ответов 1 394 Просмотров	Vaccina 22 янв. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Осень → Нужна Помощь Редактировании Шаблона Осень Автор Гость_Olga1215_* , 16 нояб. 2018 осень, шапка, фон сайта и 4 еще...	0 Ответов 3 141 Просмотров	Olga1215 16 нояб. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Весна → Другое → Убрать Строку-Меню Перед Подвалом Автор Гость_Olivka_* , 14 июня 2018 подвал, меню	2 Ответов 1 816 Просмотров	Vaccina 15 июня 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лазурь → Помощь По Верстки Автор Гость_akhmanaev666_* , 13 июня 2018 меню, лазурь, описание товара	1 Ответ 2 001 Просмотров	akhmanaev666 13 июня 2018

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

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

Добавление Меню, Изменение Фона Меню.

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

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

Темы с аналогичным тегами изменить фон менб, меню

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

Войти

Google поиск