أفضل قوالب 2015 قالب مدونة برو أيوب الأحمر

أفضل قوالب 2015 قالب مدونة برو أيوب الأحمر

أفضل قوالب 2015 قالب مدونة برو أيوب الأحمر

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

✔ مميزات القالب :

★ بسيط بألوان متناسقة وهادئة

★ سريع الأرشفة ومجهزة ليتوافق مع محركات البحث

★ سيو 100%

★ متوافق مع الهواتف الذكية

★ إضافات مميزة وفريدة

★ سلايد شو تلقائي أنيق

★ قائمة علوية متحركة نزولا وصعودا مع القالب

★ زر الصعود للأعلى

★ فوتر جميل 

✔ التعديلات :

● الإضافات :

الإضافة 1:

الكود الخاص بها :

<style>
#fbar {
list-style-type: none;
list-style: none;
margin: -26px -10px 0px -6px;
background: #fff;
padding: 0px;
width: 347px;
margin-left: 12px;
}
#fbar0 {list-style-type:none;list-style: none;margin:-9px -10px -1px -10px;background:#fff;padding:0px;
}
#fbar1 {
float: right;
width: 50%;
display: block;
height: 380px;
}
#fbar1 ul {
list-style-type: none;
list-style: none;
margin: 0px;
}
#fbar2 ul{list-style-type:none;list-style: none;margin:0px;background:#fff;}
#fbar ul li {
padding: 14px 10px;
margin-bottom: -28px;
color: #666;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
width: 153px;
margin-left: 51px;
text-align: right;
}
#fbar ul li a {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#fbar0 {
list-style-type: none;
list-style: none;
padding: 0px;
width: 50%;
margin: 0px 280px 10px 10px;
}
#fbar2 {
width: 50%;
display: block;
}
#fbar2 ul {
list-style-type: none;
list-style: none;
margin: 0px;
}
#fbar ul li {
padding: 14px 10px;
margin-bottom: -28px;
color: #666;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
width: 153px;
margin-left: 51px;
text-align: right;
}
li.lb1 {
margin-top: 22px;
background-image: url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png);
background-repeat: repeat-x;
background-position: bottom;
}
#fbar0 ul li a {
color: #848484;
font-size: 25px;
font-weight: normal;
text-decoration: none;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
i.icon-home {
font-size: 32px;
}
i.icon-dollar{
font-size: 32px;
}
i.icon-info{
font-size: 32px;
}
i.icon-ayoub{
font-size: 32px;
}
i.icon-c-us{
font-size: 32px;
}
i.icon-soal-plus{
font-size: 32px;
}
i.icon-map-marker{
font-size: 32px;
}
</style>
<div id="fbar">

<div id="fbar1">
<ul>
<li class="lb"><a target="_blank" rel="nofollow" href="https://www.twitter.com/blogproayoub"><img src="http://im77.gulfup.com/vcbDN3.png" /></a></li>
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="https://www.facebook.com/blogproayoub"><img src="http://im77.gulfup.com/dx49WF.png" /></a></li>
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="https://www.youtube.com/user/blogproayoub"><img src="http://im77.gulfup.com/MAvZ99.png" /></a></li>
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="https://plus.google.com/113119554600079673075"><img src="http://im77.gulfup.com/DMh8Je.png" /></a></li>
<li class="lb">
</li>
</ul></div>
<div id="fbar0">
<div id="fbar2">
<ul>
<li class="lb1"><a target="_blank" href="http://www.proayoub.com/"><i class="icon-home"></i>الرئيسية</a></li>

<li class="lb1"><a target="_blank" rel="nofollow" href="https://khamsat.com/user/good-jobs"><i class="icon-dollar"></i>خدماتنا</a></li>


<li class="lb1"><a target="_blank"  href="http://www.proayoub.com/p/contact-us.html"><i class="icon-c-us"></i>راسلنا</a></li>

<li class="lb1"><a target="_blank" href="#"><i class="icon-soal-plus"></i>إسأل !</a>
</li>

<li class="lb1"><a target="_blank" href="http://www.proayoub.com/p/ayoub-boulaich.html"><i class="icon-ayoub"></i>من أنا؟</a></li>

<li class="lb1"><a target="_blank" href="#"><i class="icon-info"></i>استفسر</a>
</li>

<li class="lb1"><a target="_blank" href="#"><i class="icon-map-marker"></i>أعلن !</a>
</li>
</ul>
</div>
</div>
</div>

الإضافة 2:

الكود الخاص بها:

