Притурки. Приспособление за промяна цвета на фона
За хипервръзките с преливащи се цветове на дъгата вече писах.
Но не можах да се сдържа да не споделя как може да се променя и цвета на фона на целия ви блог.
Притурката за промяна цвета на фона на блога според мен е много необходима. То става по желание на читателите. Не за всички посетители, особено за тези със зрителни увреждания, е подходящ избрания от вас фон на блога. При мен, например, очите се изморяват, когато чета информация върху тъмни тонове на фона. А други от вас са споделяли, че не възприемат светлия му фон. Нека дадем възможност всеки да избира.
За съжаление не във всички теми кодът работи. Проверих го в блоговете си. В нестандартните теми не работи, на всички стандартни blogspot теми също работи, а в моята тема всичко е както трябва. Притурката е инсталирана непосредствено над публикациите, кликнете върху някой от цветовете и ще видите как се променя фона на блога.
Който се интересува от тази информация нека копира кода и го инсталира в Оформление ➔ добавете притурката Html / JavaScript ➔ Запаметяване. За да могат читателите ви да променят фона, сложете притурката така, че посетителите да могат да я виждат. Както е в този блог.
А ето го и нейния код.
<div class="widget-content">
<center><b>Изберете удобния за четене фон на блога</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">
</td>
<td onclick="bgChange('#E6E6FA)" bgcolor="#E6E6FA">
</td>
<td onclick="bgChange('#6495ED')" bgcolor="#6495ED">
</td>
<td onclick="bgChange('#87CEEB')" bgcolor="#87CEEB">
</td>
<td onclick="bgChange('#00FFFF')" bgcolor="#00FFFF">
</td>
<td onclick="bgChange('#3CB371')" bgcolor="#3CB371">
</td>
<td onclick="bgChange('#00FA9A')" bgcolor="#00FA9A">
</td>
<td onclick="bgChange('#BDB76B')" bgcolor="#BDB76B">
</td>
<td onclick="bgChange('#EEDD82')" bgcolor="#EEDD82">
</td>
<td onclick="bgChange('#BC8F8F')" bgcolor="#BC8F8F">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#F5DEB3')" bgcolor="#F5DEB3">
<center><b>Изберете удобния за четене фон на блога</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">
</td>
<td onclick="bgChange('#E6E6FA)" bgcolor="#E6E6FA">
</td>
<td onclick="bgChange('#6495ED')" bgcolor="#6495ED">
</td>
<td onclick="bgChange('#87CEEB')" bgcolor="#87CEEB">
</td>
<td onclick="bgChange('#00FFFF')" bgcolor="#00FFFF">
</td>
<td onclick="bgChange('#3CB371')" bgcolor="#3CB371">
</td>
<td onclick="bgChange('#00FA9A')" bgcolor="#00FA9A">
</td>
<td onclick="bgChange('#BDB76B')" bgcolor="#BDB76B">
</td>
<td onclick="bgChange('#EEDD82')" bgcolor="#EEDD82">
</td>
<td onclick="bgChange('#BC8F8F')" bgcolor="#BC8F8F">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#F5DEB3')" bgcolor="#F5DEB3">
<td onclick="bgChange('#E9967A')" bgcolor="#E9967A">
</td>
<td onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">
</td>
<td onclick="bgChange('#EE82EE')" bgcolor="#EE82EE">
</td>
<td onclick="bgChange('#A020F0')" bgcolor="#A020F0">
</td>
<td onclick="bgChange('#CDC5BF')" bgcolor="#CDC5BF">
</td>
<td onclick="bgChange('#836FFF')" bgcolor="#836FFF">
</td>
<td onclick="bgChange('#4EEE94')" bgcolor="#4EEE94">
</td>
<td onclick="bgChange('#CAFF70')" bgcolor="#CAFF70">
</td>
<td onclick="bgChange('#FFEC8B')" bgcolor="#FFEC8B">
</td>
<td onclick="bgChange('#FF6A6A')" bgcolor="#FF6A6A">
</td>
<td onclick="bgChange('#90EE90')" bgcolor="#90EE90">
</td>
</tr></tbody></table>
</div>
</td>
<td onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">
</td>
<td onclick="bgChange('#EE82EE')" bgcolor="#EE82EE">
</td>
<td onclick="bgChange('#A020F0')" bgcolor="#A020F0">
</td>
<td onclick="bgChange('#CDC5BF')" bgcolor="#CDC5BF">
</td>
<td onclick="bgChange('#836FFF')" bgcolor="#836FFF">
</td>
<td onclick="bgChange('#4EEE94')" bgcolor="#4EEE94">
</td>
<td onclick="bgChange('#CAFF70')" bgcolor="#CAFF70">
</td>
<td onclick="bgChange('#FFEC8B')" bgcolor="#FFEC8B">
</td>
<td onclick="bgChange('#FF6A6A')" bgcolor="#FF6A6A">
</td>
<td onclick="bgChange('#90EE90')" bgcolor="#90EE90">
</td>
</tr></tbody></table>
</div>
Ако желаете, редактирайте го. Напишете своя собствен текст, с който да замените текста в кода „Изберете удобния за четене фон на блога“. Можете да промените и кодовете на цветовете в него, както и техния брой.
А за промяна на цвета на хипервръзките в блога ви прочетете в тази публикация.
За днес това е всичко. Старая се да пиша по-често. И съм в очакване на вашите коментари. Споделете с приятелите си в социалните мрежи.
Всичко най-хубаво. Успех!
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на: