html css trikovi font sizer js za povecavanje fonta


Akcija traje do 01.08.2019 - Besplatni online kurs web dizajna

Nastavna jedinica: Trick 18 - Font Sizer - JS za povećavanje fonta


Nazad


Font Sizer - Javascript (povećavanje fonta)


Jednostavna Javascripta koja omogućava da se odabirom vrednosti iz padajuće liste klase "fontsizer" font unutar Div Tag-a klase "tekst" poveća ili smanji za odabranu vrednost. Ove skripte se najčešće korisite da se komplet prikaz web strane (tačnije veličina fonta) poveća za lakše čitanje. preporučena veličina fonta je oko 12 px ali naravno ponekad je potrebno omogućiti čitaocu da sam odabere veličinu fonta sa kojom lkaše čita pogotovo ukolik na samom web stani ima dosta teksta (stručne i naučne web stranice). Pored koda u HEAD sekciji kojim se definišu parametri takodje u HEAD sekciji treba da stoji i link koji poziva jquery biblioteku iz foldera JS.

Head


<!-- skripta koja povećava FONT i vazi samo za DIV TAG klase tekst -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function()
{
$(".fontsizer").change(function() 
{
var size = $(this).val();
$(".tekst").css('font-size', size+'pt');
return false;
});
});
</script>
<!-- skripta koja povećava FONT i vazi samo za DIV TAG klase tekst -->

Body


<!-- Padajuci meni sa odabirom veličine fonta samo za DIV TAG klase tekst -->
<select class="fontsizer">
<option value="#">- - - Izaberi veličinu fonta - - - </option>
<option value="8">8</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
</select> 
<!-- Padajuci meni sa odabirom veličine fonta samo za DIV TAG klase tekst -->
<div class="tekst">
<p>Javascripta omogućava da se odabirom vrednosti iz liste klase "fontsizer" font unutar Div Tag-a klase "tekst" poveća ili smanji za odabranu vrednost.</p>
</div>

Prikaz u Browser-u


Javascripta omogućava da se odabirom vrednosti iz liste klase "fontsizer" font unutar Div Tag-a klase "tekst" poveća ili smanji za odabranu vrednost.

NOVO - DOPUNITE ZNANJE - WEB PROGRAMIRANJE (PHP, SQL)

Posle pređenih svih nastavnih jedinica u okviru Besplatne online obuke za web dizajn, obuku možete nadograditi odnosno dopuniti svoje znanje tako što će naučiti i web programiranje - PHP, SQL - izrada dinamičkih sajtova, online prodavnica. Kurs prati napisana skripta, izvorni kodovi i nekoliko desetina video nastavnih jedinica gde polaznik hronološki uči pisanje koda u PHP-u, testiranje skripti, korišćenje i rad sa Local serverom.

Cena obuke