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

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

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

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

انتقل من وضع تأليف إلى وضع HTML
قم بإلغاء التعليقات من الخيارات و ضع هذا الكود في الصفحة ثم احفظ

<center>
<div class="post-body entry-content" id="post-body-7791298963891950881" itemprop="articleBody">
<div dir="rtl" style="text-align: right;" trbidi="on">
<h3 style="text-align: center;">
<span style="font-weight: normal;"><span style="color: red; font-family: inherit; font-size: x-large;">اداة توليد اكواد الالوان</span></span></h3>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: inherit; font-size: x-large;">
</span></div>
<span style="font-family: inherit; font-size: x-large;">
</span> <span style="font-family: inherit; font-size: x-large;">
</span> 
<center>
<object2 border="1" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="680" id="obj1" width="580"><span style="font-family: inherit; font-size: x-large;"><embed __idm_id__="2090328065" height="485" name="obj2" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/col.swf" type="application/x-shockwave-flash" width="485"></embed></span></object2></center>
<h3 style="text-align: center;">
<span style="color: red; font-family: inherit; font-size: x-large; font-weight: normal;">الوان فلات </span></h3>
<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>
</div>
<div style="clear: both;">
</div>
</div>
</center>
</div>

اي مشكل اتركه في تعليق

القائمة الرئيسية

الصفحات

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

ماهو سبب تقرحات الفم

القائمة الرئيسية

الصفحات

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

مواضيع ذات صلة

تعليقات: (0) (يمكنك التعليق برابط صورة او فيديو) إضافة تعليق