Безплатен блог на платформата Blogger (blogspot). Създаване, водене, персонализиране, дизайн, притурки в примери. Препоръки и съвети за начинаещи и напреднали блогъри.

Търсене

Breaking

Притурки. Промяна на вид и размер на шрифта

Притурки. Промяна на шрифта
Здравейте скъпи приятели-блогъри. Днес, малка публикация за промяна на вида и размера на шрифта. Неотдавна ви предложих подобно приспособление, но чрез него можете да променяте само размера на шрифта на публикациите си.

Всички добре знаете, че това, което споделяте във вашия блог се чете от различна аудитория. Има хора с проблеми в зрението, а на различни устройства и браузъри нашите блогове се показват по различен начин. Така че нека ви предложа притурка за промяна на вида и размера на шрифта. Притурката се вписва добре в дизайна на блога, изглежда като полето за търсене, а читателите със сигурност ще се радват да прочетат информацията на страниците на вашия блог, използвайки я.

Код

<script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option value="Roboto Condensed"/>Roboto Condensed
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18

</select></form>


Изберете от Оформление ➔ Добавяне на притурка ➔ Html / JavaScript и впишете в тялото ѝ кода. Запаметете и преместете на удобно за читателите място в блога.
Работата на притурката може да тествате чрез познатия ви HTML редактор от главното меню. А тя изглежда така:




Пробвайте я.

Пишете, споделяйте с приятели и познати в социалните мрежи.

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога ми на:

BGtop

3 коментара:

  1. Здравейте, пробвах го в тестовия блог. Притурката се показа, но какъвто и шрифт/размер да избера не се променя нищо.

    Иначе +1 за интересните уроци!

    ОтговорИзтриване
    Отговори
    1. Не се съмнявам, че работи просто не се получи при мен. Бяхте права, че е заради това, че съм направил да не се вижда от Blogger. Не предполагах, че може да е пречка. Конфликт нямаше, докато не събрах стария с новия вариант в един Html/JavaScript. В крайна сметка запазих новия вариант и мисля, че стана добре. Благодаря за урока отново, също така и за напътствията!

      Изтриване
    2. Доволна съм от това, което видях в "Ежедневието днес". Винаги на ваше разположение съм. Поздрави!

      Изтриване