Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Переключатели и кнопки » Стилизация кнопки Добавить для uCoz

Стилизация кнопки Добавить для uCoz

Опубликовал: artCreative™
Категория: Переключатели и кнопки
Дата: 19 Июня 2025 в 08:01

0 голосов

У всех на своем сайте созданном в системе 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);
}

Готово, если на какой то странице остался старый дизайн кнопки для uCoz, узнайте ее класс и добавьте к остальным стилям.

Спонсор материала: Дизайн-Ателье по разработке сайтов и граффики RealARTs

Ссылка на источник материала

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 1255 « Назад

Теги материала: добавить, Ucoz, стилизация, для, Кнопки

Комментарии пользователей

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Переключатели и кнопки » Стилизация кнопки Добавить для uCoz

Стилизация кнопки Добавить для uCoz

Комментарии пользователей