-->

هذه هي المشاركات التي طلبتها

الأحد، 11 يناير 2015

100 100 100

أفضل قوالب 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 = &quot;internet&quot;;
هذه أهم التعديلات الأن إلى التحميل والمعاينة
تحميل | معاينة

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

الأربعاء، 20 أغسطس 2014

100 100 100

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

[قوالب] أفضل قالب تقني إحترافي معرب لسنة 2014 السلام عليكم ورحمة الله وبركاته أهلا بكم في هذا الموضوع الجديد على مدونة برو أيوب اليوم ...

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

السلام عليكم ورحمة الله وبركاته أهلا بكم في هذا الموضوع الجديد على مدونة برو أيوب اليوم أحضرت لكم قالب مميز جدا من أفضل القوالب التقنية المعربة لسنة 2014 قالب ljonkz بمميزات رهيبة وإمكانيات خيالية يصلح ليكون قالب تقني أو إخباري حسب إختيارك لن أطيل عليكم .
✔ المميزات :
- خفيف وسريع 
- متجاوب مع جميع الأجهزة
- سلايد شو تلقائي 
- شريط إخباري تلقائي
- عرض التدوينات بأشكال مختلفة
- ألوان متناسقة 
- قالب مرتب ومنظم
- سريع الأرشفة
........


✔ التعديلات :
يكفيك الذهاب لملف index.html داخل الحافظة Documentations والضغط عليك وستفتح لكم نافذة ويب تحتوي على الشرح المفصل لجميع التعديلات

أتمنى أن يعجبكم القالب لا تنسو دعمنا بنشر الموضوع إلى اللقاء
مواضيع مشابهة :
(قوالب بلوجر , blogger template , قوالب 2014 , أفضل قالب , قالب تقني, ljonkz template )

الاثنين، 7 يوليو 2014

100 100 100

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

[قالب] النسخة الثالثة من قالب مدونة برو أيوب جاهزة للتحميل السلام عليكم ورحمة الله وبركاته أعزائي متتبعي مدونة برو أيوب هذه هي التدوين...
[قالب] النسخة الثالثة من قالب مدونة برو أيوب جاهزة للتحميل

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

السلام عليكم ورحمة الله وبركاته أعزائي متتبعي مدونة برو أيوب هذه هي التدوينة التي انتظرها الكثيرون بشدة قالب مدونة برو أيوب السابق النسخة الثالثة بين أيديكم للتحميل , هناك عدة أشخاص أرادوا شراء القالب مني لكن رفضت وقررت وضعه مجانا لمتتبعينا بمناسبة شهر رمضان الأبرك , القالب غني عن التعريف والصورة التالية تلخص بعض مميزاته

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

لن أطيل عليكم إليكم القالب 


بعض التعديلات على القالب
✔ لتشغيل السلايد شو :
عليك البحث عن 
label1 = &quot;قالب&quot;;
غير كلمة قالب بالتسمية التي تناسبك
كل التعديلات الأخرى سهلة أتمنى أن يعجبكم القالب لا تنسوا مشاركة التدوينة مع أحبائكم 
ملاحظة : يمكنكم تغيير حقوق المدونة أما حقوق التصميم فلا يحق لكم تغييرها
مواضيع مشابهة :

(قوالب مدونة برو أيوب , أفضل قالب 2014 للبلوجر , قوالب بلوجر 2014 , النسخة الثالثة من قالب برو أيوب)

السبت، 14 يونيو 2014

100 100 100

[بلوجر] أفضل واجهة احترافية لمدونة البلوجر 2014

[بلوجر] أفضل واجهة احترافية لمدونة البلوجر 2014 السلام عليكم ورحمة الله وبركاته إخواني أهلا من جديد اليوم وبعد الإنتهاء من تكويد الواج...
[بلوجر] أفضل واجهة احترافية لمدونة البلوجر 2014

[بلوجر] أفضل واجهة احترافية لمدونة البلوجر 2014

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

[بلوجر] أفضل واجهة احترافية لمدونة البلوجر 2014

يمكنكم الإطلاع عليها مباشرة بالضغط أسفله

 مشاهدة الواجهة 

طبعا لإضافة الواجهة لمدونتكم عليك أولا أن تبحث عن

</head>
ثم أضف كود الواجهة التالي أسفله
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<body><div class='wajeha-proayoub'>
<div class='h-wajeha'>
<div class='h-img1'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqrVHnOOmgKJo40uybb9YnB0M2yZL0KQa1UVGrtQ0HyaNYZA_JtRwH6LrvuRInRujxI7Ee95DdORII0mti2lkFovnZNtD-fHKW3HjJFs8srNAdQMM7NJDHT4bkfqcYNsuRhxey6N0kWf8/s1600/top+back.png'/>
<div class='p-alwajeha'>
<div class='titre-alwajeha'>
    <s>أهلا بك على مدونتنا</s>
  </div>
<p>السلام عليكم أخي الزائر , أنت الأن تشاهد الواجهة الرئيسية 
<k>لمدونة برو أيوب</k> هذه الواجهة من تصميم وتكويد مدير المدونة
  <k>أيوب بولعيش</k>
 للتواصل مع أيوب إضغط أسفله
</p>
<a href='https://www.facebook.com/boulaich.ayoub' target='_blank'>BOULAICH AYOUB</a>
</div>
</div>
<div class='gotoblog'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYkYzFriRDpoqZZl7jA4p04I_zmnSC4mZHjMJ0o27ED704ds-aUMclPkiEd-VAVy1aIlYpy8hK2Wpl7V2Y1WgHqRA8NwlSCNuz7FXNVXZg77N9KSGyiyckZR2ey8prbFiwSgFEdeNN3Hw/s1600/go+to+blog.png'/>
<div class='a-go'>
<a href='http://www.proayoub.com' rel='nofollow' target='_blank'>الدخول للمدونة</a>
</div></div>
</div>
<div class='m-w'>
  <ul>
    <li><a href='http://www.proayoub.com/search/label/seo' rel='nofollow' target='_blank'>سيو</a>
      </li><li><a href='http://www.proayoub.com/search/label/programs' rel='nofollow' target='_blank'>برامج</a>
        </li><li><a href='http://www.proayoub.com/search/label/photoshop' rel='nofollow' target='_blank'>فوتوشوب</a>
          </li><li><a href='http://www.proayoub.com/search/label/blogger' rel='nofollow' target='_blank'>بلوجر</a>
            </li><li><a href='http://www.proayoub.com/search/label/programation' rel='nofollow' target='_blank'>برمجة</a>
              </li><li><a href='http://www.proayoub.com/search/label/internet' rel='nofollow' target='_blank'>إنترنيت</a>
                </li><lli><a href='http://www.proayoub.com/search/label/windows' rel='nofollow' target='_blank'>كومبيوتر</a>
  </lli></ul>
  </div>
<div class='o-o-o'>
<div class='o-1'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheHs11E5bRmqQHMN9S9s4OgeC9EI21mxqvjgCV6SWKewqQB0xgag4xOV0SkUA-BEAL3xMxmHYT-FBz74odjjtLqcNFU05YKG2Vws53HJysKyc4IkXqecHEtNGaX8mD80U7b6YI1fmNra8/s1600/SEO.png'/>
<div class='o-1-a'>
  
<div class='o-m-1'>
<m>دروس سيو وأرشفة</m>
</div><a href='http://www.proayoub.com/search/label/seo' rel='nofollow' target='_blank'>إضغط هنا</a></div>
</div>
<div class='o-2'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHtioXUQhMzjx2QNL0k52Px4Q6rQl-n6WbvIt6Qw6284SaJqqMWBoxjuxRakDqml7GjUGgwsvQ-x-a3j9u7DEOA23VkBeRPTq5kVX1SNq-8CQbBauIJW78gQniuUq8UaUfHd_tmBcpn8o/s1600/B.png'/>
<div class='o-2-a'>
  <div class='o-m-2'>
<m>إضافات وقوالب ودروس للبلوجر</m>
</div>
<a href='http://www.proayoub.com/search/label/blogger' rel='nofollow' target='_blank'>إضغط هنا</a>
</div>
</div>
<div class='o-3'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYhoGjzYl3uiWP0n9SGyN0fPqgCI8RNuG1qBmWRkWctwzhQAPtkrqiIeIhPv7nsX-T-dFkXKB_uhb2uLoNLKpEm7Vpv22Pcam8dbg-O6WHLnhdrbyDIfx6ZR5Br3__snwD-TJWu1TYcBw/s1600/PS.png'/>
<div class='o-3-a'>
  <div class='o-m-3'>
<m>ملحقات ودروس فوتوشوب</m>
</div>
<a href='http://www.proayoub.com/search/label/photoshop' rel='nofollow' target='_blank'>إضغط هنا</a>
</div>
</div>
</div>
<div class='social-w'>
  <p>تابعنا على المواقع الإجتماعية !</p>
<a href='https://www.facebook.com/blogproayoub' target='_blank'><div class='fa'/></a>
<a href='https://www.twitter.com/blogproayoub' target='_blank'><div class='tw'/></a>
<a href='https://www.youtube.com/user/blogproayoub' target='_blank'><div class='yo'/></a>
  </div>
