Форма Подписаться на E-Mail для ucoz

Форма Подписаться на E-Mail для ucoz

Форма Подписаться на E-Mail для ucoz-вызвав форму подписаться можно получать свежую информацию с сайта не регистрировавшись на нем,а просто указать емайл и получать на него информацию

Установка:
И так заходим в Feedburner => Выбираем нужный rss канал который вы создали => Выбираем вкладку Публикуй => Подписки по электронной почте => Ставим нужный язык => Сохраняем и копируем нужный html код:

Код
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=center-dm/AimX', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">  
  <p>Enter your email address:</p>  
  <p><input type="text" style="width:140px" name="email"/></p>  
  <input type="hidden" value="center-dm/AimX" name="uri"/>  
  <input type="hidden" name="loc" value="ru_RU"/>  
  <input type="submit" value="Subscribe" />  
  <p>  
  Delivered by  
  <a href="http://feedburner.google.com" target="_blank">FeedBurner</a>  
  </p>  
  </form>


Изменяем классы

Код
<div class="cell-subscription">  
  <div class="cell-subscription-info">  

  <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=center-dm/AimX', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">  
  <p>Подписаться на E-Mail:</p>  
  <input class="subscription-input" type="text" name="email"/>  
  <input type="hidden" value="center-dm/AimX" name="uri"/>  
  <input type="hidden" name="loc" value="ru_RU"/>  
  <input class="subscription-button" type="submit" value="Подписаться" />  
  </form>  
   
  </div>  
  </div>


В CSS стили

Код
/* Форма Подписаться на E-Mail для ucoz  
------------------------------------------*/  
.cell-subscription {  
  float:left;  
  width: 250px;  
  text-align:center;  
  background: url(http://www.center-dm.ru/ucoz/vid_podskazka/2/cell-subscription.png) #fff repeat;  
  border-radius: 3px;  
}  

.cell-subscription-info {  
  float:left;  
  width: 210px;  
  padding: 10px 15px;  
  margin: 5px 5px 5px 5px;  
  background:#fff;  
  border-radius: 3px;  
}  

.cell-subscription-info input {  
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  padding: 5px 10px;  
  border-radius: 3px;  
}  

.cell-subscription-info p {  
  float:left;  
  width: 100%;  
  padding: 0px;  
  margin: 0px;  
}  

.subscription-input{  
  float:left;  
  width: 188px;  
  margin: 10px 0px;  
  background:#FAFAFA;  
  border: 1px solid #CAD3DA;  
  color:#555;  
}  

.subscription-input:focus {box-shadow:inset 0px 0px 3px #e6e6e6!important;}  

.subscription-button {  
  cursor:pointer;  
  background: #78db64!important;  
  border:1px solid #33a41c!important;  
  text-shadow:1px 1px 1px #258b10!important;  
  font-weight: bold!important;  
  color:#fff!important;  
}  

.subscription-button:active {box-shadow:inset 0px 0px 3px #23880e!important;}  
.subscription-button:hover {background:#6cca59!important;}
Форма Подписаться на E-Mail для ucoz
Файлы для скачивания отсутствуют.
Поблагодарить автора Автор: Turbo
Комментарии (0)
Добавить комментарий
class="add-comm-form clearfix add-shadow2" id="add-comm-form">
avatar