Стиль кнопок

Conteo

Администратор
Открыть styles/templates/default/css/main.css и в самый конц вставить:

PHP:
/* ---------------------------------- *
     BTN Style
 * ---------------------------------- */
input[type="button"],input[type="submit"],input[type="reset"]{
    background: #e6e6e6 url(../images/btn_bg.png) repeat-x 0px 0px ;
    border-bottom: 1px solid #B3B3BD;
    border-left: 1px solid #DDDDEB;
    border-right: 1px solid #DDDDEB;
    border-top: 0px solid #FFFFFF;
    font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-shadow: 0px 1px 1px white;
    box-shadow: 0 1px 4px 0 #C8C8D2;
    -moz-box-shadow: 0 1px 4px 0 #C8C8D2;
    -webkit-box-shadow: 0 1px 4px 0 #C8C8D2;
    padding: 0px 7px 1px 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
 input[type="button"],input[type="submit"],input[type="reset"] {
    padding: 1px 7px 2px 7px !important;}
}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover{
    background: url(../images/form-button-white-25px.png) repeat-x scroll center top #CAFFF9;
    border-bottom: 1px solid #B3B3BD;
    border-left: 1px solid #DDDDEB;
    border-right: 1px solid #DDDDEB;
    border-top: 1px solid #FFFFFF;
}
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active{
   background-color: #9999A3;
   border-bottom-color: white;
   border-left-color: #C8C8D7;
   border-right-color: #C8C8D7;
   border-top-color: #B3B3BD;
}
 input[type="button"][disabled],input[type="submit"][disabled],input[type="reset"][disabled]{
  background-position: 0px 0px;
  color: gray;opacity: 0.5;
}

Стиль работает на все кнопки, не только BBCode!

Загрузить в styles/templates/default/images/btn_bg.png

1700670289540.png
 

Вложения

  • btn_bg.rar
    699 байт · Просмотры: 5
Сверху