Вот так выглядит моя старая подписка:
И её код:Код 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>
- 11.08.2012 15:31
- 11.08.2012 23:07
css
Код:htmlINPUT[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:В css вам необходимо вставить ссылку на картинку и подправить размеры.<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>
Последний раз редактировалось IUMag; 11.08.2012 в 23:11.
- 11.08.2012 23:44
Как-то так. Не обессудьте, писалось "на коленке". Если очень нужно, могу допилить завтра утречком :)
Код HTML:P.S. Не успела :)<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>
Спасибо сказали:
Delpix(12.08.2012),
Тэги топика:
- background,
- bottom,
- color-stop,
- height,
- image,
- input,
- left,
- type,
- верстка,
- обновление,
- подписка,
- помочь
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
нужна помощь с 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 |