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


Срочно Нужна Помощь

Автор Василий, 08 июля 2013 18:00
картинки увеличение

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

#41 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 19:49

Просмотр сообщенияsengun (10 Июль 2013 - 19:36) писал:

В main.css код 
#header .blocks .rght ul {
	 margin: 0px 0 0 0px;
	 float: right;
}
изменить на 
#header .blocks .rght ul {
	 margin: 0px 0 0 0px;
	 float: right;
	 padding-top: 15px;
}
А код 
.m1 {
	 width: 200px;
	 margin-left: 90px;
	 margin-top: 10px;
}
Заменить на 
.m1 {
	 width: 225px;
	 margin-left: 90px;
	 margin-top: 10px;
}
Теперь в html код 
<li class="default hvr" style="cursor:pointer;">Товаров на:</li>
									 <li class="money cartSum">{cart_sum.NOW | money_format}</li>
замените на 
<li class="default hvr" style="cursor:pointer; display: inline;">Товаров на:</li>
									 <li class="money cartSum" style="cursor:pointer; display: inline;">{cart_sum.NOW | money_format}</li>
С корзиной разобрались, а как меню как в скрине? посмотрите на сайте у него. Я уже и код страницы его открывал, че только себе не пихал, не получается((
http://xn--22-jlcq.xn--p1ai/

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

  • смена стиля6.png

#42 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 20:03

1. Блин... Когда корзина пустая, то пишется все равно в две строки((  а когда есть товар, то как я и хотел в одну строку.

2. Как убрать этот серый фон?

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

  • смена стиля7.png

#43 Stasya

Stasya

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

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

Отправлено 10 Июль 2013 - 20:05

В файле main.css найдите блок 
#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}
и замените его на 
#footer {
clear: both;
width: 100%;
margin: 20px 0 17px 0;
}

#44 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 20:12

Просмотр сообщенияStasya (10 Июль 2013 - 20:05) писал:

В файле main.css найдите блок 
#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}
и замените его на 
#footer {
clear: both;
width: 100%;
margin: 20px 0 17px 0;
}
Как еще эти лишние полосы по убирать?

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

  • смена стиля8.png

#45 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 10 Июль 2013 - 20:21

Просмотр сообщенияВасилий (10 Июль 2013 - 20:03) писал:

1. Блин... Когда корзина пустая, то пишется все равно в две строки((  а когда есть товар, то как я и хотел в одну строку.

В html 
<li class="default off">Товаров в корзине:</li>
								 <li class="money cartSum">0 {CURRENCY_NAME}</li>
замените на 
<li class="default off" style="display: inline;">Товаров в корзине:</li>
								 <li class="money cartSum" style="display: inline;">0 {CURRENCY_NAME}</li>
А еще у вас в main.css ошибка. После кода 
#header .blocks .rght ul {
		 margin: 0px 0 0 0px;
		 float: right;
		 padding-top: 15px;
не хватает закрывающейся скобки }

#46 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 20:23

Просмотр сообщенияsengun (10 Июль 2013 - 20:21) писал:

В html 
<li class="default off">Товаров в корзине:</li>
								 <li class="money cartSum">0 {CURRENCY_NAME}</li>
замените на 
<li class="default off" style="display: inline;">Товаров в корзине:</li>
								 <li class="money cartSum" style="display: inline;">0 {CURRENCY_NAME}</li>
А еще у вас в main.css ошибка. После кода 
#header .blocks .rght ul {
		 margin: 0px 0 0 0px;
		 float: right;
		 padding-top: 15px;
не хватает закрывающейся скобки }

С этим Все супер, Спасибо.
Но много других вопросов(((

#47 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 10 Июль 2013 - 20:24

Пока пишу, как убрать полосы, расскажите, пожалуйста, поподробнее о том, что именно надо перенять с сайта http://xn--22-jlcq.xn--p1ai/ ? Правое меню, чтобы крепилось на одной высоте? Может цвет, фон, размеры горизонтального меню?

#48 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 20:26

Просмотр сообщенияsengun (10 Июль 2013 - 20:24) писал:

Пока пишу, как убрать полосы, расскажите, пожалуйста, поподробнее о том, что именно надо перенять с сайта http://xn--22-jlcq.xn--p1ai/ ? Правое меню, чтобы крепилось на одной высоте? Может цвет, фон, размеры горизонтального меню?
пишу. В следующем смс

#49 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 10 Июль 2013 - 20:29

Просмотр сообщенияВасилий (10 Июль 2013 - 20:12) писал:

Как еще эти лишние полосы по убирать?
В main.css код 
#header .blocks .cntr { float:left; background:url({ASSETS_IMAGES_PATH}haeder-bgx.png) repeat-x; width:628px; height:20px; }
замените на 
#header .blocks .cntr { float:left; width:628px; height:20px; }
Далее удалите код 
#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; }
Далее код 
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
измените так 
#index {margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
Далее код 
ooter #main .menufooter { float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;  }
измените так 
ooter #main .menufooter { float:left; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;  }
И, наконец, код 
#footer #main .copyring { float:left; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; margin:-8px 0 0 10px; border-left:1px dashed #9ba6a9; width:225px; height:50px; overflow:hidden; padding:4px 0 4px 10px; }
измените так 
#footer #main .copyring { float:left; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; margin:-8px 0 0 10px;width:225px; height:50px; overflow:hidden; padding:4px 0 4px 10px; }

#50 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 20:41

С сайти ----> http://xn--22-jlcq.xn--p1ai/
Мне надо:
1. Правое меню, чтобы крепилось на одной высоте ( при прокрутке сайта, не двигалось) Если можно то на всякий случай напишите еще как изменить цветовую гамму.

2. Центральное меню с такой же цветовой гаммой. Если можно то на всякий случай напишите еще как изменить цветовую гамму.

3. Как вставить сюда картинку с ссылкой для связи с администрацией.

Просмотр сообщенияsengun (10 Июль 2013 - 20:29) писал:

В main.css код 
#header .blocks .cntr { float:left; background:url({ASSETS_IMAGES_PATH}haeder-bgx.png) repeat-x; width:628px; height:20px; }
замените на 
#header .blocks .cntr { float:left; width:628px; height:20px; }
Далее удалите код 
#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; }
Далее код 
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
измените так 
#index {margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
Далее код 
ooter #main .menufooter { float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }
измените так 
ooter #main .menufooter { float:left; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }
И, наконец, код 
#footer #main .copyring { float:left; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; margin:-8px 0 0 10px; border-left:1px dashed #9ba6a9; width:225px; height:50px; overflow:hidden; padding:4px 0 4px 10px; }
измените так 
#footer #main .copyring { float:left; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; margin:-8px 0 0 10px;width:225px; height:50px; overflow:hidden; padding:4px 0 4px 10px; }

Операция проведена успешно. Спасибо.

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

  • смена стиля9.png

#51 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 20:52

Забыл еще спросить:

1. Как убрать эти разделительные полосы.

2. Как изменить цвет при наведение на меню. (цвета по кодам я знаю)

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

  • смена стиля9.png

#52 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 10 Июль 2013 - 21:45

Просмотр сообщенияВасилий (10 Июль 2013 - 20:52) писал:

Забыл еще спросить:

1. Как убрать эти разделительные полосы.

2. Как изменить цвет при наведение на меню. (цвета по кодам я знаю)
Разделительные полосы в нижнем горизонтальном меню прописываются в main.css в коде 
#footer #main .menufooter ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:8px 10px 0 0px; padding-left:10px; }
параметром 
background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat;
Т.е. его надо удалить. Фон кнопок при наведении мышкой:
- в нижнем меню
#footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
параметр background:#4799ba; - фон, можете задавать значения типа red, grey и т.д., color:#FFF; - цвет текста выделенного пункта меню (также может быть red, green, blue и т.д.)
- в верхнем меню
#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
аналогично.
А теперь займусь меню с сайта http://xn--22-jlcq.xn--p1ai/.

#53 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 22:00

Просмотр сообщенияsengun (10 Июль 2013 - 21:45) писал:

Разделительные полосы в нижнем горизонтальном меню прописываются в main.css в коде 
#footer #main .menufooter ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:8px 10px 0 0px; padding-left:10px; }
параметром 
background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat;
Т.е. его надо удалить. Фон кнопок при наведении мышкой:
- в нижнем меню
#footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
параметр background:#4799ba; - фон, можете задавать значения типа red, grey и т.д., color:#FFF; - цвет текста выделенного пункта меню (также может быть red, green, blue и т.д.)
- в верхнем меню
#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
аналогично.
А теперь займусь меню с сайта http://xn--22-jlcq.xn--p1ai/.
С этим все супер. Спасибо.
Жду дальше.

#54 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 10 Июль 2013 - 22:16

В html сразу после тега <body> вставьте код 
<div class="fixedmenu">
		 <ul>
		 {% FOR menu %}
			 {% FOR header %}
			 {% FOR links %}
				 <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			 {% ENDFOR %}
			 {% ENDFOR %}
		 {% ENDFOR %}
		 </ul>
	 </div>
Это правое фиксированное меню.
В конец main.css вставьте описание его стилей: 
.fixedmenu {
position: fixed;
right: 0;
margin-top: 300px;
background: black;
border-radius: 8px;
}
.fixedmenu ul{
padding: 20px;
}
.fixedmenu ul li {
padding: 10px 0 10px 0;
}
.fixedmenu ul li a {
font: 16px/16px Tahoma, Geneva, sans-serif;
color: white;
padding: 3px 15px 3px 15px;
border-radius: 8px;
}
.fixedmenu ul li a:hover, .fixedmenu ul li a.current {
background: lightgrey;
text-decoration:none;
}
Здесь background: black; - черный фон, color: white; - цвет текста, background: lightgrey; - цвет фона выбранного пункта меню.

#55 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 22:26

Просмотр сообщенияsengun (10 Июль 2013 - 22:16) писал:

В html сразу после тега <body> вставьте код 
<div class="fixedmenu">
		 <ul>
		 {% FOR menu %}
			 {% FOR header %}
			 {% FOR links %}
				 <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			 {% ENDFOR %}
			 {% ENDFOR %}
		 {% ENDFOR %}
		 </ul>
	 </div>
Это правое фиксированное меню.
В конец main.css вставьте описание его стилей: 
.fixedmenu {
position: fixed;
right: 0;
margin-top: 300px;
background: black;
border-radius: 8px;
}
.fixedmenu ul{
padding: 20px;
}
.fixedmenu ul li {
padding: 10px 0 10px 0;
}
.fixedmenu ul li a {
font: 16px/16px Tahoma, Geneva, sans-serif;
color: white;
padding: 3px 15px 3px 15px;
border-radius: 8px;
}
.fixedmenu ul li a:hover, .fixedmenu ul li a.current {
background: lightgrey;
text-decoration:none;
}
Здесь background: black; - черный фон, color: white; - цвет текста, background: lightgrey; - цвет фона выбранного пункта меню.

не получилось. прилагаю скрин

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

  • смена стиля10.png

#56 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 10 Июль 2013 - 22:34

Просмотр сообщенияВасилий (10 Июль 2013 - 22:26) писал:

не получилось. прилагаю скрин
1. Код вставлен не после тега <body>  (~73 строка), а после переменной {BODY}
2. в main.css ошибка в виде пропущенной закрывающейся скобки: 
#header .blocks .rght ul {
		 margin: 0px 0 0 0px;
		 float: right;
		 padding-top: 15px;
.m1 > a {
		display: inline-block;
		float: left;
}
а должно быть так 
#header .blocks .rght ul {
		 margin: 0px 0 0 0px;
		 float: right;
		 padding-top: 15px;
}
.m1 > a {
		display: inline-block;
		float: left;
}

#57 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 22:47

А как его на уровень главного меню поднять?
Как оставить только Доставку, оплату, контакты и каталог?
И как вставить иконки в каждому разделу.

Просмотр сообщенияsengun (10 Июль 2013 - 22:34) писал:

1. Код вставлен не после тега <body>  (~73 строка), а после переменной {BODY}
2. в main.css ошибка в виде пропущенной закрывающейся скобки: 
#header .blocks .rght ul {
		 margin: 0px 0 0 0px;
		 float: right;
		 padding-top: 15px;
.m1 > a {
	 display: inline-block;
	 float: left;
}
а должно быть так 
#header .blocks .rght ul {
		 margin: 0px 0 0 0px;
		 float: right;
		 padding-top: 15px;
}
.m1 > a {
	 display: inline-block;
	 float: left;
}
Это исправил. Работает.

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

  • смена стиля10.png

#58 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 10 Июль 2013 - 22:52

Верхнее горизонтальное меню.
В main.css код 
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }
измените так 
#panelsite div.centercol .menuheader { width:740px; height:40px; overflow:hidden; border-radius:10px; background: black;}
, где background: black; - фон меню.
Далее код 
#panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }
измените так 
#panelsite div.centercol .menuheader ul li { float:left; border-right: 1px solid #444; height: 40px;}
Код
#panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
замените на этот
#panelsite div.centercol .menuheader ul li a { font:normal 14px/30px Verdana, Geneva, sans-serif; color:white; text-decoration:none; padding:5px 13px; display:block; }

#59 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 22:58

Просмотр сообщенияsengun (10 Июль 2013 - 22:52) писал:

Верхнее горизонтальное меню.
В main.css код 
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }
измените так 
#panelsite div.centercol .menuheader { width:740px; height:40px; overflow:hidden; border-radius:10px; background: black;}
, где background: black; - фон меню.
Далее код 
#panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }
измените так 
#panelsite div.centercol .menuheader ul li { float:left; border-right: 1px solid #444; height: 40px;}
Код
#panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
замените на этот
#panelsite div.centercol .menuheader ul li a { font:normal 14px/30px Verdana, Geneva, sans-serif; color:white; text-decoration:none; padding:5px 13px; display:block; }
Установилось, но это совершенно не такое меню( http://xn--22-jlcq.xn--p1ai/

#60 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 23:08

здесь нельзя подсмотреть какой у него скрипт?

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

  • смена стиля11.png
  • смена стиля12.png

Обратно в Шаблон Пластик


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

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

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