• Регистрация
  • Вход
MENU
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Обо всём » Собираем скрипты » Всплывающая контактная форма для сайта
Всплывающая контактная форма для сайта
artnovДата: Пятница, 11.07.2014, 16:34 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline
Пример

Код
<link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/postt/modal-contact-form.css" />
     
         <a class="show-btn" href = "javascript:void(0)" onclick =  
"document.getElementById('envelope').style.display='block';document.getElementById('fade').style.display='block'">Обратная
  связь</a>
         <div id="envelope" class="envelope">
             <a class="close-btn" title="Закрыть"  
href="javascript:void(0)" onclick =  
"document.getElementById('envelope').style.display='none';document.getElementById('fade').style.display='none'"></a>
             <div class="title">Напишите нам сообщение!</div>
             <form method="post" action="обработчик">
                 <input type="text" name="sender_name"  
onclick="this.value='';" onfocus="this.select()"  
onblur="this.value=!this.value?'* Ваше Имя':this.value;" value="* Ваше  
Имя" class="your-name"/>
                 <input type="text" name="sender_email" onclick="this.value='';" onfocus="this.select()"  
onblur="this.value=!this.value?'* Ваш Email':this.value;" value="* Ваш  
Email" class="email-address"/>
                 <textarea class="your-message" placeholder="* Ваше сообщение"></textarea>
                 <input type="submit" name="send" value="Отправить" class="send-message">
             </form>
         </div>
         <div id="fade" class="black-overlay"></div>

 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
Форум » Обо всём » Собираем скрипты » Всплывающая контактная форма для сайта
Страница 1 из 11
Поиск: