Il foglio di stile si sta rivelando un vero e proprio alleato, se non voglio ricorrere al background ;) .
Il suo nome è 'stitched' (sarà cucito probabilmente, ma tanto quel che conta è il risultato XD ) e l'effetto che viene fuori è questo:
Se vuoi sapere come si fa ad ottenere questo effetto 'cucitura' tanto simpatico continua a leggere.
Visto che forza????????
Dunque per avere l'effetto 'cucito' nei vostri 'div' devi semplicemente copiare e incollare questo codice nel tuo foglio di stile:
.stitched {
padding: 5px 10px;
margin: 10px;
background: #dbd4ca;
color: #444;
line-height: 1.3em;
border: 2px dashed #fff;
border-radius: 3px;
-moz-box-shadow: 0 0 0 4px #dbd4ca;
-webkit-box-shadow: 0 0 0 4px #dbd4ca;
box-shadow: 0 0 0 4px #dbd4ca;
}
Poi il tuo 'div' con il selettore 'class' stitched inseriscilo nel post, o nella sidebar se all'interno del gadget HTML/Javascript, semplicemente copiando e incollando il codice, e sostituendo TUO CONTENUTO con ciò che vuoi che appaia all'interno.
<div class='stitched'> TUO CONTENUTO </div>
Se il div esiste già aggiungi solo class='stiched', come da esempio qui sopra.
La prima cosa che mi è venuta in mente è che ci si potrebbe fare un menu carinissimo con questo effetto!
Intanto

E tu che ne pensi???
Puoi usare questo stile per personalizzare il tuo blockquote!
Ti basterà inserire class='stiched' nel tag blockquote ed è fatta!
Vuoi vedere come personalizzare il tuo blockquote? Leggi il post.
ciao questo effetto mi piace molto, forse perchè mi piace cucire! complimenti sei davvero molto brava.Divento tua follower così è la volta buona che imparo qualcosa! ciao a presto
RispondiEliminaGrazie per esserti unita alle altre :D Io ho fatto altrettanto, è molto interessante il tuo blog ;)
RispondiEliminaA presto!
ma il div class poi dove lo devo mettere? non sono mica riuscita io :(
RispondiEliminaHai ragione, devo modificare il post (che è vecchiotto) e indicare meglio come inserirlo...
Eliminagrazie carissima! :))
EliminaCiao Sabrina! Ricopia e reincolla il codice, perchè avevo scordato di scrivere una T nel codice e non usciva nulla ;)
EliminaCiao sono in attesa anche io della modifica del post per sapere dove inserire il div. Grazie!!
RispondiEliminaCiao! Guarda il div lo puoi inserire anche nel post, o nella sidebar se devi, semplicemente copiando e incollando il codice, e sostituendo TUO CONTENUTO con ciò che vuoi che appaia al'linterno :)
Eliminama che cos'è un div? ho preso i primi post ma non riesco comunque a capirti
RispondiEliminaUn div è un elemento dell'HTML che racchiude in sè altri elementi...una sorta di scatola nel quale vengono inseriti i contenuti del blog ;)
Eliminaah ok grazie :)
Eliminama ilfoglio di stile dove lo trovo?
Puoi vedere questo mio video tutorial in cui spiego dove inserire i codici nel CSS (ovvero il foglio di stile) ;)
EliminaBellissimo effetto e grazie mille! Inserito!
RispondiEliminabellissimo l'ho provato sul mio blog e funzionaaaaa!!! Grazie
RispondiElimina