Меню сайта
Смотри и качай бесплатно
Опрос сайта
Оцените мой сайт


Реклама


Онлайн пользователи
Онлайн всего: 13
Гостей: 13
Пользователей: 0
Раздел в разработке

VSEpodrad.ru


В разработке!


На сайт добавлено файлов

Вид формы связи (как на ChromeGT)
Вид формы связи (как на ChromeGT)

Установка:
В шаблон почтовой формы ставим:
Code


Если у вас имеются вопросы или предложения к администрации сайта, то вы можете воспользоваться формой ниже.</p>  


Поля помеченные звездочкой * обязательны для заполнения.</p>  
<!-- Contact Form -->  
<div class="form">  
<fieldset class="cform">  
<div>  
<label for="name" class="overlabel">Имя *</label>  
<input type="text" name="f4" id="name" class="box" />  
</div>  
<div>  
<label for="email" class="overlabel">Email *</label>  
<input type="text" name="f1" id="email" class="box" />  
</div>  
<div>  
<label for="email" class="overlabel">Web</label>  
<input type="text" name="f5" id="web" class="box" />  
</div>  
<div>  
<label for="subject" class="overlabel">Тема *</label>  
<input type="text" name="f2" id="subject" class="box"/>  
</div>  
<div>  
<label for="message" class="overlabel">Сообщение *</label>  
<textarea name="f3" id="message" cols="58" rows="10" class="box" /></textarea>  
</div>  
<div>  
<label for="confirm" class="overlabel">Код безопасности *</label><br/>  
<input type="text" name="f7" id="confirm" class="codesec"/>  
<div style="float:left;margin-top:7px">$SECURITY_CODE$</div>  
<br clear="all"/>  
</div>  
<div class="readon">  
  <input type="submit" name="submit" class="button" value="Отправить" />  
</fieldset>  
</div>  
<!-- / Contact Form -->

В mainstyles.css ставим:
Code
/* ------- Forms ------- */  
.box2 {  
  padding:0;  
  margin:0;  
}  
.form {  
  padding:0 0 10px;  
  position:relative;  
  overflow:hidden;  
}  
.form .loading {  
  width:20px;  
  height:15px;  
  position:absolute;  
  bottom:10px;  
  left:100px;  
  display:none;  
}  
.form form label span {float:right;}  
.form form label strong {font-weight:normal;}  
form p {padding:0 0 2px;}  
fieldset {  
  margin:0;  
  padding:0;  
}  
.cform input {  
  border: none;  
}  
.cform input.box {  
  color: #b9bdbf;  
  font-size: 14px;  
  width: 600px;  
  height: 24px;  
  line-height:24px;  
  padding: 8px 10px 9px 8px;  
  margin:5px 0 5px 0;  
  background: url(/images/form_input_bg.png) no-repeat left bottom;  

}  
.cform input.box:focus {  
  color: #0ba1d5;  
  background: url(/images/form_input_bg.png) no-repeat left top;  
  outline: none;  
}  
.cform textarea.box {  
  color: #212121;  
  font-size: 14px;  
  width:600px;  
  height:186px;  
  line-height:22px;  
  padding: 9px 10px 8px 8px;  
  margin:5px 0 10px 0;  
  background: url(/images/textarea_bg.png) no-repeat left bottom;  
}  
.codesec,#photo6{  
  -webkit-border-radius:4px;  
  border-radius:4px;  
  -moz-border-radius:4px;  
  background:#202328;  
  border:none;  
  width:60px!important;  
  color: #b9bdbf;  
  font-size: 14px;  
  height: 24px;  
  line-height:24px;  
  padding: 8px 10px 8px 8px;  
}  
.securityCode{width:70px!important}  
.manFlTitle{width:445px!important}  
.manFlBrief{height:170px;}  
.manFlFile,{width:350px!important;height:40px!important}  
.x-selectable, .manFlaName, .manFlaEmail, .manFlaSite, .manFlSource, .manFllSize, .manFllLink, .manFlTiltle, .manFlBrief {width:448px!important}  
.manFl {  
  color: #b9bdbf;  
  font-size: 14px;  
  width:600px!important;  
  height:170px!important;  
  line-height:22px;  
  padding: 9px 10px 8px 8px;  
  margin:5px 0 10px 0;  
  -webkit-border-radius:4px;  
  border-radius:4px;  
  -moz-border-radius:4px;  
  background:#202328;  
}  
.manFlaSign {  
  color: #b9bdbf;  
  font-size: 14px;  
  width:400px!important;  
  height:120px!important;  
  line-height:22px;  
  padding: 9px 10px 8px 8px;  
  -webkit-border-radius:4px;  
  border-radius:4px;  
  -moz-border-radius:4px;  
  background:#202328;  
}  
.cform textarea.box:focus {  
  color: #0ba1d5;  
  background: url(/images/textarea_bg.png) no-repeat left top;  
  outline: none;  
}  
.cmxform h3 {  
  display:block;  
  margin:5px 0 5px 0;}  
.codesec{height:20px;width:50px!important;float:left;margin:6px 10px 5px 0}

Заливаем файлы в папку /images/
Категория: Для шаблона Dominion
Добавил: mega18
Просмотров: 546
Загрузок: 104
Назад
Вы сейчас просматриваете Вид формы связи (как на ChromeGT). Данный файл находится в категории Для шаблона Dominion. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Для шаблона Dominion. Для того чтобы скачать Вид формы связи (как на ChromeGT) нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Вид формы связи (как на ChromeGT) и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
Login / Sign In
Close
поиск по ютуб