Chia sẻ với các bạn  Code khung Subscribe

CÁCH THỰC HIỆN.

<style>
/* ######## Subscribe Css ######################### */
#sub-wrap-wrapper {
background:#ededed url(//3.bp.blogspot.com/-06iGd_Ue9dk/UqPzuA1Kw7I/AAAAAAAACPc/hBtKtRBSDGE/s1600/Pattern-call.png) center;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
position:relative;
}
.sub-wrap {
margin:0 auto;
}
#subscribe-css {
position: relative;
padding: 20px 0;
overflow: hidden;
min-height: 220px;
}
.subscribe-wrapper {
color: #000;
font-size: 16px;
line-height: normal;
margin: 0;
text-align: center;
text-transform: none;
font-weight: 400;
width: 100%
}
.subscribe-form {
clear: both;
display: block;
overflow: hidden;
margin: 25px auto 0;
}
form.subscribe-form {
clear: both;
display: inline-block;
margin: 0;
width: 100%;
max-width: 680px;
overflow: hidden;
border: 2px solid #000;
border-radius: 8px;
}
.subscribe-css-email-field {
background: none;
color: #000;
font-style: italic;
font-family: Lora;
letter-spacing: 1px;
font-size: 15px;
margin: 10px 0;
padding: 15px 20px;
width: 65%;
border: 0;
}
.subscribe-css-email-button {
background: #000;
color: #fff;
cursor: pointer;
font-weight: 700;
font-style: normal;
text-transform: uppercase !important;
letter-spacing: 1px;
padding: 18px 35px;
margin-left: 15px;
text-transform: none;
font-size: 16px;
border: 0;
border-radius: 3px;
transition: all .6s;
}
.subscribe-css-email-button:hover {
background: #446CB3;
}
#subscribe-css p.subscribe-note {
margin: 16px;
text-align: center;
color: #000;
font-size: 30px;
font-weight: 900;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
word-wrap: break-word;
}
#subscribe-css p.subscribe-note span {
position: relative;
overflow: hidden;
font-weight: 700;
transition: all .5s;
}
#subscribe-css p.subscribe-note span.itatu {
font-weight: 400;
font-style: italic;
color: #000;
text-transform: lowercase;
}
#subscribe-css p.subscribe-note span.itatu:before,
#subscribe-css p.subscribe-note span.itatu:after {
display: none
}
#subscribe-css p.subscribe-note span:before {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 3px;
margin: 10px 0 0;
background: #446CB3;
transition: all .5s
}
#subscribe-css:hover p.subscribe-note span:before {
width: 100%;
}
.sub-desc {
text-align: center;
color: #000;
font-size: 15px;
letter-spacing: 1px;
}
</style>

<div id='sub-wrap-wrapper'>
<div class='sub-wrap row'>
<div id='subscribe-css'>
<div id='subscribe-note-wrap'>
<p class='subscribe-note'><span>Ðang ký</span> <span class='itatu'></span> B?n tin</p></div>
<p class='sub-desc'>Ðang ký nh?n Templates thông báo m?i</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=nguyenphuc/xTBe' class='subscribe-form' method='post' onsubmit='window.open (&apos;https://feedburner.google.com/fb/a/mailverify?uri=nguyenphuc/xTBe&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='templatesyard'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email'/><input class='subscribe-css-email-button' title='' type='Submit' value='Subscribe'/></form></div></div></div></div></div>

- - 0 bình luận
Tag
  • Bình luận (0)
  • Emoticon
  • Chèn Ảnh
  • Code
  • :))
    :((
    :D
    :(
    :)
    :-)
    ;)
    =))
    :p
    =.=
    ==
    ^_^
    /=he
    :*
    /=r
    /=l
    :v
    /=ok
    /=clap
    (y)
    (yy)
    /=hi
    /=j
    /=hup
    /=hd
    /=hl
    /=hr
    /=s
    <3