Главная » Статьи » Статьи по Ucoz.

Делаем красивую подписку на почтовый ящик.
 
Делаем красивую подписку на почтовый ящик

В продолжение предыдущей статьи Как осуществить подписку RSS по электронной почте?  я решил рассказать как красиво оформить подписку на почтовый ящик, что бы она бросалась в глаза, и проходящий мимо не смог остаться равнодушным.

Так как я не очень знаком со всякого рода скриптами и кодами, я конечно же прибегнул к интернету и взялся за создания привлекательной подписки.

Для начало возьмем код подписки на почтовый ящик, которую вы оформили на FeedBurner, если кто не читал, предыдущею статью, советую прочитать: Как осуществить подписку RSS по электронной почте? .

И так у нас есть код который создал для нас FeedBurner, у меня он выглядит так:
 
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http:// <b>feedburner</b>.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http:// <b>feedburner</b>.google.com/fb/a/mailverify?uri=shedar/jjpA', '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="shedar/jjpA" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http:// <b>feedburner</b>.google.com" target="_blank"><b>FeedBurner</b></a></p></form>
 

Его то мы и будем преображать, делая красивым и заманчивым.

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

Могу предложить вам те которые я выбрал для себя перед работай.
 

На втором этапе мне понадобились рамки, изменения цвета фона и цвета шрифта.

Могу предложить пару рамочек:

1 вариант:
 
<FIELDSET class=counter>ВАШ ТЕКСТ- простая обводка без фона. </FIELDSET>

2 вариант:

<div style="background-color: lightyellow; border-width:1; border-color: rgb(190,190,190); border-style:dotted; padding:5px;">Делаем красивую рамку под текст для ucoz</a></div>  - <b>рамка с фоном</b>

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

3 вариант:

<style> .funct {padding:6px;background:#f1f6ec;border:1px solid #b0ce94;margin-bottom:4px;color:#436500;} </style> <div class="funct"> <b>Рамка с фоном для uCoz </b></div>  - <b>рамка с фоном</b>

Теперь кому - то захочется поменять цвет кнопки «Подписаться»:

<button onmouseover="this.style.background='red';" onmouseout="this.style.color='white';"> Подписаться</button>

Ну и конечно же тонкости которые не помещают:

Пробел в строке:

&nbsp;

Новая строка:

<br>

Теперь весь минимальный набор инструментов для работы подготовлен. Это минимум, можно добавить что - то еще. Тут все зависит от вашего воображения.

Пробуйте, фантазируйте, экспериментируйте.

Для пометки. Те кто не умеет пользоваться всякого рода редакторами, работоспособность своей собранной подписки, или визуально отредактировать перед размещением вы можете используя «добавления нового материала» у себя на сайте.

Посмотреть что у меня получилось (не без помощи стороннего ресурса) можно в левом блоке, другая подписка здесь и еще одна здесь .

Надеюсь эта статья вам пригодиться. И была полезна.

Удачи!

P.S. Кто не знает как разместить картинку –ссылку на вашу RSS. Вот как это выглядит:
 
<a href="http://shedar.ru/load/rss/"> <img src=" http://shedar.ru/2.jpg" alt="RSS"></a>
 
<img src=" http://shedar.ru/2.jpg" - адрес картинки
 
<a href="http://shedar.ru/load/rss/"> - ссылка
 
alt="RSS" – всплывающая подсказка

На этом все, спасибо за внимания, надеюсь, мой пост вам помог, и вы оцените мои труды, кликнув по одной из кнопок, социальной сети и поделитесь с друзьями. Не забываем подписаться на обновления. Удачи!

Другие материалы по теме:


Категория: Статьи по Ucoz. | Добавил: maloir (11.02.2013) | Автор: Делаем красивую подписку на почту E W
Просмотров: 995 | Комментарии: 1 | Теги: почтовый, подписку, красивую, на, ящикподписка на почтовый ящик, делаем, FeedBurner, RSS, Рамка с фоном для uCoz, Подписка | Рейтинг: 0.0/0
     Подпишитесь на обновления Библиотеки Шедар Кассиопеи:

     Ваш Email:     

Случайное:

Всего комментариев: 1
1  
реарпа

Имя *:
Email:
Код *: