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

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

معاينة

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

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>

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