<div class='fr-w'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFYfRpNyk_rPYlq7THo5_NcY3F0H2iSZImUkhTA2XNhz5uarpF30TXlTwIvEXFpUkSpigP816mOgEpZdDihiBfGrP9aUYu7Gi-7tcxnDydFQHFvxuNe2Hho9T_yzgTQE7z_tRnxNRXcGA/s1600/c-r.png'/>
<a href='http://www.proayoub.com' target='_blank'><div class='pro'/></a><div class='ftr-d'>
    <l>تصميم وتكويد: <a href='https://www.facebook.com/boulaich.ayoub' target='_blank'>أيوب بولعيش</a></l>
  </div><div class='ftr-p-w'>
<p>جميع الحقوق محفوظة 2014-2015 <a href='www.proayoub.com' rel='nofollow' target='_blank'>لمدونة برو أيوب </a></p>
</div></div>
</div>
<style>
  /* الخط */
  @font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
   /* خصائص الواجهة (css) */
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR65zAaXj0xQh3ZZfkDPUiv2n0IRB9DkZxei85kO-NoC2ya26pDXlgrENrCFAcxuZHvJOaH4IuQ42yEqNYrUcTvTjYDiY-cZIL5-AMKZtONRZhyphenhyphenk9iqSAk_e3u0r6IFqow3Q19a2LJQlc/s1600/back.png);
margin: 10px;
}
  
  .h-wajeha p {
font: 22px droidkufi-bold;
text-align: center;
width: 720px;
margin: 0 auto;
margin-bottom: 19px;
}
.h-wajeha k {
color: #CA6060;
  }
.h-wajeha img{margin:0 auto;}
div.h-img1 {
text-align: center;
}
.p-alwajeha {
text-align: center;
margin-top: -320px;
}
.titre-alwajeha {
margin-bottom: 27px;
}
.titre-alwajeha s {
font: 35px droidkufi-bold;
text-align: center;
width: 720px;
margin: 0 auto;
font-weight: bold;
text-decoration: none;
color: #E27B1B;
}
.p-alwajeha a {
font-size: 23px;
color: #127FB3;
font-weight: bold;
}
.p-alwajeha a:hover{
color:#fff;
  }
.gotoblog {
text-align: center;
margin-top: 40px;
}
.a-go {
margin-top: -74px;
}
.gotoblog a {
text-align: center;
font-size: 27px;
color: #fff;
}
.gotoblog a:hover{
color:#000;
  }
.m-w {
width: 890px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYXLRVv6Xq7ES4VCnpskRvZ8F3FLKeJVj9U8VLZwLSByRa7IfpbJZqfkIMXriPMGfi6etzSAVR-AiD5l3H8o_L_TtnYd86wGrnpdmNeNe3jSktLxyhFyU8ZV6ztp9ymV-tVhUGjXfOsl4/s1600/menu.png);
height: 80px;
margin: 0 auto;
margin-top: 50px;
}
.m-w ul li {
float: right;
margin-top: 21px;
}
.m-w ul li a {
padding: 30px 29px 10px 30px;
font-size: 21px;
color: #fff;
margin-right: -8px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjhPjCTU8NR9neeNvmXMIsKggCp14MNS-9Qq-Q_XLSft4TP6v5jSXKkRQxuEppg0KKkuU0PTYvZbYdlczxG5SmXONZqKqPMx6f_rA2UtepA2XtYiHMdhuMG_nd3rsxbjyw47LUIi0BXy8/s1600/II.png) no-repeat 0px 29px;
}
.m-w ul li a:hover {
color: #000;
}
.m-w ul lli {
float: right;
margin-top: 21px;
}
.m-w ul lli a {
padding: 30px 29px 10px 30px;
font-size: 21px;
color: #fff;
margin-right: -8px;
}
.m-w ul lli a:hover{
color:#000;
  }
.o-o-o {
height: 300px;
width: 990px;
margin: 0 auto;
}
.o-1 {
margin-top: 46px;
}
.o-1-a {
margin-top: -76px;
}
.o-1 a {
margin-right: 103px;
margin-bottom: -14px;
font-size: 20px;
color: #E27B1B;
}
.o-1 a:hover{
color:#000;
  }
.o-m-1 {
margin-top: -137px;
margin-bottom: 33px;
}
.o-1-a m {
margin-right: 67px;
margin-bottom: -20px;
font-size: 17px;
}
.o-2 {
text-align: center;
margin-top: -260px;
}
.o-2-a {
margin-top: -76px;
}
.o-2-a a {
font-size: 20px;
color: #E27B1B;
}
.o-2-a a:hover{
color:#000;
  }
.o-m-2 {
margin-top: -137px;
margin-bottom: 33px;
}
.o-m-2 m {
margin-right: 3px;
margin-bottom: -20px;
font-size: 17px;
}
.o-3 {
float: left;
margin-top: -262px;
}
.o-3-a {
margin-right: 103px;
margin-top: -74px;
}
.o-3-a a {
font-size: 20px;
color: #E27B1B;
}
.o-3-a a:hover{
color:#000;
  }
.o-m-3 {
margin-top: -137px;
margin-bottom: 33px;
}
.o-m-3 m {
margin-right: -62px;
margin-bottom: -20px;
font-size: 17px;
}
.social-w {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc806cxWK-M_o9d8uCBuPlALx5IgrqnL5_uSuuo1lCTvL5PzXigepmXnuUGqGIhwz70moelIIHNTcicYDBae9TyvA-59kjIB0M_76f2wghzgE3osMJB6vxBn6TyIwNQ_mDYYNuwGSp4-Y/s1600/soc.png);
width: 1000px;
margin: 0 auto;
height: 60px;
}
.social-w p {
padding: 20px;
font-size: 20px;
color: #fff;
}
.fa {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgERWDbIZPleZgEm8I1Wim5ZuGAJNgIEowfSSG-NEn1o8G1arbQhoWe-KxPileYRNvU5ggwd9svwKuBLc4H85HC_wMUTWHxGlwXdKQjlQ4bfMNus61ljVYCrb7ndXe51NnNZbKCZlgJBT0/s1600/fa.png);
width: 50px;
height: 50px;
float: left;
margin: -76px 25px 30px 18px;
}
.tw {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcKM0qpC0BQ6bKCO7JcAM822RfYhO5OvyLSKZ4-yrL1nT4I3kbOO-Vt40ZZlB0TiCq9NJiM-SZTcICc_ORnZtm0J8kM53CxrZshc2JgsFESIJEwAg0FWP7G9uYIovBM9LBGTvSl2FhLeo/s1600/tw.png);
width: 50px;
height: 50px;
float: left;
margin: -76px 21px 26px -21px;
}
.yo {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYrH0ts7PP8L1hkrZpO1bXO42z3dDFFHS7fIc62VqOH45vBC2SOI31LodWZquijf60A3eKSnG58DzTK5kUVBU7GXR3bmrxP-ZRYCPoYDmKwbUmxhN5rnH_97PkwjW7hj4X3Yplsa_E1xM/s1600/yo.png);
width: 50px;
height: 50px;
float: left;
margin: -76px 21px 26px 33px;
}
.fr-w {
text-align: center;
margin-top: 35px;
}
.fr-w img {
margin: 0 auto;
margin-bottom: -72px;
}
.ftr-p-w {
margin-bottom: -36px;
}
.fr-w p {
color: #fff;
font-size: 13px;
}
.ftr-p-w a {
color: #1EA3D6;
}
.ftr-p-w a:hover {
color: #86B8C5;
}
.fr-w {
text-align: center;
margin-top: 34px;
}
.pro {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihFYHi9lIb2W3_P-UHF0GiVoKTrh-g54H2ayKaBgmGgyZL_S6Qi4jUqDApumt6y1dfkWUYSwoCBdnrD6ER8_GlbfZ_EqitodnwK5R7p6mgBLDXqChfT2NeUUsQMjxvuhHoJEZuG_HPgMw/s1600/pro.png);
width: 100px;
height: 100px;
margin: -104px 440px 3px 12px;
position: absolute;
}
.ftr-d {
margin-bottom: -15px;
}
.ftr-d l {
font-size: 13px;
color: #fff;
}
.ftr-d a {
color: #1EA3D6;
}
.ftr-d a:hover {
color: #86B8C5;
}
  </style>
</body>

<style>header ,.msgall ,.centrat ,.copyright, .sidebar, .f, .footer{display:none}</style>
</b:if> </b:if>
</b:if>
الأن غير الروابط بما يناسبك واحفظ القالب
ملحوظة : الكود التالي ستجدونة في أخر كود الواجهة وهو مسؤول عن إخفاء العناصر (الهيدر , فوتر , سايد بار ...) لذلك إذا كنت تريدون إخفاء عنصر عليكم إضافة تسميته الخاص بـ css  في الكود .
<style>header ,.msgall ,.centrat ,.copyright, .sidebar, .f, .footer{display:none}</style>
في النهاية أرجوا منكم أن لا تغيروا حقوق التصميم والتكويد لأنني تعبت كثيرا في تصميمها وتكويدها أما حقوق المدونة فيمكنكم تغييرها وشكرا 
شاركوا الواجهة الإحترافية مع أصدقائكم ولا تنسو تعليقاتكم تهمنا
مواضيع مشابهة :

(واجهة بلوجر , واجهة احترافية , واجهة 2014 للبلوجر , واجهات البلوجر )