Размер шрифта и фон страницы

Выбери желаемый фон страницы

Выбери желаемый размер шрифта

Для удобства чтения материала иногда возникает желание изменить фон страницы или размер шрифта, а для некоторых людей это необходимо по состоянию здоровья. Я излагаю здесь соответствующие инструменты для создания механизма изменения размера шрифта и фона страницы которые мне, в свое время, прислали друзья, чтобы я мог использовать их на своем сайте.
Изложенные коды HTML - это механизм изменения фона страницы. Их следует установить на странице между тегами BODY на видном месте:

Выбери фон страницы
<a href=#null onClick="document.bgColor='#ffffff'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzvOdvvWSlKGTwQzmTkdothh2TNH1oVIuexQL1ZdchkiM1-nmbQnL47ckLNhK6RIk1WE0u6vxZtfJl5mPZYITfqIzSphRa2-okbnzYxtRsi3TH9NZYYWceYMYyK3ZbufS-MYXD4nSHaN_3/s1600/00.gif" HEIGHT=20></a>
<a href=#null onClick="document.bgColor='#ccffcc'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizGtt_Cs4yhGkUPJucMWpL3NhEm-nGd2r3wNuy6MNPch-pbZuw814SkuSaa_RsoOvJcDtIelY44ss-g1D9DBosotMtydjT4jMGcEzQbff3dNQfYFV11Y4tuCdkEEpbY_Orn2nk5nZ_Z8Az/s1600/01.gif" HEIGHT=20></a>
<a href=#null onClick="document.bgColor='#ffffcc'"><IMG SRC="img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4EbY6QQcSSZw4a8LtVjQWZb44rKjFqhHZKboWWLKsCZLvincthSAQFxLrQNaTY01V7jw7TTD2vDs7v6fnIf_-6PsiwoBHlqUZgXqqMNeFKh-YGQg-ZKGeVICxg_BhlH-gnoS2ZrgxL6Fx/s1600/02.gif" HEIGHT=20></a>
<a href=#null onClick="document.bgColor='#99cccc'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtFDgtDO9_SZCl69ykyd4nZC7mG-R7GZv1-0u_SoygawXY494Zcpo3BzGJIFDNUJat-66m-q9DPWTgXphm2u842DAU78Vn_xGZ0hCnhD1RYcLapkKSqR8SBeKWzCZ27obSy7DeIre_-YNI/s1600/03.gif" HEIGHT=20></a>
<a href=#null onClick="document.bgColor='#cccc99'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq2tZlq0F1sdRdgkirQaQbnlCTJ297oRQ0gkEvyVr4wh2vfCa0Zy1ldegQjNGiolR7PoKkgzO8IPwN-uvcY8DZXapkt7KSUUpFmuhiiTEGxbp5gZrLH0kOQ_IiqeXyKEmfzaNArw_1AfKQ/s1600/04.gif" HEIGHT=20></a>
<a href=#null onClick="document.bgColor='#ffcc99'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNcSWAMGGfNRAHc8bYWIy4Uz1kzC63tQEg3_8fjy4Bu59bfHjIAagkPCYxf5nwv3uOUkdtNCHOZYAp06B7EAQr9ih9isZe_6PKK7kOaTNciVYQZ0WaD4b3NXXymbAMinfUdNDhkytPvpp4/s1600/05.gif" HEIGHT=20></a>

Здесь можно менять картинку на любой цвет https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzvOdvvWSlKGTwQzmTkdothh2TNH1oVIuexQL1ZdchkiM1-nmbQnL47ckLNhK6RIk1WE0u6vxZtfJl5mPZYITfqIzSphRa2-okbnzYxtRsi3TH9NZYYWceYMYyK3ZbufS-MYXD4nSHaN_3/s1600/00.gif и делать соответствующие изменения в коде document.bgColor='#ffffff', а также менять размер картинок HEIGHT=20.
Количество оттенков можете выбирать любое по своему усмотрению.

Механизм увеличения текста написан на языке программирования java. Скрипт, представленный ниже, следует разместить между тегами HEAD:

<script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] =
val; });
}
}
function showRelatedContent(args) {
var el = document.getElementById('related-iframe');
if (el.parentNode.style.display != 'none') {
el.parentNode.style.display = 'none';
document.onclick = showRelatedContent.prevOnClick;
return;
}
var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);
if (match !== null) {
document.getElementById('related-loading').style.left =
match[1] + 'px';
el.style.left = Math.max(0, match[1] - parseInt(el.width) /
2) + 'px';
}
el.src = "http://www.blogger.com"
+ '/related-content.g?q='
+ window.location.href
+ '&id=' + "2330052362389943372";
el.parentNode.style.display = 'block';
showRelatedContent.prevOnClick = document.onclick;
// Hide related-content dropdown when clicking anywhere
but on it.
document.onclick = function() {
var el = document.getElementById('related-iframe');
if (el.parentNode.style.display != 'none') {
el.parentNode.style.display = 'none';
}
document.onclick = showRelatedContent.prevOnClick;
};
}
</script>

Следующие коды HTML установите на странице между тегами BODY перед текстом (для удобства):

<div class='post-body entry-content'>
<table><tr><td><u>Размер шрифта</u></td><td>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><input type="button" style="font-size: xx-small;" value="+"></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><input type="button" style="font-size: x-small;" value="+"></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><input type="button" style="font-size: small;" value="+"></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><input type="button" style="font-size: large;" value="+"></a>
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><input type="button" style="font-size: x-large;" value="+"></a>
</td></tr></table>

Далее следует текст документа, в конце которого не забудьте вписать закрывающий тег DIV.

...Дерзайте...

---