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


Меню С Картинками

Автор dostypno, 14 дек. 2014 00:00

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

#41 dostypno

dostypno

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

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

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

Просмотр сообщенияshnafix (19 Декабрь 2014 - 18:24) писал:

Уменьшите до значения 0 или скройте этот параметр.
не помогло(

#42 Ирина345

Ирина345

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

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

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

Просмотр сообщенияdostypno (19 Декабрь 2014 - 18:29) писал:

не помогло(
очистите кеш браузера.

#43 dostypno

dostypno

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

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

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

Просмотр сообщенияИрина345 (19 Декабрь 2014 - 18:30) писал:

очистите кеш браузера.
Очистил кеш не помагает, уже с других браузеров смотрел.

#44 shnafix

shnafix

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

  • Модератоpы
  • 506 сообщений

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

Просмотр сообщенияdostypno (19 Декабрь 2014 - 18:47) писал:

Очистил кеш не помагает, уже с других браузеров смотрел.
Сейчас отображается так.

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

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

#45 dostypno

dostypno

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

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

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

Просмотр сообщенияshnafix (19 Декабрь 2014 - 18:49) писал:

Сейчас отображается так.
и что делать?

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

  • IMG_19122014_194015.png

#46 Ирина345

Ирина345

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

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

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

Просмотр сообщенияdostypno (19 Декабрь 2014 - 20:02) писал:

и что делать?
Найдите в main.css
 #panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg?design=plastic) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px;width: 140px; }
замените на


#panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg?design=plastic) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px;width: 140px; z-index:45}

#47 dostypno

dostypno

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

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

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

Просмотр сообщенияИрина345 (19 Декабрь 2014 - 20:06) писал:

Найдите в main.css
#panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg?design=plastic) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px;width: 140px; }
замените на


#panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg?design=plastic) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px;width: 140px; z-index:45}
Спасибо.  Помогло!!!

#48 dostypno

dostypno

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

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

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

Я создал еще один пункт меню и у меня все полезло(( что делать?

#49 dostypno

dostypno

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

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

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

аууууу

#50 Vaccina

Vaccina

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

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

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

В main.css найдите:
#panelsite div.centercol .menuheader ul li a {
	color: #5d5c5c;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 5px 13px;
	text-decoration: none;
}

замените на:
#panelsite div.centercol .menuheader ul li a {
	color: #5d5c5c;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 5px 0px;
	text-decoration: none;
	text-align:center;
}

далее найдите:
#panelsite div.centercol .menuheader ul li {
	background: url("http://design.autopilot-style.ru/menuheaderline.jpg?design=plastic") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
	float: left;
	margin: 0 10px 0 0;
	padding-left: 10px;
	width: 140px;
	z-index: 45;
}
замените на:
#panelsite div.centercol .menuheader ul li {
	background: url("http://design.autopilot-style.ru/menuheaderline.jpg?design=plastic") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
	float: left;
	margin: 0;
	padding-left: 10px;
	width: 130px;
	z-index: 45;
}

#51 dostypno

dostypno

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

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

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

Просмотр сообщенияVaccina (23 Декабрь 2014 - 00:47) писал:

В main.css найдите:
#panelsite div.centercol .menuheader ul li a {
color: #5d5c5c;
display: block;
font: 12px Verdana,Geneva,sans-serif;
padding: 5px 13px;
text-decoration: none;
}

замените на:
#panelsite div.centercol .menuheader ul li a {
color: #5d5c5c;
display: block;
font: 12px Verdana,Geneva,sans-serif;
padding: 5px 0px;
text-decoration: none;
text-align:center;
}

далее найдите:
#panelsite div.centercol .menuheader ul li {
background: url("http://design.autopilot-style.ru/menuheaderline.jpg?design=plastic") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
float: left;
margin: 0 10px 0 0;
padding-left: 10px;
width: 140px;
z-index: 45;
}
замените на:
#panelsite div.centercol .menuheader ul li {
background: url("http://design.autopilot-style.ru/menuheaderline.jpg?design=plastic") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
float: left;
margin: 0;
padding-left: 10px;
width: 130px;
z-index: 45;
}
Это помогло но теперь в выпадающем меню кнопки разбросаны, как выровнять?

#52 Vaccina

Vaccina

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

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

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

