السلام عليكم ورحمة الله وبركاته
وكما يقال وعد الحر دين عليه ،ها نحن نفي بوعدنا ونضع بين يديكم في هذا الموضوع قالب لمدوانات بلوجر يمزج بين الاناقة والاحترافية ،حيث يتميز القالب بواجهة واضحة وبسيطة لكي تمكن الزائر من التفاعل السريع مع مدونتك .
إضافة لمجموعة من الخصائص المميزة والتي سنترك لكم حرية اكتشافها بأنفسكم .
slid ليشتغل السلايدر عليكم أن تضعو المواضيع في قسم وللأستبدال القسم قم بتغير ما هو بالون الأزرق
label1 = "slid";
معاينة تحميل
<----------------------------------------------------------------------->
<div class="social">
<a href="https://www.facebook.com/4youtech">
<div class="so">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirtNaoyNFD2nVGFpvILtyj7XHLFf6JO245f4p8EIKkzgF9wKrLdCzWMsh3xWXTtJng1o04Xzevcd6FCVFAyPFBYQe7mZHZ4EXkKObxgM85AcrkbEPYRuJnKi_W6GMvwFzF9YP8DmCZpRg/s1600/face2.png" /></center>
<p>10,000</p>
<h6>معجب</h6>
</div>
</a>
<a href="YOUTUBE LIEN">
<div class="so">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPBw9VVuaofH54sPbToFlHJz6p-jic2zqOg0c-Mu4gYWEZ_iX6dHVscrctQKBnQGk9jxq7lQjEKBMeu98G-ON6hDLtObrgOa6sdDzBzJDIWB2WcgOkADB1x3uPhKfYvQpqHJrOLQZoy98/s1600/you2.png" /></center>
<p>3,000</p>
<h6>مشارك</h6>
</div>
</div>
<a href="TWITTER LIEN">
<div class="so">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPvNbvWdPax3zK2QSlaoqpFB__F3Q8NBsyKBaJwhRfW9O0cIRwPsAQEzZUq8nXJqOCUZ3yHxKr_-r8ZGMRGvNJChgf4Z0oqUJg4m91oY1mptVnco3XKFn6CdbHiq_v4LXUgoaAuywpWGw/s1600/twt2.png" /></center>
<p>6,000</p>
<h6>متابع</h6>
</div>
</a>
</div>
<div class="sub">
<h3>تابعنا عبر البريد الالكتروني :</h3>
<div id='sleek-subscribe'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=4youtech' class='signform' method='post' 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>
</div>
<style>
.social{
width:280px;
height:116px;
background:;
}
.social .so{
width:93px;
height:101px;
float:right;
margin-top: 7px;
opacity:1;
}
.social .so:hover{opacity:0.7;}
.social p{margin: 5px 0 0;font:16px tahoma;color:#767676;text-align:center;}
.social h6{font:12px tahoma;color:#b4b4b4; margin:0; text-align:center;}
</style>
<style>
#ytbchaine{width:250px;}
#ytbchaine img {border-radius:5px;border:3px solid #a3a3a3;width:48px;height:48px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity:1;}
#ytbchaine img:hover {width:60px;height:60px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity:0.6;}
.sub{
width: 291px;
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: 212px;
}
.sub .btn2 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicSBesGhUt2zcrdC6n_QzC0Bi6k2hDxxPf6YQKLNs6z_vdrZM4v_2gfHDoyJ3dIIoTSTT35Oq57GJQD8k-Pov9Mfy4wyiWKPtYCkaueBJPy2Yvwdg-1yZZcP9RXyjToNI8Uh9GT2yH4cs/s1600/sub.png);
float: left;
border: none;
width: 64px;
height: 38px;
cursor: pointer;
}
.sub .btn2:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWyrfXPjLqAajNEWg3F3_X4-v7cplLEgwGggzzeyxR0M3QBsaE-pXfD_ixcqL_-DV0ipHIgvR-S1iWkZJhq4LQInkI0bttZESC861QJ4YwGI-OkLm-DQQ-9a3dr-iO58zwcMifq948D4I/s1600/sub2.png);
}
.sub h3{
margin: 13px 0;
font: 13px droidkufi-bold;
color: #4a4a4a;
}
</style>
مصدر عالم التكنولوجيا
<------------------------------------------------------------------->
<------------------------------------------------------------------->
ليست هناك تعليقات:
إرسال تعليق