السبت، 30 مارس 2019

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

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

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



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


  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>

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

إضافة تعليق

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

الاسم

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

رسالة *