لوحة الاشتراك بالقائمة البريدية - مطوّرة-

السلام عليكم و رحمة الله وبركاته،

اليوم جبتلكم كود لوحة الاشتراك بالقائمة البريدية مطوّرة -ليس من طرفنا-

المميز في هذه اللوحة انها تضم الفيس بوك و تويتر و ار اس اس عكس اللوحة القديمة.

شرح التركيب:
لوحة تحكم الرئيسية لبلوجر - التخطيط - إضافة أداة جافاسكريبت

الكود:

الكود:: <html>
<head>

<style>

</style>
</head>
<body>




<div class="widget-content">
<div class="lefts">
<h1><strong>تابعنا ليصلك كل ما هو <b>جديد</b><b></strong></h1>
<div class="social">
<a rel="nofollow" rel="nofollow" target="_blank" href="1111"><img src="http://img829.imageshack.us/img829/9886/rssiconrw.png"></a>

<a rel="nofollow" rel="nofollow" target="_blank" href="2222"><img src="http://img221.imageshack.us/img221/8408/twittericonf.png"></a>

<a rel="nofollow" rel="nofollow" target="_blank" href="3333"><img src="http://img16.imageshack.us/img16/8030/facebookicona.png"></a>

</div>

<div class="ins">
<center>
<div id="sleek-subscribe">
<form action="4444" method="post" rel="nofollow" rel="nofollow" target="_new">

<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}" onfocus="if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}" value="ضع اميلك هنا ليصلك كل جديد">

<input class="btn2" type="submit" value=" ">
</form>
</div>
</center>
</div>

</div>


<style>
.lefts{
width:300px;
height:182px;
background:url(http://img266.imageshack.us/img266/3515/leftyb.png);
}

.lefts h1{
color:#000000;
margin:0;
text-align:center;
font:17px 'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}

.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:green;
}

.lefts .social{
margin-right:50px;

}

.lefts .social a img{
float:right;
margin-right:10px;
margin-top:8px;

}

.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:1px;
}

.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:red;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
width: 175px;
}

.lefts .ins .btn2{
background:url(http://img217.imageshack.us/img217/870/subo.png);
float:right;
border:none;
width:64px;
height:28px;
cursorointer;
}

</style>
</div>
</body>

</html>

111 غيرة برابط التغذية
ا222 يمثل رابط صفحتك على تويتر
333 يمثل رابط صفحتك على فيس بوك
444 يمثل الإشتراك فى قائمتك البريدية

والسلام عليكم

» اضافة زر الاشتراك الى حسابك بالفيس

لوحة الاشتراك بالقائمة البريدية - مطوّرة-

لوحة الاشتراك بالقائمة البريدية - مطوّرة-

مواضيع مماثلة

مواضيع مماثلة