Помогите с версткой Подписки на обновления

(Ответов: 2, Просмотров: 708)
  1. Опытный Аватар для Delpix
    • Регистрация: 28.07.2012
    • Сообщений: 358
    • Репутация: 82
    • Webmoney BL: ?
    Вот так выглядит моя старая подписка:
    Нажмите на изображение для увеличения.  Название:	подп.jpg  Просмотров:	9  Размер:	34.8 Кб  ID:	5475
    И её код:
    Код 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=Delpixru', 'popupwindow', 'scrollbars=yes,width=550,height=520');
    return true"> <img src="http://delpix.ru/wp-content/themes/mystiqueMOD/images/feed.png">
    Следить за обновлениями по почте
    <br> <input type="text" style="width:140px" name="email"/><input type="hidden" value="Delpixru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Подписаться" /> </form>
    А вот новая, помогите сверстать.
    Нажмите на изображение для увеличения.  Название:	рассылка.png  Просмотров:	14  Размер:	6.6 Кб  ID:	5476
    • 0
  2. Студент Аватар для IUMag
    • Регистрация: 21.06.2011
    • Сообщений: 31
    • Репутация: 4
    css
    Код:
    INPUT[type="text"] {
    font-family: Arial;
    font-size: 15px;
    color: white;
    border: 1px grey solid;
    padding: 0px 4px;
    height: 30px;
    background: #8fc800; /* Old browsers */
    background: -moz-linear-gradient(top, #8fc800 0%, #8fc800 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc800), color-stop(100%,#8fc800)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8fc800 0%,#8fc800 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8fc800 0%,#8fc800 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8fc800 0%,#8fc800 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8fc800 0%,#8fc800 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 ); /* IE6-9 */
    }
    
    INPUT[type="image"] {
    background: url(ling image);
    width: 30px;
    height: 30px;
    }
    html
    Код HTML:
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" 
    onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Delpixru', 'popupwindow', 'scrollbars=yes,width=550,height=520');
    return true"> <input type="text" style="width:140px;" value="Введите e-mail" onblur="if(this.value=='') this.value='Введите e-mail';" onfocus="if(this.value=='Введите e-mail') this.value='';" name="email"/><input type="hidden" value="Delpixru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/> <input type="image" class="img" value="Подписаться" /></form>
    В css вам необходимо вставить ссылку на картинку и подправить размеры.
    Последний раз редактировалось IUMag; 11.08.2012 в 23:11.
    • 2

    Спасибо сказали:

    Delpix(12.08.2012), MacLeo(11.08.2012),
  3. Опытный Аватар для Shuro4ka
    • Регистрация: 18.03.2010
    • Сообщений: 264
    • Репутация: 88
    • Webmoney BL: ?
    Как-то так. Не обессудьте, писалось "на коленке". Если очень нужно, могу допилить завтра утречком :)
    Код HTML:
    <form style="border:5px;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=Delpixru', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true"> <input name="email" type="text" style="width:140px; background: url(img/2.png) repeat-x; color: #FFFFFF; border:0;" placeholder="Введите E-mail"/><input type="hidden" value="Delpixru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/> <input name="" type="image" src="img/1.png" alt="ОК" align="top"> </form>
    P.S. Не успела :)
    Миниатюры 1.png   2.png  
    • 1

    Спасибо сказали:

    Delpix(12.08.2012),

Похожие темы

Темы Раздел Ответов Последний пост
нужна помощь с html-версткой
Web программирование 5 10.03.2012 03:18
Проблема с версткой макета
Web программирование 2 29.02.2012 20:33
Помогите пожалуйста с версткой
Web программирование 1 27.04.2011 18:03
Помогите с вёрсткой
Прочее 16 23.01.2010 19:07

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры