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

[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>

<ul>

</ul>

</div>

<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-info"></i> استفسر </a> </li>

</ul>

</div>

تحميل الكود من هنا ............. تحميل الكود

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

<style>

.ayoub img {

text-align: center;

margin-right: -16px;

}

</style>

</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/AVvXsEgWKkfhfLymdceo9JCErAbx2_e2Ft2fKyyPHlSzYcBMWzlLH8fXEi54DsFSMStOhr7l9Oq0Z8B6mdeiiqlMYct3dDze6uQ1OZ_ObCwoRv7rBzT7yVN0rI4QdWRCQeiZXFnhMsDoLQMk5EY/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/AVvXsEiqG2ekYN6TV-cdppD1xhR-VRb59bEsAtc_a7HOE2IdPvYXzgACpf2a1DIh_ay52-5MgAu7-aqZ9-ci-03wovZ6nwlOCYEZvqXWx9-qx5a4YshkP9TRAm69oK-TA_o4zJnb7fLE5mcDaoQ/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/AVvXsEhMamc8SIrlN-HhD76JlGFP9k184oqQikjaKQEb1LOcHZYNeTKZqa_wheMJ6_OX-i2zNOlQqmJ8LvSge6PKfAYznwgZyRH1ttadMCUpU6shc6D_OFK5nKVL-rpq8pfA-OGxPF6UXq4M-wk/s1600/kmst.png);

}

.social-icons a.khamsat:hover {

background-color: #F39C12;

}

</style>

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

تحميل الكود من هنا ............. تحميل الكود

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

<ul>

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

تحميل الكود من هنا ............. تحميل الكود

تشغيل السلايد شو

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

label1 = "internet";

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

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

Layout Style

Background Patterns

Color Scheme

Top Ad unit 728 × 90

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

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

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

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

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

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

تشغيل السلايد شو

عن الكاتب : أحمد اسماعيل

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

Eng Ahmed Ismail

تابعنا على الفيس بوك

تابعنا عبر جوجل بلس

تابعنا على فليكر

تعليقات الزوار

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

المشاركات العشوائية

أقسام المدونة

تدوينات مميزة

تعليقات الزوار

التدوينات العشوائية

التدوينات الشائعة

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

Layout Style

Background Patterns

Color Scheme

Top Ad unit 728 × 90

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

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

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

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

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

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

تشغيل السلايد شو

عن الكاتب : أحمد اسماعيل

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

Eng Ahmed Ismail

Social Counter

تابعنا على الفيس بوك

تابعنا عبر جوجل بلس

تابعنا على فليكر

تعليقات الزوار

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

المشاركات العشوائية

أقسام المدونة

تدوينات مميزة

تعليقات الزوار

التدوينات العشوائية

التدوينات الشائعة

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