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

[velena168]

Подскажите, пожалуйста, возможно ли немножко закруглить кнопки "Купить" и др.

[ne_yana]

velena168 (30 Октябрь 2013 - 13:46) писал:

Подскажите, пожалуйста, возможно ли немножко закруглить кнопки "Купить" и др.

Здравствуйте, в файле style.css в коде

.add_to_cart {
display: block;
background-color: #da3b44;
background-image: url('http://design.alinka1.ru/cart_white.png');
background-repeat: no-repeat;
background-position: 13px 50%;
color: #fafafa!important;
height: 35px;
padding: 0 16px 0 46px;
border: 1px solid #a40f18;
cursor: pointer;
font-weight: 700;
line-height: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}

увеличьте значение параметра -webkit-border-radius.

[velena168]

ne_yana (30 Октябрь 2013 - 14:04) писал:

Здравствуйте, в файле style.css в коде

.add_to_cart {
display: block;
background-color: #da3b44;
background-image: url('http://design.alinka1.ru/cart_white.png');
background-repeat: no-repeat;
background-position: 13px 50%;
color: #fafafa!important;
height: 35px;
padding: 0 16px 0 46px;
border: 1px solid #a40f18;
cursor: pointer;
font-weight: 700;
line-height: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}

увеличьте значение параметра -webkit-border-radius.

Спасибо, получилось!
Хотела еще закруглить кнопки "Быстрый заказ" и "В корзину", но тут почему-то не вышло.

[ne_yana]

velena168 (30 Октябрь 2013 - 15:50) писал:

Спасибо, получилось!
Хотела еще закруглить кнопки "Быстрый заказ" и "В корзину", но тут почему-то не вышло.

Для этого увеличьте значение border-radius в

input.exclusive, #paymentForm input, a.exclusive {
display: inline-block;
background: #da3b44 !important;
color: #fafafa!important;
border: 1px solid #a40f18;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
padding: 6px 12px;
font: inherit !important;
text-decoration: none;
cursor: pointer;
}

[velena168]

ne_yana (30 Октябрь 2013 - 16:01) писал:

Для этого увеличьте значение border-radius в

input.exclusive, #paymentForm input, a.exclusive {
display: inline-block;
background: #da3b44 !important;
color: #fafafa!important;
border: 1px solid #a40f18;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
padding: 6px 12px;
font: inherit !important;
text-decoration: none;
cursor: pointer;
}

Спасибо, получилось. А цвет при наведении можно изменить? В товаре "Купить" получилось, а эти нет.

[ne_yana]

velena168 (30 Октябрь 2013 - 16:27) писал:

Спасибо, получилось. А цвет при наведении можно изменить? В товаре "Купить" получилось, а эти нет.

Замените

input.exclusive:hover, #paymentForm input:hover, a.exclusive:hover {
background-color: #00cc66;
text-decoration: none;
color: #fafafa!important;
}

на

input.exclusive:hover, #paymentForm input:hover, a.exclusive:hover {
background-color: #00cc66!important;
text-decoration: none;
color: #fafafa!important;
}

[velena168]

ne_yana (30 Октябрь 2013 - 16:34) писал:

Замените

input.exclusive:hover, #paymentForm input:hover, a.exclusive:hover {
background-color: #00cc66;
text-decoration: none;
color: #fafafa!important;
}

на

input.exclusive:hover, #paymentForm input:hover, a.exclusive:hover {
background-color: #00cc66!important;
text-decoration: none;
color: #fafafa!important;
}

Все отлично получилось. Спасибо, за оперативность.

[unling]

Здравствуйте! А как мне сменить кнопки в целом например сдлать вот такими как тут. Сейчас у меня унылые "Главная", "Каталог"... А мне надо что нибудь повеселее. И боковую панель так же как мне изменить?

[Castiel]

unling (04 Январь 2014 - 16:53) писал:

Здравствуйте! А как мне сменить кнопки в целом например сдлать вот такими как тут. Сейчас у меня унылые "Главная", "Каталог"... А мне надо что нибудь повеселее. И боковую панель так же как мне изменить?

Здравствуйте, найдите примерное меню какое бы вы хотели поставить себе на сайт и тогда мы поможем вам его установить.

[unling]

Castiel (04 Январь 2014 - 18:25) писал:

Здравствуйте, найдите примерное меню какое бы вы хотели поставить себе на сайт и тогда мы поможем вам его установить.

Ну вот такое хотя бы.

[Vaccina]

Вам необходимо приложить ссылку на реальный пример данного меню, так как необходимы его стили и html каркас.