Вид формы связи (как на 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/
Вы сейчас просматриваете
Вид формы связи (как на ChromeGT). Данный файл находится в категории
Для шаблона Dominion. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке:
Для шаблона Dominion. Для того чтобы скачать
Вид формы связи (как на ChromeGT) нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл
Вид формы связи (как на ChromeGT) и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.