..:: Info box ::..

Info box, graziosi contenitori per scrivere tutto quello che si vuole in pagine web,
li ho preparati con immagini prelevate su Pinterest e un bel po' di meraviglioso css che
mi ha permesso di realizzare i bellissimi box testo con effetto cristallo ^_^

Il box cristallo crescerà man mano che si scrive e quando avrà raggiunto l'altezza massima
impostata apparirà lo scroll, qundi non ci sono limiti di spazio, si può aggiungere tutto il testo che serve

Ho preparato i box in due versioni, una grande che misura 270 per 545 pixel, in cui ho aggiunto
un decoro e ringrazio SabryCrea per alcuni suoi tubes di bellissime ragazze che ho utilizzato
e una versione piccola, senza decoro, che misura 260 per 360 pixel.

🌷Il codice dei box è un po' lungo ma è pronto da copiare e incollare nel vostro spazio e scrivere
tra i commenti che racchiudono lo spazio dedicato al testo, in questo esempio, ridotto, vi indico dove
scrivere ed eventualmente modificare il font, io ho inserito il Georgia visibile su tutti i browser

<!-- Info box - Penelope -->
<div style="text-align: center;">
<div style="position: relative; width:270px; height:545px; [...]
<p style="padding-top:10px; font-family: 'Georgia', serif; font-size:16px; font-weight:bold; color:#522c1b; [...]></p>
..:: Info box...<br>
<iframe src="decoro.htm" width="xx" height="xx" style="border:none;"></iframe></p>
<div style="position: absolute; font-family: 'Georgia', serif; color: #5b5e2e; font-size:14px; line-height:1.3;[...]
<!--Inserisci il testo qui-->
Il testo deve essere scritto tra questi due commenti
si può scrivere quanto si vuole, raggiunta una certa misura ci sarà lo scroll
Per andare a capo utilizzare il tag <br>
<!--Fine spazio testo--></div>
[...]

I parametri evidenziati in verde sono i css per il titolo, Info box, che ovviamente potete modificare
come preferite, sia per quanto riguarda il tipo font che il testo, "Frasi" "Messaggi" ecc ecc.
I parametri evidenziati in giallo sono i css per il testo nel box, modificate il font e la misura come
preferite inserendo ad esempo quello che utilizzate nel sito, il colore è impostato in abbinamento
alla grafica del box ma lo potete ovviamente modificare in base ai vostri gusti.
I commenti evidenziati in rosa determinano appunto inizio e fine in cui si può scrivere il testo

🌹Cliccando su "Mostra codice" sotto le anteprime potrete vedere il codice completo di ogni info box
e il bottone "Copia codice" per copiarlo in un click, incollate nel vostro spazio posizionando il puntatore
nel punto del codice della vostra pagina in cui volete visualizzare un box, cliccate sul tasto destro
del mouse e nella finestrella che si aprirà su Incolla se preferite potete salvare il codice scaricando il file txt

Nei blog Blogspot basterà incollare il codice in un box "Aggiungi gadget - HTML/JavaScript"

Spero vi piacciano e li portiate nei vostri spazi, non eliminate il link del telaio, grazie ♥

🌹Info box small

Segui il telaio su Facebook

Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname

Home page

B I U URL

Invia commento

~ Pagina visitata da 4 utenti