قالب برو ايوب الإحترافي (النسخة الاخيرة) + إضافات إحترافية

النسخة الاخيرة لقالب برو ايوب

قالب برو ايوب هو قوالب يعمل على منصة البوجر هو من بين اقوى القوالب المتواجد على الساحة العربية متل قالب كلفين وقالب المحترف وعديد من القوالب العربية المتميزة . من مميزات هدا القالب انه خفيف جدا سريع يحتوي على الوان متميزة لا تضر بعين الزائر .من خلال هده التدوينة انشاء الله سنتعرف اكتر على قالب برو ايوب في نسخته الاخيرة

مميزات قالب برو ايوب :

قالب برو ايوب يتوفرعلى سلايدر شو احترافي وحصري

اقسام المدونة بشكل احترافي

صفحة خطأ 404 لقالب برو ايوب

اضافة اقرا المزيد رائعة لقالب برو ايوب

تعريف الكاتب بشكل احترافي لقالب برو ايوب

يتوفر قالب برو ايوب على جميع معايير ومتطلبات السيو 2014

قالب برو ايوب متوافق مع جميع الاجهزة الذكية واللوحية

مواضيع ذات صلة بشكل احترافي

والكثير من المميزات اكتشفها بنفسك

بعض الصور لقالب برو ايوب :

النسخة الاخيرة لقالب برو ايوب

اضافات لقالب برو ايوب :

لإضافة 1:

النسخة الاخيرة لقالب برو ايوب

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


<style>
#fbar {

list-style-type: none;
list-style: none;

background: #fff;
margin: -26px -10px 0px -6px;
padding: 0px;

#fbar0 {list-style-type:none;list-style: none;margin:-9px -10px -1px -10px;background:#fff;padding:0px;
width: 347px;
margin-left: 12px;
}
}
#fbar1 {

}
float: right;
width: 50%;
display: block;
height: 380px;

margin: 0px;
#fbar1 ul {
list-style-type: none;
list-style: none;
}

#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;

width: 153px;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;

-webkit-transition: All 0.5s ease;
margin-left: 51px;
text-align: right;
}
#fbar ul li a {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;

list-style-type: none;
-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: 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;

-o-transition: All 0.5s ease;
#fbar ul li {
padding: 14px 10px;
margin-bottom: -28px;
color: #666;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;

background-image: url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png);
transition: All 0.5s ease;
width: 153px;
margin-left: 51px;
text-align: right;
}
li.lb1 {
margin-top: 22px;
background-repeat: repeat-x;
background-position: bottom;
}
#fbar0 ul li a {

-ms-transition: All 0.5s ease;
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;
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;

<li class="lb"><a target="_blank" rel="nofollow" href="https://www.twitter.com/blogproayoub"><img src="http://im77.gulfup.com/vcbDN3.png" /></a></li>
i.icon-map-marker{
font-size: 32px;
}
</style>
<div id="fbar">

<div id="fbar1">
<ul>
<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"><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">
</li>

<li class="lb1"><a target="_blank" href="http://www.proayoub.com/"><i class="icon-home"></i>الرئيسية</a></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>
<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>


</div>
<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>

الإضافة 2:

النسخة الاخيرة لقالب برو ايوب

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


<style>

.ayoub img {

text-align: center;

margin-right: -16px;
}
</style>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpq_1BXbK3-q68tL9BtJMfxk-nv4yajplmC1czyidT5U5j664Y4ApCPMVq5UCHzH73Cr5mVZBdrGzvuxmkf_SEmC3-TOhDzzbf5Dg94b029_IrQlCgIudRYZ-bJlKHMvLyo2DWf2lBP5c/s1600/ayoub+boulaich+logo.png"/>
<div class="ayoub">
</div>

padding: 10px 0 0;
<style>
#social-wrapper {

margin-right: 45px;
overflow: hidden;
}

text-align: center;
.social-icons.sticky-social {
}

margin-left: 10px;
.social-icons.sticky-social a {
margin-bottom: 10px;

width: 30px;
display: block;
text-align:center;
}
.social-icons a {
height: 30px;

background-repeat: no-repeat;
display: block;
background-position: center center;
border-radius: 3px;

-webkit-transition: background-color 0.5s;
display: inline-block;
position: relative;
transition: background-color 0.5s;

.social-icons a.facebook {
margin: 0 3.5px !important;
}
.social-icons a {
background-color: #dadada;
float:right;
}

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2tlZVo1IzmnncRBQgvPwDjVqhp8UJnLn47YjXBOZLuvYav7jpdbjkxRdP6ITBaDZw4itmP7AiCruWszzTu2OQJxAFkueKt9tw8LvFp9WSBKYFXO-eLRim8HhyhxHMqStLw2-UOITrG5Y/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/AVvXsEgEsQ0jNEirNDKH9cOe-Zn_6w7a1DscisTosyzh6Mk9hqlDVWgR6ku4bMtG5NNf_1cYka9tZpMrbOSD01gXNycd4rXyb1LQgXP1iSJADPOqF-kjgFYok73g0Y7zeT2Y7Ho3-Dr1vPq3TvE/s1600/twitter.png);

.social-icons a.khamsat:hover {
}
.social-icons a.twitter:hover {
background-color: #26d5ec;
}
.social-icons a.khamsat {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMwrkNUi3dpbmHpZi_LdVtwMYkC10pfIC_YR-_3-eG1zqA_q0jp1WX4iWrZELNqjSBSqnMHKBXS9GdtqWjEnWKqNjwTDP4PbRh-tE2UTWDVoVjPtMBX4uouSDwZM_zSlf7MkvxdmvyfE4/s1600/kmst.png);
}

</a><a class="twitter" href="https://www.twitter.com/blogproayoub" target="_blank" rel="nofollow">
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 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>
</a><a class="khamsat" href="https://www.khamsat.com/user/ayoubb" target="_blank" rel="nofollow">
</a></div>
</div>
<div id="call-wrapper">
</div>
<style>
#call-wrapper {
margin: 0 auto;
text-align: center;
margin-top: 12px;
margin-left: -13px;
}
#call-wrapper a {
font-size: 20px;
}

</style>
#call-wrapper img {
width: 30px;
height: 30px;

}

الإضافة 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>

width: 190px;
<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;
}
.mawa9i3-tad3amona ul li {

</style></div></div>
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;

}

السلايد شو :

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

label1 = &quot;internet&quot;;

تحميل ومعاينة قالب برو ايوب :

معاينةإضغط للمعاينة تحميلإضغط للتحميل

آدم مصطفى السبع

فتى متواضع يريد فقط النجاح عن طريق التدوين و جلب كل جديد بين يديكم.

قالب برو ايوب الإحترافي (النسخة الاخيرة) + إضافات إحترافية

آدم مصطفى السبع

المواضيع الأكثر مشاهدة