HOME

Contatti

TRUCCHI E MALIZIE IN BREVE


INGRANDIRE UN TESTO QUALSIASI AL PASSAGGIO DEL MOUSE
F
acciamo il punto.
Argomenti correlati:

Cerchi un argomento particolare di HTML?
Accedi all'INDICE DETTAGLIATO

Cerchi un trucco complesso?
La nostra sezione
TRUCCHI E MALIZIE
fa proprio al caso tuo!

Altrimenti, usa la ricerca di GOOGLE, magari a partire dal nostro sito!

 

 

Il trucco ti è stato utile?
Aggiungi un link!


www.tommasobientinesi.it

La passione per i viaggi e la natura nel nuovo sito di Tommaso Bientinesi

 

NOTA BENE

Lo stile dei caratteri è diverso con i diversi browser.
Per questo consigliamo di provare il risultato almeno con MSIE, Firefox e Chrome.

Abbiamo preparato un tutorial con numerose opzioni:
Scegli le opzioni preferite, guarda l'anteprima e salva lo stile!

TUTORIAL

Domanda

Chiedevo di sapere se gli effetti d'ingrandimento sulle parole Calde possono essere applicati anche a del testo normale (non link). Se si come? grazie anticipatamente. Roberto

Esempio funzionante (passare con il mouse sopra il seguente paragrafo)

Padron 'Ntoni sapeva anche certi motti e proverbi che aveva sentito dagli antichi, «perché il motto degli antichi mai mentì»: - «Senza pilota barca non cammina» - «Per far da papa bisogna saper far da sagrestano» - oppure - «Fa' il mestiere che sai, che se non arricchisci camperai» - «Contentati di quel che t'ha fatto tuo padre; se non altro non sarai un birbante» ed altre sentenze giudiziose.
Dai Malavoglia di G.Verga

Risposta

Come vede, non solo è possibile ingrandire le parole, ma si possono aggiungere tanti altri effetti!

Impostare uno stile per la frase a riposo, che abbiamo chiamato .primo, e uno per la frase cambiata, che abbiamo chiamato .secondo.

Lo stile va inserito tra i tag <head> ed </head>, ad esempio:

<style type="text/css">
.primo {
color:#ffe4b5;
font-family: 'garamond','verdana';
font-size:16px;
font-weight: bold;
background-color: #bc8f8f;
}
.secondo {
color:#bc8f8f;
font-size:30px;
background-color: #ffe4b5;
}
</style>

Non resta che chiudere la frase all'interno di uno div di classe "primo".

Il codice

<div class="primo" onmouseover="this.className='secondo'" onmouseout="this.className='primo'">Padron 'Ntoni sapeva anche certi motti...</div>

Se invece si preferisce cambiare solo una parola, questa va inserita all'interno dei tag <span>...</span>

Esempio: PAROLA E IL RESTO NON CAMBIA!

Il codice


<span class="primo" onmouseover="this.className='secondo'" onmouseout="this.className='primo'"> PAROLA</span>

 

IN EVIDENZA DAL SITO

 





TARTAMONDO - PER BAMBINI



AREA GIOCHI

 

 

 

 

 

Precedente          Indice          Successivo