الخميس، 26 سبتمبر 2013

الرئيسية إضافات بلوجر اداة تغيير خلفية مدونتك بالوان مختلفة

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

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

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>
اختر لونـــــــــــــــــــــــــك المفضل ليكون خلفـيـــــــــــــة للموقـــــــــــــــــــــــــــــع اثناء تصفحك

من فضلك اضغظ لايك لمشاهدة لينك التحميل

هام : هذا الموضوع ضمن تصنيفات المدونة زووم العربية نشكرك للمتابعة . يمكنك نقل الموضوع من المدونة لكن بشرط يجب ذكر المصدر و ذكر رابط الموضوع الاصلي قبل نقل أي موضوع المرجوا زيارة صفحة الخصوصية تحت ترخيص DMCA Protection

0 التعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار

اتصل بنا

جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار