أفضل قوالب 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="http://1.bp.blogspot.com/-2UByA7ChJnQ/U61VrFOpPzI/AAAAAAAAAXg/YjAbEELWK1U/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(http://3.bp.blogspot.com/-pdQxvxA7dds/U0ieyygWJrI/AAAAAAAAAGc/3KI36bc8hno/s1600/facebook.png);
}
.social-icons a.facebook:hover {
background-color: #4265b9;
}
.social-icons a.twitter {
background-image: url(http://2.bp.blogspot.com/-qEwCYfxBfPM/U0ie0ZQki3I/AAAAAAAAAG8/fuhSYM5vbIQ/s1600/twitter.png);
}
.social-icons a.twitter:hover {
background-color: #26d5ec;
}
.social-icons a.khamsat {
background-image: url(http://1.bp.blogspot.com/-tCRRoKAMJzY/U0H3L_VBLxI/AAAAAAAACqM/i2qw58_cPtE/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";هذه أهم التعديلات الأن إلى التحميل والمعاينةتحميل | معاينة
نتمنى أن تتفاعلوا مع هذا المنشور بنشره ووضع تعليقاتكم أسفله وشكرا :)
مواضيع مفيدة :