» »

Разноцветные кнопки для сайта uCoz


Разноцветные кнопки для сайта 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);  
}
17.01.2013 Просмотров: 1120 Комментарий: (0)

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

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

Комментарий: 0
avatar