Выплывающее Окно Из Корзины На Главной
#1
Отправлено 11 Март 2015 - 18:55
1. когда наводишь курсор на кнопку корзины в шапке, то появляется полоска(остаток от окна "в корзине нет товаров") как ее убрать? все перерыл, найти не могу.[attachment=29510:Безымянный.jpg]
2. можно ли вместо этой кнопки корзины поставить свою картинку?
3. как сделать, что бы фон был одной статичной картинкой?
Заранее спасибо, товарищи модераторы)
#2
Отправлено 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. А у вас сейчас разве не так?
#4
Отправлено 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
Отправлено 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
Отправлено 16 Март 2015 - 12:17
Eshadrikov (16 Март 2015 - 12:04) писал:
<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
Отправлено 16 Март 2015 - 12:51
Ирина345 (16 Март 2015 - 12:17) писал:
<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)}
#8
Отправлено 16 Март 2015 - 13:01
Eshadrikov (16 Март 2015 - 12:51) писал:
#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
Отправлено 16 Март 2015 - 13:08
Alekseys (16 Март 2015 - 13:01) писал:
#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 анонимных