» »

Кнопка сайта uCoz на CSS стилях


Кнопка сайта uCoz на CSS стилях

Очень даже не дурная кнопка которая только на стилях которые надо прописать в CSS вашего сайта. Идет она в трех видах, это когда на ее не наводишь и сразу видно под какой сайт она может хорошо подойти по его дизайну. Когда наводишь клик то по краям кнопки образуется некий темный обвод. Ну и последнее, когда на ее жмешь она становиться синей. Но это со стилем идет, вы можете все поменять и скажем вместо синего сделать зеленый. Чем она и хороша, и она без углов что на каждом сайте смотрится красиво.
В CSS
Код
input[type="submit"]{  
border:1px solid #c0c0c0;  
background:#efefef;  
cursor:pointer;  
  border-radius:3px;  
text-align:center;  
text-shadow: 0 1px 1px white;  
padding:3px;  
}  
input[type="submit"]:hover{  
border:1px solid black;  
border-radius:3px;  
background:-webkit-linear-gradient(top, white, #efefef,#c0c0c0);  
cursor:pointer;  
text-align:center;  
padding:3px;  
}  
input[type="submit"]:active{  
border:1px solid black;  
border-radius:3px;  
background:-webkit-linear-gradient(top, #2D4DFF, #4463FF,#607DFF);  
color:white;  
text-shadow: 0 1px 1px black;  
}  
input[type="button"]{  
border:1px solid #c0c0c0;  
background:#efefef;  
cursor:pointer;  
  border-radius:3px;  
text-align:center;  
text-shadow: 0 1px 1px white;  
padding:3px;  
}  
input[type="button"]:hover{  
border:1px solid black;  
border-radius:3px;  
background:-webkit-linear-gradient(top, white, #efefef,#c0c0c0);  
cursor:pointer;  
text-align:center;  
text-shadow: white 0 0 2px;  
padding:3px;  
}  
input[type="button"]:active{  
border:1px solid black;  
border-radius:3px;  
background:-webkit-linear-gradient(top, #2D4DFF, #4463FF,#607DFF);  
color:white;  
text-shadow: 0 1px 1px black;  
}
05.08.2013 Просмотров: 725 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Kvint
Kvint 21.12.2015 12:171
0
Вот сейчас такие ставят, но это явно не в той категорий находятся, они идут как скрипт, что при наведение меняются.
ZruBkul
ZruBkul 21.12.2015 12:545
0
Туи скрипта нет, здесь одни стили, если что.
nikolla76
nikolla76 21.12.2015 12:282
0
Вот этот скрипт попробую установить, хотелось чтоб бы на весь дизайн так было,но не знаю как убрать которые сразу идут.
FeStemBer
FeStemBer 21.12.2015 12:373
0
Это для всего сайта стили, и вы можете установить, но нужно для начало все старые убрать, что корректно отображались.
ZruBkul
ZruBkul 21.12.2015 12:534
0
Так должны на светлом сайте нормально смотреться, как пример уже не первый раз пишу и сравниваю с этим сайтом.
avatar