ZorNet.Ru — сайт для вебмастера » Иконки групп » Кнопка сайта 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 Августа 2013 Просмотров: 2723 Комментариев: (5)

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

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

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 5
Порядок вывода комментариев: Kvint 21 Декабря 2015 12:17¹ 0 Вот сейчас такие ставят, но это явно не в той категорий находятся, они идут как скрипт, что при наведение меняются. ZruBkul 21 Декабря 2015 12:54⁵ 0 Туи скрипта нет, здесь одни стили, если что. Марковичь 21 Декабря 2015 12:28² 0 Вот этот скрипт попробую установить, хотелось чтоб бы на весь дизайн так было,но не знаю как убрать которые сразу идут. FeStemBer 21 Декабря 2015 12:37³ 0 Это для всего сайта стили, и вы можете установить, но нужно для начало все старые убрать, что корректно отображались. ZruBkul 21 Декабря 2015 12:53⁴ 0 Так должны на светлом сайте нормально смотреться, как пример уже не первый раз пишу и сравниваю с этим сайтом.