Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Кнопка Добавить (Разные цвета) для uCoz
19.11.2018
Кнопка Добавить (Разные цвета) для uCoz
  • 642 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 5.0 Рейтинг:
  • (Голосов: 2)
Описание:
Красивые кнопки Добавить для вашего сайта. Выполнены в разных цветах, подойдет для всех
дизайнов и под любые цвета.

Стили написаны может быть и не для всех элементов, но для основной части точно. Теперь просто скопируйте 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);
  }


Cам HTML код кнопки:
Код
<input class="manFlSbm1" style="font-weight:bold;" name="sbm" onclick="document.getElementById('doSmbBt').click();" type="button" value="Добавить"/>


Чтоб сменить цвет кнопки, достаточно сменить класс:
Код
class="manFlSbm1"


На данный момент выбран класс №1 , всего их 7.

Готово, если на какой то странице остался старый дизайн кнопки для uCoz, узнайте ее класс и добавьте к остальным стилям, либо напишите здесь в комментариях.
Кнопка Добавить (Разные цвета) для uCoz" title="Скачать Кнопка Добавить (Разные цвета) для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: mvcreative.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]