اداة تغيير خلفية مدونتك بالوان مختلفة

ضع هذا الكود فى أداة

 Html/havascript 

واحفظ 

المعاينــــــة 

من هنا

<style>#stylechanger { border:none; margin:0 0; padding:0 0; width:98%; text-align:left; font:normal 15px Arial,Sans-Serif; border-collapse:collapse; } #stylechanger th, #stylechanger td { vertical-align:middle; border:none !important; padding:4px 15px; } #stylechanger th.title { background-color:#33AFE0; padding:5px 10px; margin:0 0 10px; text-transform:uppercase; color: #FFF; } #stylechanger select, #stylechanger input[type="text"] { width:130px; padding:2px; font:bold 11px Arial,Sans-Serif; display:block; margin:0 0 0; height:24px; outline: 0; } #stylechanger select option { padding:5px 10px; cursor:pointer; } #stylechanger button { font:normal 11px Arial,Sans-Serif; padding:3px 5px; cursor:pointer; } #stylechanger #bgColorer { overflow:hidden; margin:10px 0 10px; } #stylechanger #bgColorer span { display:block; float:left; width:20px; height:20px; border:1px solid black; margin:0 5px 0 0; cursor:pointer; } #stylechanger input[type="text"] { width:118px !important; padding:4px !important; height:auto !important; } </style><table border="0" id="stylechanger"><tr><th class="title" colspan="2">Background Color Changer</th></tr><tr><td colspan="2"><div id="bgColorer"><span style="background-color:#B6D721;" onclick="bgSwitch(this.style.backgroundColor);"></span><span style="background-color:#248bcb;" onclick="bgSwitch(this.style.backgroundColor);"></span><span style="background-color:#fed100;" onclick="bgSwitch(this.style.backgroundColor);"></span><span style="background-color:#c91212;" onclick="bgSwitch(this.style.backgroundColor);"></span><span style="background-color:#3a9838;" onclick="bgSwitch(this.style.backgroundColor);"></span><span style="background-color:#FFA500;" onclick="bgSwitch(this.style.backgroundColor);"></span><span style="background-color:#306EFF;" onclick="bgSwitch(this.style.backgroundColor);"></span><span style="background-color:#3BB9FF;" onclick="bgSwitch(this.style.backgroundColor);"></span><span style="background-color:#E238EC;" onclick="bgSwitch(this.style.backgroundColor);"></span> </div></td></tr><td><option selected />-- </td> <td><button onclick="resetStyle();">الشكل الافتراضى للموقع</button></td> </table>اختر لونـــــــــــــــــــــــــك المفضل ليكون خلفـيـــــــــــــة للموقـــــــــــــــــــــــــــــع اثناء تصفحك  

بقلم ياسين

ياسين بوصباع مجرد شاب احب المعلوميات من جميع جوانبها لهدا انشأ هده المدونة ليعرض تجاربه على القراء.

;

شارك الموضوع مع اصدقائك؟

اذا كان لديك اي استفسار عزيزي الزائر بامكانك وضعه في تعليق!