3D Professional Buttons

3D кнопки от Samanalee Design Labs


Открываем "styles.css"

Находим (на 282)

input.button {
        font-family: arial, verdana, serif;
        font-size: 8pt;
        padding: 3px;
        color: #333333;
        font-weight: bold;
        background: #EEEEEE;
        vertical-align: middle;
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        border-bottom: 1px solid #777777;
        border-right: 1px solid #777777;
}



Заменяем на

input.button {
        background-image:url(http://media1.samanaleeonline.com/buttons.png);
        border-style:solid;
        font-family: arial, verdana, serif;
        font-size: 8pt;
        font-weight: bold;
        color: #333333;
        padding: 3px;
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        border-bottom: 1px solid #777777;
        border-right: 1px solid #777777;
        display:-moz-inline-box;
        display:inline-block;
        outline:none;
        vertical-align:middle;
}

input.button:hover {
        text-decoration:none;
        cursor:pointer;
}

input.button:active {
        border-top: 1px solid #777777;
        border-left: 1px solid #777777;
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        cursor:pointer;
}


Смотрим на главную на кнопки поиска, входа и т.д.

Другие публикации по теме:

Комментарии