<style>
.ayoub img {
text-align: center;
margin-right: -16px;
}
</style>
<div class="ayoub">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxqB_hyJo5sqabvC04Rpnx99Sh6rqLDoRjffEU2mQPegKxT2mHRSIvpjKU0dYw6WQ9U-djMmfactsc1VzFMGoPVem104hfOZzsskOm68ouFtYMx7ZuNVW2Gbsw5wNZZs250f2PRfUxQPQ/s1600/ayoub+boulaich+logo.png"/>
</div>
<style>
#social-wrapper {
padding: 10px 0 0;
overflow: hidden;
margin-right: 45px;
}
.social-icons.sticky-social {
text-align: center;
}
.social-icons.sticky-social a {
margin-left: 10px;
margin-bottom: 10px;
display: block;
text-align:center;
}
.social-icons a {
width: 30px;
height: 30px;
display: block;
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
display: inline-block;
position: relative;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
margin: 0 3.5px !important;
}
.social-icons a {
background-color: #dadada;
float:right;
}
.social-icons a.facebook {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSskoCuho_i-n0Plt9RsHU7FEWkXAVKDeAsT-XhVqCtIY-DBIgNOMGF34ina3cKupIuziwJj_6QyosNhcPjyPnxAO-Qx4Vl1-2FT4s1hlR63CVpc7zF0A823UWrr1hcU_jvcaDh-aXBLw/s1600/facebook.png);
}
.social-icons a.facebook:hover {
background-color: #4265b9;
}
.social-icons a.twitter {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoy8lGqgi_UJN2k0Ut69Y2BQknsBKtkSMLWhLubzXaSZAWKDdil1TkF5ijtF_ijWxvjJc_4uS3KcpI05apurppAKu2L7LXGb1s5R1C3GptTFNXECs0mCARePgXsvVs_OHJjPILpTeTLco/s1600/twitter.png);
}
.social-icons a.twitter:hover {
background-color: #26d5ec;
}
.social-icons a.khamsat {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOdJVqNiNLtqb353_eSXSk3dPHI24wmRVRoMPUIgYG8SWZCwe0BsKa-p0srQKPx_nGxd8_RezL_1mqzYCQCySzIYjVE6LRg-k5MHS47eP4brxLIUQ-Wzw-2bWIl2ZiCBlbI11gcV9eaI/s1600/kmst.png);
}
.social-icons a.khamsat:hover {
background-color: #F39C12;
}
</style>
<div id="social-wrapper">
<div class="social-icons sticky-social">
<a class="facebook" href="https://www.fb.com/boulaich.ayoub" target="_blank" rel="nofollow">
</a><a class="twitter" href="https://www.twitter.com/blogproayoub" target="_blank" rel="nofollow">
</a><a class="khamsat" href="https://www.khamsat.com/user/ayoubb" target="_blank" rel="nofollow">
</a></div>
</div>
<div id="call-wrapper">
<a style="font: 24px;color:#fff;text-align: center;">212611051511+</a><a href="#"><img src="http://www.dits.co.th/ip-pbx/images/callcenter-icon.png" /></a>
</div>
<style>
#call-wrapper {
margin: 0 auto;
text-align: center;
margin-top: 12px;
margin-left: -13px;
}
#call-wrapper a {
font-size: 20px;
}
#call-wrapper img {
width: 30px;
height: 30px;
}
</style>

الإضافة 3:

الكود الخاص بها

<div class="mawa9i3-tad3amona">
<ul>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
</ul>
<div>
<style>
.mawa9i3-tad3amona {
float: right;
}
.mawa9i3-tad3amona ul {
text-align: right;
width: 190px;
}
.mawa9i3-tad3amona ul li {
background-image: url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png);
background-repeat: repeat-x;
background-position: bottom;
}
.mawa9i3-tad3amona ul li a {
color: #fff;
font-size: 15px;
}
u.icon-link {
font-size: 25px;
margin-left: 12px;
}
</style></div></div>

● السلايد شو :

لتشغيل السلايد شو ابحث عن هذا الكود وغير كلمة internet بالتسمية التي تريد

label1 = "internet";

هذه أهم التعديلات الأن إلى التحميل والمعاينة
تحميل | معاينة

نتمنى أن تتفاعلوا مع هذا المنشور بنشره ووضع تعليقاتكم أسفله وشكرا :)

مواضيع مفيدة :

● [قالب] النسخة الثالثة من قالب مدونة برو أيوب جاهزة للتحميل

● [قوالب] أفضل قالب تقني إحترافي معرب لسنة 2014 

تم النشر في : blogger internet template