Страница 1 из 11
Модератор форума: webanet 
Сообщество uCoz » Архивариус » Решённые вопросы » Как подсветить фон ссылки
Как подсветить фон ссылки
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 1 | 19:33:52
Донор,нужно чтобы при наведении на кнопку "купить" у кнопка меняла фоновый цвет(допустим на зеленый),покопавшись в сети,я понял что это делает параметр hover, но у меня что-то не получается,прошу помощи гуру!

Fa11enLord
Сообщений: 328
Репутация: 88

Сообщение # 2 | 20:10:18
Retro¥GAMER, Добавьте своей кнопке класс (class="class_name") и добавьте в таблицу стилей CSS код вида:

Код
.class_name:hover {background:00FF00;} // смена цвета на зеленый

(づ。◕‿◕。)づ
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 3 | 20:40:07
Fa11enLord, в css прописал,не работает,может я не туда добавил в блоке? код его ниже:


Fa11enLord
Сообщений: 328
Репутация: 88

Сообщение # 4 | 21:58:45
Retro¥GAMER, я бы сделал так:
Цитата
<div style="line-height: 20.7999992370605px; position: relative; display:
inline-block; border: 1px solid rgb(223, 223, 223);
border-top-left-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
font-family: Tahoma;">
<div style="display: inline-block;"><img
src="//graph.digiseller.ru/img.ashx?id_d=1778712&maxlength=140"
style="border: 0px none; padding: 7px 7px 0px;" /></div>

<div style="max-width: 154px;"><span style="color: rgb(101, 101, 101);
display: block; min-width: 80px; font-family: Tahoma, Arial; font-size:
14px; height: 34px; overflow: hidden; padding: 5px 5px 0px; text-align:
center;">BrokenStones: Инвайт</span></div>

<div><span style="color: rgb(217, 0, 0); display: block; font-size: 18px;
margin-top: 9px; padding-right: 10px; padding-left: 10px; line-height:
15px; text-align: center;">3</span><span style="clear: both;
color: rgb(217, 0, 0); display: block; font-size: 10px; line-height:
1em; padding: 4px 10px 7px; text-align: center;">USD<span
style="color: rgb(51, 51, 51); font-size: 13px; line-height:
1.6;"> </span></span></div>

<div><a class="buy_button" href="https://www.oplata.info/asp/pay_wm.asp?id_d=1778712"
style="color: rgb(255, 255, 255); position: relative; left: 77px;
margin-left: -40px; display: inline-block; margin-bottom: 10px;
margin-top: 4px; text-decoration: none; border: 0px none;
border-top-left-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; cursor:
pointer; font-family: Tahoma, Arial; font-size: 14px; padding: 5px
17px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease
0s; background: none 0px 0px repeat scroll rgb(11, 102,
120);">Купить</a></div>
</div>

Затем, а шаблон "Таблица стилей CSS" добавьте след. строку:
Цитата
.buy_button:hover {background:#00FF00;}

(づ。◕‿◕。)づ
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 5 | 09:34:54
Fa11enLord, если убрать в блоке background: none repeat scroll 0px 0px #0B6678; тогда работает, но тогда пропадает фон и он затем появляется при наведении курсором, а мне нужно чтобы фон не пропадал, а менял цвет при наведении на кнопку....

Yuri_G
Модератор форума
Сообщений: 4195
Репутация: 899

Сообщение # 6 | 09:45:35
Retro¥GAMER, вам помощь оказали? Да, если не нравятся некоторые мелочи сами переделывайте под себя, на форуме не дизайн студия или обращайтесь на - http://partner.ucoz.ru/board

Решение:
Код
a.buy_button:hover {background: rgb(52, 172, 71)!important;}

Помогу в переводе сайта на SSL / https (поправлю базы данных если у вас крупный проект или форум), писать на почту yurij.geruk@gmail.com
Сообщество uCoz » Архивариус » Решённые вопросы » Как подсветить фон ссылки
Страница 1 из 11
Поиск: