13 يناير، 2015

مدون محترف دروس بلوجر اضافة الوان فلات في صفحة ثابتة

اضافة الوان فلات في صفحة ثابتة

اضافة الوان فلات في صفحة ثابتة الكثير يعاني من اختيار الالوان المناسبة لموقعه او تصاميمه و هنا تكمن المشكلة لأنه اهم عنصر في تصاميمك هي الالوان

اضافة الوان فلات في صفحة ثابتة - الكثير يعاني من اختيار الالوان المناسبة لموقعه او تصاميمه و هنا تكمن المشكلة لأنه اهم عنصر في تصاميمك او موقعك هي الالوان و اصبحت الوان الفلات تسيطر على اكبر عدد من التصاميم و اليوم سوف نتعلم كيفية اضافة الوان فلات في صفحة ثابتة في مدونات بلوجر يمكنك معاينة الاضافة عبر الزر التالي



طريقة تركيب الاضافة


  1. ادخل إلى لوحة تحكم المدونة
  2. انتقل إلى الصفحات
  3. انقر على إنشاء صفحة جديدة

انتقل من وضع تأليف إلى وضع HTML
قم بإلغاء التعليقات من الخيارات و ضع هذا الكود في الصفحة ثم احفظ
<div dir="rtl" style="text-align: right;" trbidi="on">
<ul class="flatui">
<li style="background: #5C97BF;">#5C97BF</li>
<li style="background: #4B77BE;">#4B77BE</li>
<li style="background: #1F3A93;">#1F3A93</li>
<li style="background: #2574A9;">#2574A9</li>
<li style="background: #67809F;">#67809F</li>
<li style="background: #34495E;">#34495E</li>
<li style="background: #3A539B;">#3A539B</li>
<li style="background: #1E8BC3;">#1E8BC3</li>
<li style="background: #6BB9F0;">#6BB9F0</li>
<li style="background: #22313F;">#22313F</li>
<li style="background: #336E7B;">#336E7B</li>
<li style="background: #19B5FE;">#19B5FE</li>
<li style="background: #89C4F4;">#89C4F4</li>
<li style="background: #2C3E50;">#2C3E50</li>
<li style="background: #3498DB;">#3498DB</li>
<li style="background: #22A7F0;">#22A7F0</li>
<li style="background: #94E0EE;">#94E0EE</li>
<li style="background: #52B3D9;">#52B3D9</li>
<li style="background: #59ABE3;">#59ABE3</li>
<li style="background: #26A65B;">#26A65B</li>
<li style="background: #1E824C;">#1E824C</li>
<li style="background: #00B16A;">#00B16A</li>
<li style="background: #2ABB9B;">#2ABB9B</li>
<li style="background: #4DAF7C;">#4DAF7C</li>
<li style="background: #03A678;">#03A678</li>
<li style="background: #26C281;">#26C281</li>
<li style="background: #019875;">#019875</li>
<li style="background: #3FC380;">#3FC380</li>
<li style="background: #16A085;">#16A085</li>
<li style="background: #2ECC71;">#2ECC71</li>
<li style="background: #C5EFF7;">#C5EFF7</li>
<li style="background: #C8F7C5;">#C8F7C5</li>
<li style="background: #049372;">#049372</li>
<li style="background: #36D7B7;">#36D7B7</li>
<li style="background: #66CC99;">#66CC99</li>
<li style="background: #1BA39C;">#1BA39C</li>
<li style="background: #1BBC9B;">#1BBC9B</li>
<li style="background: #65C6BB;">#65C6BB</li>
<li style="background: #BFBFBF;">#BFBFBF</li>
<li style="background: #ABB7B7;">#ABB7B7</li>
<li style="background: #DADFE1;">#DADFE1</li>
<li style="background: #95A5A6;">#95A5A6</li>
<li style="background: #C5DCE2;">#C5DCE2</li>
<li style="background: #BDC3C7;">#BDC3C7</li>
<li style="background: #EEEEEE;">#EEEEEE</li>
<li style="background: #D2D7D3;">#D2D7D3</li>
<li style="background: #F0E2C5;">#F0E2C5</li>
<li style="background: #EB9532;">#EB9532</li>
<li style="background: #E67E22;">#E67E22</li>
<li style="background: #F27935;">#F27935</li>
<li style="background: #F9BF3B;">#F9BF3B</li>
<li style="background: #F7CA18;">#F7CA18</li>
<li style="background: #F9690E;">#F9690E</li>
<li style="background: #F39C12;">#F39C12</li>
<li style="background: #D35400;">#D35400</li>
<li style="background: #F4D03F;">#F4D03F</li>
<li style="background: #F5AB35;">#F5AB35</li>
<li style="background: #EB974E;">#EB974E</li>
<li style="background: #F2784B;">#F2784B</li>
<li style="background: #F4B350;">#F4B350</li>
<li style="background: #E87E04;">#E87E04</li>
<li style="background: #E74C3C;">#E74C3C</li>
<li style="background: #CF000F;">#CF000F</li>
<li style="background: #C0392B;">#C0392B</li>
<li style="background: #D64541;">#D64541</li>
<li style="background: #EF4836;">#EF4836</li>
<li style="background: #96281B;">#96281B</li>
<li style="background: #D91E18;">#D91E18</li>
<li style="background: #E26A6A;">#E26A6A</li>
<li style="background: #FF0000;">#FF0000</li>
<li style="background: #F22613;">#F22613</li>
<li style="background: #E08283;">#E08283</li>
<li style="background: #9B59B6;">#9B59B6</li>
<li style="background: #8E44AD;">#8E44AD</li>
<li style="background: #BE90D4;">#BE90D4</li>
<li style="background: #BF55EC;">#BF55EC</li>
<li style="background: #9A12B3;">#9A12B3</li>
<li style="background: #913D88;">#913D88</li>
<li style="background: #722D6A;">#722D6A</li>
<li style="background: #740A4E;">#740A4E</li>
</ul>
<style>
ul.flatui {
float: left;
width: 100%;
text-align: center;
color: #CFCECE;
font: 75% Droid Arabic Naskh;
margin: 0;
position: relative;
}
.post ul {
list-style: inherit;
}
ul.flatui li:before {
display: none !important;
}
.flatui li {
float: left;
width: 20%;
padding: 4% 0;
list-style: none;
background: #444;
text-align: center;
font: 15px lolblogger;
color: #fff;
margin: 0;direction: ltr;
}
</style></div>

اي سؤال او استفسار لا تترد بوضعه في تعليق

مواضيع ذات صلة
اضافة الوان فلات في صفحة ثابتة
4 / 5
بواسطة

هناك 6 تعليقات :

  1. اخي لم افهم الخطوات ام لا تضع صور

    ردحذف
    الردود
    1. اهلا اخي الكريم
      كل ما عليك فعله من القائمة الجانبية اضغط على صفحاات
      ثم اضغط على انشاء صفحة و انتقل إلى وضع HTML وضع الكود الذي في الاعلى ثم اضغط على نشر

      حذف
  2. اخي انا اريد ان تظهر لي في صفحة كاملة يعني لا يظهر في الجانب اكثر مشاهدة يعني مثل ما عامل انت في هذا الدرس و شكرا ممكن اجابتي على
    الايميل الخاص بي وشكرا
    achkid.simo9@gmail.com

    ردحذف
    الردود
    1. اخي فقط ادخل إلى الصفحات وقم بإنشاء صفحة جديدة و اضف الاكواد وسوف تصبح مثل التي في مدونتي

      حذف
  3. اخي عندما اقوم بعرض يظهر لي الصفحة الرئيسية لموقعي

    ردحذف
    الردود
    1. لإنك تقوم بإضافتها بشكل خاطيء يا غالي
      يجب إضافتها في صفحة ثابتة ومنفصلة

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r