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

[zabota-mama]

Помогите пж-та превратить ссылку

<a href="http://{NET_DOMAIN}/user/login">Войти с паролем</a> 

в кнопку в таком же стиле как кнопки в корзине "Пересчитать" или "Оформить заказ"

[Alekseys]

zabota-mama (05 Январь 2015 - 22:55) писал:

Помогите пж-та превратить ссылку

<a href="http://{NET_DOMAIN}/user/login">Войти с паролем</a>

в кнопку в таком же стиле как кнопки в корзине "Пересчитать" или "Оформить заказ"

Здравствуйте. Укажите пожалуйста на скриншоте, как должна выглядеть ссылка.

[zabota-mama]

Ссылка должна выглядеть аналогично кнопке Пересчитать

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

• 

[Vaccina]

Укажите пожалуйста номер аккаунта им, указанного на скриншоте. На аккаунте 22214 отсутсвует подобная стилизация кнопок в корзине.

<a href="http://{NET_DOMAIN}/user/login">Войти с паролем</a>

замените на:

<a class="btn_green" href="http://{NET_DOMAIN}/user/login">Войти с паролем</a>

а в main.css добавьте:

.btn_green{
display:block;
color:#fff;
padding:5px 10px;
background:#9FCF4B;
border-radius:15px;
}

[zabota-mama]

Да, на 22214 временно у меня этих кнопок почему-то не было. Сейчас они есть.
Сделал, как Вы написали - кнопка получилось немного другая: она вытянулась по всей ширине экрана и не меняла цвет при наведении курсора.

[Vaccina]

Необходимо кнопке задать ширину, пример:

.btn_green{
display:block;
color:#fff;
padding:5px 10px;
background:#9FCF4B;
border-radius:15px;
width:200px;
}

чтобы было изменение при наведении добавьте подобный блок-пример:

.btn_green:hover{
color:#fff;
background:#9FCF4B;
}

в нем измените значение стилей color и background на необходимые

[zabota-mama]

Спасибо. Но при наведении меняется цвет текста внутри кнопки, а не сама кнопка.
И еще: как сделать чтобы текст был белым и при наведении на кнопку не становился подчеркнутым.

Заранее спасибо.

[Vaccina]

фон кнопки не сменился, потому что вы не выполнили всех условий:

Цитата

в нем измените значение стилей color и background на необходимые

.btn_green:hover{
color:#fff;
background:#9FCF4B;
}

замените на:

.btn_green:hover{
color:#FFFFFF;
background:#CCCCCC;
text-decoration:none;
}

[zabota-mama]

Отлично и последний штрих. Цвет текста по умолчанию красный, а при наведении становится белым. Как сделать чтобы он был белым в любом случае?

Спасибо!

[RayLi]

zabota-mama (18 Январь 2015 - 01:57) писал:

Отлично и последний штрих. Цвет текста по умолчанию красный, а при наведении становится белым. Как сделать чтобы он был белым в любом случае?

Спасибо!

Здравствуйте.
Уточните, пожалуйста, о каком именно тексте идёт речь? Желательно указать на скриншоте.

[zabota-mama]

Текст внутри кнопки

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

• 

[Alekseys]

zabota-mama (19 Январь 2015 - 12:53) писал:

Текст внутри кнопки

Здравствуйте. В main.css замените

a:link, a:visited {
  color: #D0431D;
  text-decoration: none;
}

на

a:link, a:visited {
   text-decoration: none;
}

[zabota-mama]

Сделал, все ссылки в магазине изменили цвет с красного на синий. Как изменить цвет текста только внутри этой кнопки?

[Vaccina]

попробуйте:

.btn_green{
display:block;
color:#fff;
padding:5px 10px;
background:#9FCF4B;
border-radius:15px;
width:200px;
}

заменить на:

.btn_green{
display:block;
color:#FFFFFF !important;
padding:5px 10px;
background:#9FCF4B;
border-radius:15px;
width:200px;
}