Форма Подписаться на E-Mail для ucoz
Форма Подписаться на E-Mail для ucoz-вызвав форму подписаться можно получать свежую информацию с сайта не регистрировавшись на нем,а просто указать емайл и получать на него информацию
Установка:
И так заходим в Feedburner => Выбираем нужный rss канал который вы создали => Выбираем вкладку Публикуй => Подписки по электронной почте => Ставим нужный язык => Сохраняем и копируем нужный html код:
Изменяем классы
В CSS стили
Установка:
И так заходим в 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>
<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>
<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;}
------------------------------------------*/
.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;}
Файлы для скачивания отсутствуют.
Поблагодарить автора
Автор: Turbo
Комментарии (0)