Добро пожаловать на наш сайт GAMECONTROL.AT.UA ,здесь Вы можете скачать всё для COUNTER STRIKE И СИСТЕМЫ UCOZ!
Связь с администратором 14

игровой портал Gamecontrol.at.ua - Всё для сервера Counter Strike 1.6 и Системы UCoz

Реклама - это основной доход Gamecontrol.at.ua. Пожалуйста, внесите наш сайт в список исключений, чтобы мы могли развивать наш проект и радовать Вас новыми материалами.

Кнопки "скачать", "закрыть" и "пароль изменен"

Добавил(а) Inessa Просмотров: 14 Комментариев: 0
Простые кнопки ,которые нужны почти на каждом сайте. Скачать, Закрыть (или отказ) и Сменить пароль (или изменить пароль или пароль изменен). конечно же это просто примеры реализации этих кнопок. На кнопках можно написать что угодно. Эти кнопки разного цвета: красного, зеленого и голубого. Также на кнопках имеются мини иконки: крестик, галочка и ключик.

 


<form name="form1" method="post" action="">
<div class="buttons">
  <button type="submit" class="positive" name="save">
  <img src="apply2.png" alt="">  
  Save
  </button>

  <a href="#" class="regular">
  <img src="textfield_key.png" alt="">  
  Change Password
  </a>

  <a href="#" class="negative">
  <img src="cross.png" alt="">
  Cancel
  </a>
</div>
</form>

 


CSS

/* CSS Document */   /* BUTTONS */

.buttons a, .buttons button{
  display:block;
  float:left;
  margin:0 7px 0 0;
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:12px;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}
*:first-child+html button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.buttons a:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
  color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
.buttons a.positive:active{
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
  color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
.buttons a.negative:active{
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
  color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.buttons a.regular:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}
 

Скриншоты:



Рейтинг Оценка материалов
ПОЛНОЕ ИЛИ ЧАСТИЧНОЕ КОПИРОВАНИЕ МАТЕРИАЛА БЕЗ УКАЗАНИЯ ССЫЛКИ НА gamecontrol.at.ua ЗАПРЕЩЕНО!
ВНИМАНИЕ ! НИ В КОЕМ СЛУЧАЕ НЕ ПЕРЕХОДИТЕ ПО ССЫЛКАМ В КОММЕНТАРИЯХ ВО ИЗБЕЖАНИИ ВИРУСОВ !



 
Добавил(а) Inessa Дата: 22.03.2021 Комментариев: 0 Теги: скачать, скрипты для ucoz, кнопки, закрыть, пароль, изменен



 



 
Внимание! Если вам нравится это сайт, то пожалуйста отключите AdBlock или другие резальщики рекламы на этом сайте. Возможно предложение здесь, вас заинтересует.

Всего комментариев: 0
avatar
Добро пожаловать на наш сайт GAMECONTROL.AT.UA ,здесь Вы можете скачать ВСЁ ДЛЯ COUNTER STRIKE И СИСТЕМЫ UCOZ ,так же можно заказать в бегущюю строку вашу рекламу !