В main.css найдите:
.menuResp ul li {
	background: none !important;
	display: inline-block;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
замените на:
.menuResp ul li {
	background: none !important;
	border: 1px solid #eee;
	display: inline-block;
	list-style: outside none none;
	margin: 0;
	padding: 0 !important;
}
.menuResp ul li img {
	vertical-align: middle;
}

#53 dostypno

dostypno

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

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

Отправлено 15 Январь 2015 - 14:14

Здравствуйте, у меня Меню сейчас выглядит как на фото (я прикрепил), как сделать что бы логотипы брендов ровнялись по левому краю кнопки меню, а назва была по середине?

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

  • screen.jpg

#54 dostypno

dostypno

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

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

Отправлено 15 Январь 2015 - 16:12

Просмотр сообщенияdostypno (15 Январь 2015 - 14:14) писал:

Здравствуйте, у меня Меню сейчас выглядит как на фото (я прикрепил), как сделать что бы логотипы брендов ровнялись по левому краю кнопки меню, а назва была по середине?
АУууу!

#55 Alekseys

Alekseys

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

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

Отправлено 15 Январь 2015 - 16:13

Просмотр сообщенияdostypno (15 Январь 2015 - 14:14) писал:

Здравствуйте, у меня Меню сейчас выглядит как на фото (я прикрепил), как сделать что бы логотипы брендов ровнялись по левому краю кнопки меню, а назва была по середине?
Здравствуйте. В шаблоне HTML замените
Скрытый текст
на
Скрытый текст
и в main.css добавьте
#panelsite div.centercol .menuheader ul li ul li {
height: 35px;
}
#panelsite div.centercol .menuheader ul li ul li a,  #panelsite div.centercol .menuheader ul li ul li a:hover {
height: 20px!important;
padding-top: 10px;
}
и замените
.menuResp ul li img {
vertical-align: middle;
}
на
.menuResp ul li img {
vertical-align: middle;
float: left;
margin: 2px 0px 0px 4px;
border-radius: 3px;
}

#56 dostypno

dostypno

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

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

Отправлено 15 Январь 2015 - 16:32

Просмотр сообщенияAlekseys (15 Январь 2015 - 16:13) писал:

Здравствуйте. В шаблоне HTML замените
Скрытый текст
на
Скрытый текст
и в main.css добавьте
#panelsite div.centercol .menuheader ul li ul li {
height: 35px;
}
#panelsite div.centercol .menuheader ul li ul li a, #panelsite div.centercol .menuheader ul li ul li a:hover {
height: 20px!important;
padding-top: 10px;
}
и замените
.menuResp ul li img {
vertical-align: middle;
}
на
.menuResp ul li img {
vertical-align: middle;
float: left;
margin: 2px 0px 0px 4px;
border-radius: 3px;
}
Сделал, теперь кнопки меню выровнялись под левый край, и кнопки подмнею тоже самое, при наведении на кнопку глючит выделения цветом.

#57 Alekseys

Alekseys

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

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

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

Просмотр сообщенияdostypno (15 Январь 2015 - 16:32) писал:

Сделал, теперь кнопки меню выровнялись под левый край, и кнопки подмнею тоже самое, при наведении на кнопку глючит выделения цветом.
Вы не выполнили инструкции. Еслиизменения были отменены, то пожалуйста верните их обратно, чтобы можно было отредактировать полученный результат.

#58 dostypno

dostypno

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

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

Отправлено 15 Январь 2015 - 22:40

Просмотр сообщенияAlekseys (15 Январь 2015 - 17:17) писал:

Вы не выполнили инструкции. Еслиизменения были отменены, то пожалуйста верните их обратно, чтобы можно было отредактировать полученный результат.
Может есть другой способ у меня там все полезло и глючило, пришлось бекап делать????

#59 Vaccina

Vaccina

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

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

Отправлено 16 Январь 2015 - 04:03

В main.css найдите:
.menuResp li {
	display: inline-block;
	padding: 0;
	position: relative;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
}
замените на:
.menuResp li {
	display: inline-block;
	padding: 0;
	position: relative;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
}

далее найдите:
.menuResp ul li img {
	vertical-align: middle;
}
замените на:
.menuResp ul li img {
	display: block;
	float: left;
	margin: 0 0 1px 10px;
}

далее найдите:
#panelsite div.centercol .menuheader ul li a {
	color: #5d5c5c;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
}

замените на:
.menuResp ul a {
	display: block;
	height: 30px;
	line-height: 30px !important;
	white-space: nowrap;
	width: 130px;
}

#60 dostypno

dostypno

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

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

Отправлено 16 Январь 2015 - 10:16

Просмотр сообщенияVaccina (16 Январь 2015 - 04:03) писал:

В main.css найдите:
.menuResp li {
display: inline-block;
padding: 0;
position: relative;
text-align: left;
vertical-align: top;
word-spacing: normal;
}
замените на:
.menuResp li {
display: inline-block;
padding: 0;
position: relative;
text-align: center;
vertical-align: top;
word-spacing: normal;
}

далее найдите:
.menuResp ul li img {
vertical-align: middle;
}
замените на:
.menuResp ul li img {
display: block;
float: left;
margin: 0 0 1px 10px;
}

далее найдите:
#panelsite div.centercol .menuheader ul li a {
color: #5d5c5c;
display: block;
font: 12px Verdana,Geneva,sans-serif;
padding: 5px 0;
text-align: center;
text-decoration: none;
}

замените на:
.menuResp ul a {
display: block;
height: 30px;
line-height: 30px !important;
white-space: nowrap;
width: 130px;
}
Поиск сполз вниз и Текст кнопки стал вплотную к логотипам брендов. Как исправить?
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Движение
  5. → Изменение общей стилистики
  6. Privacy Policy