</a>
</div>
<div>
<a href=”http://tweeter.com/xxxxxxx”>
<center>
<div></div>
<span>00</span>
<p>متابع</p>
</center>
</a>
</div>
<div>
<a href=”http://www.youtube.com/user/drhelpofficiel”>
<center>
<div></div>
<span>100</span>
<p>مشترك</p>
</center>
</a>
</div>
<div>
<h3>تابعنا عبر البريد الالكتروني :</h3>
<div id=”sleek-subscribe”>
<form action=”http://feedburner.google.com/fb/a/mailverify?uri=drhelp4u” method=”post” target=”_new”>
<input name=”email” onblur=”if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}” onfocus=”if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}” value=”ضع اميلك هنا ليصلك كل جديد” />
<input type=”submit” value=” ” />
</form>
</div>
</div>
<style>
.so {
width:100px;
height:119px;
float:left;
}
.so a{ text-decoration:none;}
.so span{ font:18px tahoma; color:#4a4a4a; }
.so p{ font:13px tahoma; color:#7b7b7b; margin:0;}
.so .face{ margin-bottom:10px; width:50px; height:50px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90oREpULJQ89evqHVtjQO1uLqgyxIldw_RzkF0R7S2UCMQuak02W0yKaLfMkjkzcMBu5tCfYzF_QkMqR7OTLe6UM406h4VMIVSp0OHm_ZQeh2x4WKzRYBjXhyl2Pj_WlLpIcpBxh6l58/s1600/face1.png);}
.so .twt{ margin-bottom:10px; width:50px; height:50px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdAQWE64XOgxg7mRaOb7WQuTrA9a3mhDd0SF3jZ4FSo57rBQo5MVCPBmjgZluupnVLyQdqNPFskHs9Arw68B5tlslJuQwRdW_ppnDJXXx1yUDNKssu5foaQN5mupKjgSdIog5vQIJdyVk/s1600/twt1.png);}
.so .you{ margin-bottom:10px; width:50px; height:50px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_kT-7qLK3BV-9AuP2Q37Y-poxBO1I7R1FB8QQL9RETuWM0W1KyWHsuxAVNmAdlsB3UqNlI_MuybLI2-rnCEhskxPg4zEZk3T6HP3V3ZUujR-Omexe_TYHOp7uYEC1h_Hqzk5NU5eTqU8/s1600/you1.png);}
.so .face:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMwKgqH4nzAadTH2ZRUTMfNlObifwhkBU96rfLVTBnk4sx9jWxfcgDcFB47re01TSy4f_QAJ6Yk2DTZP4o7L4sEH_NfPqhoe-om028IE2K6NT76S4hIn76l0AHTojZsgu9Ucl2ORB4vE/s1600/face2.png);}
.so .twt:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo1M2uKbf-5y3Q-T3mxn33h0ZOs20ldNm95fZ3HPt5baMMmPoZ8CLy_Mbz-PxW_0hLGEijLcev1CUmXlwSkJen8YD78IOOrQjj4eFXQKJh9RwM59jN1UcaFtbiVZY0lhs6mhIYMf-5GwY/s1600/twt2.png);}
.so .you:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib9cb8iUtuIK4MzCpKRW7HWjaZjo0rxWYk6ntYIEer_b1AZ_nSqqwBlQl_fKR07TfflsQVLX5UmR6XxOXzuIWrm94Swm2X11tKwzsX_UA8codpW3usmx6irQm100tNegmEiYFhdCC52rw/s1600/you2.png);}
.sub{
width: 298px;
height: 109px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
float: left;
}
.sub .txt2 {
background: #f4f4f4;
border: none;
font: 12px Tahoma, Geneva, sans-serif;
color: #b8b8b8;
padding: 11px 7px 13px 7px;
float: right;
margin: 0;
text-align: right;
width: 220px;
}
.sub .btn2 {
background: url(http://2.bp.blogspot.com/rtAe0_GaUZY/UPwGPldT0BI/AAAAAAAAC80/85mfUlqdUTs/s1600/sub.png);
float: left;
border: none;
width: 64px;
height: 38px;
cursor: pointer;
}
.sub .btn2:hover {
background: url(http://1.bp.blogspot.com/CCW4Cd7GR1k/UPwGP4DRo0I/AAAAAAAAC88/16vYibLuluY/s1600/sub2.png);
}
.sub h3{
margin: 13px 0;
font: 13px droidkufi-bold;
color: #4a4a4a;
}
</style>
ليست هناك تعليقات:
إرسال تعليق