Файлы Скрипты и модификации

Cоздаем форму rss подписки на почтовый ящик для ucoz

Описание:
Cоздаем форму rss подписки на почтовый ящик для ucoz - Это специальная форма в которой можно подписаться на RSS сайта тоесть все обновления буду приходить к вам на почтовый ящик.

Шаг 1 - Установим HTML:
И так для начала заходим в 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>
У вас должен быть такой же код, но со своим фидом, в моем случае это - center-dm/AimX.

Как многие могли заметить в данном html коде очень много лишнего, дополнительные теги, стили в тегах и т.д, я предлагаю убрать все ненужное, прописать классы нужным тегам и переименовать кнопку подписки на русский язык.

И так мы с вами имеем готовый html код, с которым мы будем работать в css стилях:
Код
<form class="subscription_email" 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="rss_fieldn" type="text" name="email"/>  
  <input type="hidden" value="center-dm/AimX" name="uri"/>  
  <input type="hidden" name="loc" value="ru_RU"/>  
  <input class="rss_button" type="submit" value="Подписаться" />  
  </form>

Шаг 2 - Установим CSS:

Теперь самое основное, это css стили, которые помогут нам привести форму rss подписки на почтовый ящик в надлежащий вид:
Код
/* Подписка на почтовый ящик  
  ------------------------------------------*/  
.subscription_email {  
  float:left;  
  width:400px;  
}  

.subscription_email p {  
  margin: 5px 0px;  
}  

.subscription_email input {  
  float:left;  
  font:11px Verdana,Arial,Helvetica, sans-serif;  
}  

.rss_fieldn {  
  color:#555;  
  width:270px;  
  height:15px;  
  outline:none;  
  padding:5px 10px;  
  border: 1px solid #CAD1DB!important;  
  border-right:none!important;  
}  

.rss_fieldn:focus {  
  box-shadow:inset 0px 0px 3px #ccc!important;  
}  

.rss_button{  
  width:100px;  
  height:27px;  
  cursor:pointer;  
  border:1px solid #186F8F!important;  
  color:#fff!important; text-shadow:1px 1px 1px #186F8F!important;  
  background: #3CB6E3!important;  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3CB6E3), color-stop(1, #2CA0CA))!important;  
  background: -moz-linear-gradient(top, #3CB6E3 1%, #2CA0CA 100%)!important;  
  background: -o-linear-gradient(#3CB6E3, #2CA0CA)!important;  
}  

.rss_button:active {  
  box-shadow:inset 0px 0px 3px #0b5a77!important;  
}  

.rss_button:hover {  
  background:#50bfe8!important;  
}
Источник: ucozup.ru
Загрузка данных...
Материал «Cоздаем форму rss подписки на почтовый ящик для ucoz» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Мини-чат
Для добавления необходима авторизация
Наш опрос
Как Вам наш дизайн?
1262 ответа
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
© 2012-2018 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz