|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Архивариус » Решённые вопросы » Как подсветить фон ссылки |
Как подсветить фон ссылки |
|
Retro¥GAMER, Добавьте своей кнопке класс (class="class_name") и добавьте в таблицу стилей CSS код вида:
Код .class_name:hover {background:00FF00;} // смена цвета на зеленый (づ。◕‿◕。)づ
|
|
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, вам помощь оказали? Да, если не нравятся некоторые мелочи сами переделывайте под себя, на форуме не дизайн студия или обращайтесь на - http://partner.ucoz.ru/board
Решение: Код a.buy_button:hover {background: rgb(52, 172, 71)!important;} |
| |||
| |||