قالب نوردين للمعلوميات

متلما اعتدنا على الجديد أقدم لكم قالب كان قد طلبه أحد أعضاء الصفحة منذ مدة و قد تم اليوم طرحه حسب التصويت

لقد طرحت الكتير من القوالب كذالك المدون السابق و الغرض هو أن أقوم أن أقوم بدورة تدريبية عن البلوجر لكن لن تبدأ الدورة و المحتوى العربي فارغ من القوالب عكس المحتوى الأجنبي
نعود إلى الموضوع

لمشاهدت المعاينة إنقر هنا

للتحميل إنقر هنا

الإضافة و الأدوات

إضافة الكاتب (بقلم) من هنا

إضافة المواقع الاجتماعية (غير ما بالأحمر إلى ما يناسبك)

<div>

<a href=”http://www.facebook.com/Dr.Help.officiel”>

<center>

<div></div>

<span>3000</span>

<p>معجب</p>

</center>

</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 == &#39;&#39;) {this.value = &#39;ضع اميلك هنا ليصلك كل جديد&#39;;}” onfocus=”if (this.value == &#39;ضع اميلك هنا ليصلك كل جديد&#39;) {this.value = &#39;&#39;;}” 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/AVvXsEjX3cr9hD-RbLU6QxS2aVpts0tV64flFOTYxAR_vBGAJ8Dg2jAxRiRYaB79-RJFKNmrr9mxCAcKQ8ppmrA5n8rPgZvt_7cejk0pyzHLobEpyiwMMH6S8ECh8VCbbYzWmyZrHqGUzWlJ0eE/s1600/face1.png);}
.so .twt{ margin-bottom:10px; width:50px; height:50px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm6zPZLjYO-7256N231aiGZbEgh9_mVy5blKoc4UEIjgkaWZbOfBhTnyNnvttnrnJARr6qnYCrZ-dO4kiIfLxq20ChAQXC27lQnGpSAtT2Al-NPo2SpCKyhaVEntqmoU35FrrINShD_iE/s1600/twt1.png);}
.so .you{ margin-bottom:10px; width:50px; height:50px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3-g0mqV_5kqAme0oEUc4Lig3EWYq-EFgsBcjBSvLT91S58Ch6Coi4iZaCxYqA7sYHqtNyZFWkhSb8UJk5TJFtTXd-tfK3-ZHO4UcOL07_PE12LxzR2UU0CrroEXbnre7dSXH59vvrR24/s1600/you1.png);}
.so .face:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mz3_FnCadUUzSUwAG0OwuUyLv9_Sjuil0FT27gpmjEzSQ0EevYIlUh-5zK9okPPDO10gY7G5dLna0mYdicPvVkRWWQq3pps0dyxjrlU4-v0drn0qgT6pXTaullzfq_fsfkMyRn79sGI/s1600/face2.png);}
.so .twt:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCx_cCw3orfdF5QaD4jNOP0ZjNhFIFal4tz7cCLMlr-AM_tgkHsrdvKUPH7Dc1HRjO7rMLIID7yCpaMpZd_jyNZ2jpw8fW3WSKUzyEjci90MpydSJolgLcBYzcYPD1M6GfJeNDs49oXA/s1600/twt2.png);}
.so .you:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEdpUew_6bTinx9AT1ybvfGRi0ftQCx0uNaImkNQ7fDR4QnDCQRCXIJQ4rARwFoHGmf3JKk8L5VBwewKM48Jm-qOxiBnML1VDxFgDFvehpxcoV9JPUFI5YheDrNGay2-f8-PRDK8EBJ28/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>

 و لتغيير اللوجو غير هذا الرابط داخل HTML

http://im33.gulfup.com/iInYQ.png

لتشغيل ألسليدر إبحث بواسطة Ctrl + F عن “كل” و ضع مكانها القسم الذي تريد وضع مواضعيك فيه

أما لمن يسأل عن تغيير الأقسام فأبحث عن اسم القسم داخل HTML و ستجده و قم بتغييره 

و أخيرا أتمنى أن لا يقف الموضوع عندكم و تشاركوه بين أصدقائكم أن أعجبكم القالب

و إن كانت هذه هي زيارتك الأولى لا تنسى الإشتراك في الصفحة على الفيسبوك و قناتنا على اليوتيوب للتوصل بالجديد