Авторизация

Файлы Скрипты и модификации

Красивые кнопки для uCoz

Описание:
ucoz, для, красивые, кнопки
У всех на своем сайте созданном в системе uCoz присутствуют стандартные кнопки, "добавить", "очистить", "редактировать" и другие, почему бы нам не стилизовать их? Предлагаю вашему вниманию 7 цветовых решений таких uCoz кнопок для сайта.

Стили написаны может быть и не для всех элементов, но для основной части точно. Теперь просто скопируйте css код ниже к себе.

Код
.manFlSbm, .manFlRst, .postPreview, .postSubmit, .postReset, .pollSubmitBut, .pollreSultsBut, #sbt47 {  
  display: inline-block;  
  text-align: center;  
  font-family: Arial, Helvetica, sans-serif;  
  color: #ffffff;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  font-size: 12px;  
  font-weight:normal !important;  
  padding: 6px 10px;  
  border:1px solid #622929;  
  background: #D55857;  
  background: -webkit-gradient(linear, left top, left bottom, from(#D55857), to(#BD4544));  
  background: -moz-linear-gradient(top, #D55857, #BD4544);  
  background: linear-gradient(#D55857, #BD4544);  
  cursor:pointer;  
}  
.manFlSbm:hover, .manFlRst:hover, .postPreview:hover, .postSubmit:hover, .postReset:hover, .pollSubmitBut:hover, .pollreSultsBut:hover, #sbt47:hover {  
  border-color: #af4949;  
  background: #ed7574;  
  background: -webkit-gradient(linear, left top, left bottom, from(#ed7574), to(#D55857));  
  background: -moz-linear-gradient(top, #ed7574, #D55857);  
  background: linear-gradient(#ed7574, #D55857);  
}


Код
.manFlSbm, .manFlRst, .postPreview, .postSubmit, .postReset, .pollSubmitBut, .pollreSultsBut, #sbt47 {  
  display: inline-block;  
  text-align: center;  
  font-family: Arial, Helvetica, sans-serif;  
  color: #ffffff;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  font-size: 12px;  
  font-weight:normal !important;  
  padding: 6px 10px;  
  border:1px solid #a26300;  
  background: #ffc047;  
  background: -webkit-gradient(linear, left top, left bottom, from(#ffc047), to(#ff9c00));  
  background: -moz-linear-gradient(top, #ffc047, #ff9c00);  
  background: linear-gradient(#ffc047, #ff9c00);  
  cursor:pointer;  
}  
.manFlSbm:hover, .manFlRst:hover, .postPreview:hover, .postSubmit:hover, .postReset:hover, .pollSubmitBut:hover, .pollreSultsBut:hover, #sbt47:hover {  
  border-color: #a26300;  
  background: #ff9c00;  
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9c00), to(#ffc047));  
  background: -moz-linear-gradient(top, #ff9c00, #ffc047);  
  background: linear-gradient(#ff9c00, #ffc047);  
}


Код
.manFlSbm, .manFlRst, .postPreview, .postSubmit, .postReset, .pollSubmitBut, .pollreSultsBut, #sbt47 {  
  display: inline-block;  
  text-align: center;  
  font-family: Arial, Helvetica, sans-serif;  
  color: #ffffff;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  font-size: 12px;  
  font-weight:normal !important;  
  padding: 6px 10px;  
  border:1px solid #2C5660;  
  background: #5CB6CE;  
  background: -webkit-gradient(linear, left top, left bottom, from(#5CB6CE), to(#45A4BA));  
  background: -moz-linear-gradient(top, #5CB6CE, #45A4BA);  
  background: linear-gradient(#5CB6CE, #45A4BA);  
  cursor:pointer;  
}  
.manFlSbm:hover, .manFlRst:hover, .postPreview:hover, .postSubmit:hover, .postReset:hover, .pollSubmitBut:hover, .pollreSultsBut:hover, #sbt47:hover {  
  border-color: #4D9BAD;  
  background: #79C9DA;  
  background: -webkit-gradient(linear, left top, left bottom, from(#79C9DA), to(#5CB6CE));  
  background: -moz-linear-gradient(top, #79C9DA, #5CB6CE);  
  background: linear-gradient(#79C9DA, #5CB6CE);  
}


Код
.manFlSbm, .manFlRst, .postPreview, .postSubmit, .postReset, .pollSubmitBut, .pollreSultsBut, #sbt47 {  
  display: inline-block;  
  text-align: center;  
  font-family: Arial, Helvetica, sans-serif;  
  color: #ffffff;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  font-size: 12px;  
  font-weight:normal !important;  
  padding: 6px 10px;  
  border:1px solid #474747;  
  background: #b0adad;  
  background: -webkit-gradient(linear, left top, left bottom, from(#b0adad), to(#939191));  
  background: -moz-linear-gradient(top, #b0adad, #939191);  
  background: linear-gradient(#b0adad, #939191);  
  cursor:pointer;  
}  
.manFlSbm:hover, .manFlRst:hover, .postPreview:hover, .postSubmit:hover, .postReset:hover, .pollSubmitBut:hover, .pollreSultsBut:hover, #sbt47:hover {  
  border-color: #474747;  
  background: #939191;  
  background: -webkit-gradient(linear, left top, left bottom, from(#939191), to(#b0adad));  
  background: -moz-linear-gradient(top, #939191, #b0adad);  
  background: linear-gradient(#939191, #b0adad);  
}


Код
.manFlSbm, .manFlRst, .postPreview, .postSubmit, .postReset, .pollSubmitBut, .pollreSultsBut, #sbt47 {  
  display: inline-block;  
  text-align: center;  
  font-family: Arial, Helvetica, sans-serif;  
  color: #ffffff;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  font-size: 12px;  
  font-weight:normal !important;  
  padding: 6px 10px;  
  border:1px solid #60295B;  
  background: #B261A7;  
  background: -webkit-gradient(linear, left top, left bottom, from(#B261A7), to(#AF4E9D));  
  background: -moz-linear-gradient(top, #B261A7, #AF4E9D);  
  background: linear-gradient(#B261A7, #AF4E9D);  
  cursor:pointer;  
}  
.manFlSbm:hover, .manFlRst:hover, .postPreview:hover, .postSubmit:hover, .postReset:hover, .pollSubmitBut:hover, .pollreSultsBut:hover, #sbt47:hover {  
  border-color: #AD4D9D;  
  background: #CC7CB4;  
  background: -webkit-gradient(linear, left top, left bottom, from(#CC7CB4), to(#B261A7));  
  background: -moz-linear-gradient(top, #CC7CB4, #B261A7);  
  background: linear-gradient(#CC7CB4, #B261A7);  
}


Код
.manFlSbm, .manFlRst, .postPreview, .postSubmit, .postReset, .pollSubmitBut, .pollreSultsBut, #sbt47 {  
  display: inline-block;  
  text-align: center;  
  font-family: Arial, Helvetica, sans-serif;  
  color: #ffffff;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  font-size: 12px;  
  font-weight:normal !important;  
  padding: 6px 10px;  
  border:1px solid #4E612B;  
  background: #A3CF59;  
  background: -webkit-gradient(linear, left top, left bottom, from(#A3CF59), to(#93BC45));  
  background: -moz-linear-gradient(top, #A3CF59, #93BC45);  
  background: linear-gradient(#A3CF59, #93BC45);  
  cursor:pointer;  
}  
.manFlSbm:hover, .manFlRst:hover, .postPreview:hover, .postSubmit:hover, .postReset:hover, .pollSubmitBut:hover, .pollreSultsBut:hover, #sbt47:hover {  
  border-color: #8DAF4B;  
  background: #C3DC78;  
  background: -webkit-gradient(linear, left top, left bottom, from(#C3DC78), to(#A3CF59));  
  background: -moz-linear-gradient(top, #C3DC78, #A3CF59);  
  background: linear-gradient(#C3DC78, #A3CF59);  
}


Код
.manFlSbm, .manFlRst, .postPreview, .postSubmit, .postReset, .pollSubmitBut, .pollreSultsBut, #sbt47 {  
  display: inline-block;  
  text-align: center;  
  font-family: Arial, Helvetica, sans-serif;  
  color: #ffffff;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;  
  font-size: 12px;  
  font-weight:normal !important;  
  padding: 6px 10px;  
  border:1px solid #000;  
  background: #535353;  
  background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#0e0e0e));  
  background: -moz-linear-gradient(top, #535353, #0e0e0e);  
  background: linear-gradient(#535353, #0e0e0e);  
  cursor:pointer;  
}  
.manFlSbm:hover, .manFlRst:hover, .postPreview:hover, .postSubmit:hover, .postReset:hover, .pollSubmitBut:hover, .pollreSultsBut:hover, #sbt47:hover {  
  border-color: #000;  
  background: #0e0e0e;  
  background: -webkit-gradient(linear, left top, left bottom, from(#0e0e0e), to(#535353));  
  background: -moz-linear-gradient(top, #0e0e0e, #535353);  
  background: linear-gradient(#0e0e0e, #535353);  
}
  • 3
  • 17.01.2013
  • 994
  • 2
Источник: webo4ka.ru
  • UNNAMED
  • Администратор
Похожие материалы
Материал «Красивые кнопки для uCoz» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Чат
Для добавления необходима авторизация
Комментарии
Написал: vladimirsamorok
Спасибо) Понастольгировал biggrin
Написал: Snoopak
Исправил
Написал: vladimirsamorok
На главную перебрасывает
Написал: Snoopak
Да макеты красивые. С юкоз точно забросил, а занимается дизайном или нет, я не знаю.. но вот его профиль weblancer
Написал: vladimirsamorok
Крутые макеты он создавал, он забросил это дело?
Написал: vladimirsamorok
Кто-то пытается изменить вид комментариев? biggrin
Написал: geleson2222
Скрипт не работает, исправьте
Статистика
4
Всего
0
Пользователи
4
Гости
Никого нету
Сегодня нас посетили
Snoopak
© 2012 – 2025 «For-uCoz». Made with by Snoopak Хостинг от uCoz
При копировании материалов просим указывать ссылку на источник. Все материалы на сайте размещены исключительно в ознакомительных целях. Все права на материалы принадлежат их создателям.
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны