Как изменить дизайн кнопки от $ADVBT$

голоса: 0
Тут в общем то понятно $ADVBT$ это почтовая форма  "посоветовать другу"
Мне не нравится в нем только сам дизайн кнопки.
Он стандартный оранжевый от юкоз.
Как его поменять?-посоветуйте!
Адрес сайта http://skytube.ucoz ru/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

голоса: +2
 
Лучший ответ

Здравствуй, с помощью css можно изменить её, скажите, что именно вам в данной кнопке нужно поменять?

В вашем css найдете данный код:

#casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button {font-size:11px!important;padding:9px 11px;margin:0 0 1px;border:none;font-weight:normal!important;cursor:pointer;background:#ffcccc !important;text-transform:uppercase;color:#fff; width:auto !important}

Выделенное красным это новый цвет... щас там такой цвет прописан F27935

 

Поменять цвет при наведении  так:

#casing input[type='submit']:hover,#casing input[type='reset']:hover,#casing input[type='button']:hover,#casing button:hover {background:#3498db;color:#fff;}

Красное меняете на новый цвет... 

| Автор:
Выбор ответа лучшим | | Автор: Чингис Беркимбаев
А если я в background напишу backgrond url="ссылка на кнопку изображение"
То тогда будет новая кнопка?
Как я понимаю:если я изменю этот код то изменятся совершенно все кнопки на сайте! Это так?
Спасибо за ответ!Респеет вам двоим! :)

Думаю будет красивей если изминить просто стандартные цвета  и все .
Но если хотите вставить картинку попробуйте  

background: url(ссылка) no-repeat 0 0;

1) Да, будет изображение...

2) В исходном коде посмотрел

3) да

4) в css файле http://s013.radikal.ru/i323/1504/c7/3d9591b01674.png

5) не за что)
Ребят вообще ничего не изменилось вот код на который я поменял 309 строка и код!

#casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button {font-size:11px!important;padding:9px 11px;margin:0 0 1px;border:none;font-weight:normal!important;cursor:pointer;background:#00BFFF;text-transform:uppercase;color:#00BFFF; width:auto !important}
Вы !important удалили после цвета.
Бллииин!
Что то не получается! !important уже поставил! Реакций ноль!

в вашем css файле не прописал  !important  (http://skytube.ucoz.ru/_st/my.css)

#casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button {font-size:11px!important;padding:9px 11px;margin:0 0 1px;border:none;font-weight:normal!important;cursor:pointer;background:#f27935;text-transform:uppercase;color:#fff; width:auto !important}

Где он тут? Я же вам самый первый код написал, смотрите его, или просто копируйте и заменяйте его в css 

 

А в какую именно строку писать первый код?

Да ни в какую строку вписывать не надо, у вас уже все написано в вашем css...

найдите в css:

#casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button {font-size:11px!important;padding:9px 11px;margin:0 0 1px;border:none;font-weight:normal!important;cursor:pointer;background:#f27935;text-transform:uppercase;color:#fff; width:auto !important}

и замените  

background:#f27935; 

на 
background:#ffcccc!important;
...