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

8199
10 из 10
Проголосовало: 5






У всех на своем сайте созданном в системе 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);  
}
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://mvcreative.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    466
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 2
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: