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


Выплывающее Окно Из Корзины На Главной


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

#1 Eshadrikov

Eshadrikov

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

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

Отправлено 11 Март 2015 - 18:55

Подскажите,
1.  когда наводишь курсор на кнопку корзины в шапке, то появляется полоска(остаток от окна "в корзине нет товаров") как ее убрать? все перерыл, найти не могу.[attachment=29510:Безымянный.jpg]
2. можно ли вместо этой кнопки корзины поставить свою картинку?
3. как сделать, что бы фон был одной статичной картинкой?
Заранее спасибо, товарищи модераторы)

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

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


#2 Dars

Dars

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

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

Отправлено 11 Март 2015 - 20:25

Просмотр сообщенияEshadrikov (11 Март 2015 - 18:55) писал:

Подскажите,
1.  когда наводишь курсор на кнопку корзины в шапке, то появляется полоска(остаток от окна "в корзине нет товаров") как ее убрать? все перерыл, найти не могу.[attachment=29510:Безымянный.jpg]
2. можно ли вместо этой кнопки корзины поставить свою картинку?
3. как сделать, что бы фон был одной статичной картинкой?
Заранее спасибо, товарищи модераторы)
Здравствуйте!

1. В style.css найдите код:

#header #cart_block{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);top:86px;
background:#fcfcfc;width:auto;*border: solid 1px #c0c0c0;}

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

#header #cart_block{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;top:86px;background:#fcfcfc;width:auto;*border: solid 1px #c0c0c0;}

2. Загрузите нужную вам картинку, затем найдите код:

#header_shopping_cart{position: static;width:150px;float:right;clear:both;margin-top:40px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background:#FFA07A url('http://gm-club.storeland.net/cart_red.png?design=autumn') no-repeat 12px;border:3px solid #cecece;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

и замените здесь cart_red.png на название загруженной вами картинки.

3. А у вас сейчас разве не так?

#3 Eshadrikov

Eshadrikov

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

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

Отправлено 11 Март 2015 - 22:05

Полоску убрал,большое спасибо!!!
насчет второго: я имел в виду вместо изображения корзины поставить фото кнопки.как на скрине примерно. можно ли так сделать?

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

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


#4 Danil

Danil

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

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

Отправлено 14 Март 2015 - 15:42

Просмотр сообщенияEshadrikov (11 Март 2015 - 22:05) писал:

Полоску убрал,большое спасибо!!!
насчет второго: я имел в виду вместо изображения корзины поставить фото кнопки.как на скрине примерно. можно ли так сделать?
Здравствуйте.
В style.css найдите код
#header_shopping_cart{position: static;width:150px;float:right;clear:both;margin-top:40px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#FFA07A url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:3px solid #cecece;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
замените cart_red.png на свою картинку, после напишите нам, чтобы мы помогли подредактировать стили кнопки.

#5 Eshadrikov

Eshadrikov

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

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

Отправлено 16 Март 2015 - 12:04

Просмотр сообщенияDanil (14 Март 2015 - 15:42) писал:

Здравствуйте.
В style.css найдите код
#header_shopping_cart{position: static;width:150px;float:right;clear:both;margin-top:40px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#FFA07A url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:3px solid #cecece;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
замените cart_red.png на свою картинку, после напишите нам, чтобы мы помогли подредактировать стили кнопки.

Картинку загрузил свою

#6 Ирина345

Ирина345

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

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

Отправлено 16 Март 2015 - 12:17

Просмотр сообщенияEshadrikov (16 Март 2015 - 12:04) писал:

Картинку загрузил свою
Здравствуйте, найдите в HTML
<span class="ajax_cart_no_product">Записаться</span> 
              
замените на
 <span class="ajax_cart_no_product"></span> 
далее найдите в style.css

#header_shopping_cart{position: static;width:150px;float:right;clear:both;margin-top:40px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#FFA07A url('{ASSETS_IMAGES_PATH}button.png?design=autumn') no-repeat 12px;border:3px solid #cecece;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
замените на






#header_shopping_cart{position: static;width:186px;height:82px;float:right;clear:both;margin-top:40px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#FFA07A url('{ASSETS_IMAGES_PATH}button.png?design=autumn') no-repeat -1px;border:3px solid #cecece;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:60px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
			  



#7 Eshadrikov

Eshadrikov

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

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

Отправлено 16 Март 2015 - 12:51

Просмотр сообщенияИрина345 (16 Март 2015 - 12:17) писал:

Здравствуйте, найдите в HTML
<span class="ajax_cart_no_product">Записаться</span>
  
замените на
<span class="ajax_cart_no_product"></span>
далее найдите в style.css

#header_shopping_cart{position: static;width:150px;float:right;clear:both;margin-top:40px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#FFA07A url('{ASSETS_IMAGES_PATH}button.png?design=autumn') no-repeat 12px;border:3px solid #cecece;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
замените на






#header_shopping_cart{position: static;width:186px;height:82px;float:right;clear:both;margin-top:40px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#FFA07A url('{ASSETS_IMAGES_PATH}button.png?design=autumn') no-repeat -1px;border:3px solid #cecece;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:60px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}


Спасибо, картинка встала, высоту отрегулирую. Только теперь нужно,что бы она была кликабельной и отсылала на форму заявки( в моем случае /feedback)

#8 Alekseys

Alekseys

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

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

Отправлено 16 Март 2015 - 13:01

Просмотр сообщенияEshadrikov (16 Март 2015 - 12:51) писал:

Спасибо, картинка встала, высоту отрегулирую. Только теперь нужно,что бы она была кликабельной и отсылала на форму заявки( в моем случае /feedback)
Здравствуйте. В style.css замените
#shopping_cart a {
  text-decoration: none;
  display: block;
  background: none;
  color: #555555;
  font-weight: 700;
  padding: 8px 30px 8px 42px;
  width: auto;
  min-width: 0;
  height: auto;
  float: right;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
на
#shopping_cart a {
  text-decoration: none;
  display: block;
  background: none;
  color: #555555;
  font-weight: 700;
  width: 100%;
  min-width: 0;
  height: 90px;
  float: right;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}


#9 Eshadrikov

Eshadrikov

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

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

Отправлено 16 Март 2015 - 13:08

Просмотр сообщенияAlekseys (16 Март 2015 - 13:01) писал:

Здравствуйте. В style.css замените
#shopping_cart a {
text-decoration: none;
display: block;
background: none;
color: #555555;
font-weight: 700;
padding: 8px 30px 8px 42px;
width: auto;
min-width: 0;
height: auto;
float: right;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
на
#shopping_cart a {
text-decoration: none;
display: block;
background: none;
color: #555555;
font-weight: 700;
width: 100%;
min-width: 0;
height: 90px;
float: right;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
Отлично! Огромное спасибо!




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

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