Layout Style

Full Width Boxed

Background Patterns

Color Scheme

Top Ad unit 728 × 90

آخر التدوينات

random

القالب الرائع ( قالب مدونة برو أيوب السابق ) القالب الأحمر

[full_width]
القالب الرائع ( قالب مدونة برو أيوب السابق ) القالب الأحمر
القالب الرائع ( قالب مدونة برو أيوب السابق ) القالب الأحمر
الآنفى أول تدوينة لمدونتنا مدونة الموسوعة نقدم لكم القالب الرائع ( قالب مدونة برو أيوب السابق ) القالب الأحمر النسخة الخامسة من قوالب مدونة برو ايوب الإحترافية قالب جميل وأنيق وخفيف ومدعّم بإضافات فريدة لا توجد سوى في برو أيوب متوافق مع محركات البحث ومتوافق مع أجهزة الهواتف الذكية.

مميزات القالب
    1. بسيط بألوان متناسقة وهادئة
    2. سريع الأرشفة ومجهزة ليتوافق مع محركات البحث
    3. متوافق مع الهواتف الذكية
    4. سيو 100%
    5. إضافات مميزة وفريدة
    6. سلايد شو تلقائي أنيق
    7. قائمة علوية متحركة نزولا وصعودا مع القالب
    8. زر الصعود للأعلى

اضافات القالب

اضافة مواقع التواصل الاجتماعى

اضافة مواقع التواصل الاجتماعى

اضافة مواقع التواصل الاجتماعى

<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="#"><img src="http://im77.gulfup.com/vcbDN3.png" /></a></li> 
<li class="lb"> </li> <li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/dx49WF.png" /></a></li> 
<li class="lb"> </li> <li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/MAvZ99.png" /></a></li> <li class="lb"> </li> 
<li class="lb"><a target="_blank" rel="nofollow" href="#"><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" #"><i class="icon-home"></i> الرئيسية </a></li> 
<li class="lb1"><a target="_blank" rel="nofollow" href="#"><i class="icon-dollar"></i> خدماتنا </a></li> 
<li class="lb1"><a target="_blank" href="#"><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="#"><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>
تحميل الكود من هنا ............. تحميل الكود

اضافة التعريف بالكاتب

اضافة التعريف بالكاتب
اضافة التعريف بالكاتب
<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="#" target="_blank" rel="nofollow"> </a>
<a class="twitter" href="#" target="_blank" rel="nofollow"> </a>
<a class="khamsat" href="#" 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>
تحميل الكود من هنا ............. تحميل الكود

اضافة التبادل الاعلانى


اضافة التبادل الاعلانى
اضافة التبادل الاعلانى
<div class="mawa9i3-tad3amona"> 
<ul> 
<li><a target="_blank" rel="nofollow" href="#"><u class="icon-link"></u> اعلن هنا </a></li> 
<li><a target="_blank" rel="nofollow" href="#"><u class="icon-link"></u> اعلن هنا </a></li> 
<li><a target="_blank" rel="nofollow" href="#"><u class="icon-link"></u> اعلن هنا </a></li> 
<li><a target="_blank" rel="nofollow" href="#"><u class="icon-link"></u> اعلن هنا </a></li> 
<li><a target="_blank" rel="nofollow" href="#"><u class="icon-link"></u> اعلن هنا </a></li> 
<li><a target="_blank" rel="nofollow" href="#"><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";
لتحميل القالب و المعاينة
القالب الرائع ( قالب مدونة برو أيوب السابق ) القالب الأحمر Reviewed by Unknown on 9:11 م Rating: 5

هناك تعليق واحد:

All Rights Reserved by الموسوعة الشاملة © 2014 - 2015
Powered By Blogger, Designed by Sweetheme

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

يتم التشغيل بواسطة Blogger.