Le guide:  Html |  Css |  Javascript |  Php |  Photoshop
Tutorial Css n°3 - del 16-03-2004

Ridimensionamento testo
Al fine di rendere il sito più usabile attraverso questo codice è possibile stabilire la dimensione dei caratteri in determinate parti della pagina.

Il codice:
il css

<style>
.prova {
width:350px;
font-family:verdana;
font-size:8px;
border:2px solid black;
text-aling:justify;
padding:10px;
}
</style>

nel head

<script type="text/javascript">
function uno(i) {
eval("document.getElementById('prova"+i+"').style.fontSize = '8px'"); }
function due(i) {
eval("document.getElementById('prova"+i+"').style.fontSize = '12px'"); }
function tre(i) {
eval("document.getElementById('prova"+i+"').style.fontSize = '16px'"); }
</script>


nel body

Font layer 1:
<a href="javascript:uno(1);">piccolo</a> 
<a href="javascript:due(1);">normale</a> 
<a href="javascript:tre(1);">grande</a> 
<div id="prova1" class="prova">
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
</div>

Font layer 2:
<a href="javascript:uno(2);">piccolo</a> 
<a href="javascript:due(2);">normale</a> 
<a href="javascript:tre(2);">grande</a> 
<div id="prova1" class="prova">
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
</div>

Esempio:

Font layer 1: piccolo  normale  grande 
testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo


Font layer 2: piccolo  normale  grande 
testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo

torna all'indice