Come inserire una pagina web nel blog con Lytebox tramite un iFrame.

Nell'articolo precedente ho illustrato Lytebox che serve per inserire suggestivi effetti nelle immagini del blog e può essere utilizzato anche per creare delle gallerie fotografiche o degli slideshow. Per seguire questo post è quindi necessario prima leggere quello che spiega come inserire Lytebox nel blog.

Senza modificare in niente l'installazione di Lytebox, per inserire una pagina web all'interno di un nostro articolo sotto forma di un iFrame, basta incollarne l'URL in un collegamento e specificare rel="lyteframe". Facendo un esempio pratico se noi, quando scriviamo un post, andiamo in modalità HTML e incolliamo un codice simile a questo

<a href="http://www.google.it" rel="lyteframe" title="Ricerca su Google"
   rev="width: 600px; height: 450px; scrolling: no;">Ricerca su Google</a>

si realizzerà un classico collegamento ad una pagina. In questo caso abbiamo

1. Il collegamento è alla pagina www.google.it
2. Le dimensioni della finestra che si apre sono di 600 pixel di larghezza e 400 di altezza, che possono essere modificate 
3. Il testo che si vede è Ricerca su Google
4. Il riferimento a Lytebox avviene mediante l'inserimento di rel="lyteframe". Da notare che in questo caso si utilizza lyteframe al posto di lytebox per le immagini o lyteshow per gli slideshow.
5. Ovviamente possiamo scegliere una qualsivoglia pagina web e un qualsiasi testo da visualizzare 

Se cliccate su uno dei collegamenti di questo articolo

vedrete apparire una finestra di questo tipo

con la pagina dell'iFrame che si illuminerà e andrà in primo piano, mentre l'articolo resterà in sottofondo in posizione oscurata. Può essere un effetto particolarmente sorprendente per i visitatori del blog e dà l'idea di un sito accurato e quindi affidabile.