Geekissimo

Applicare un effetto francobollo alle immagini in css

 
Shor (Angelo Di Veroli)
3 Gennaio 2008
4 commenti

Era da un bel po di tempo che non segnalavo qualche tecnica per applicare effetti alle immagini in css. Oggi voglio spiegarvi come applicare un effetto francobollo alle immagini in css.

L’effetto finale è la cornicetta che vedete nello screenshot soprastante, non servirà a tutti, ma se avete intenzione di aprire un sito o un blog sulla filatelia potrebbe tornarvi utile! Ecco a voi il codice da inserire per ottenere l’effetto francobollo:

Codice da inserire nel vostro foglio style.css:
.francobollo{
border:5px dotted #fff !important;
padding:4px;
background:#ccc !important;
border:5px dashed #ccc;
}


Una volta inserito il codice qui sopra nel vostro css, vi basterà richiamare la classe all’interno della vostra immagine, inserendo class=”francobollo”.

Via | Xiberneticos.com
Potrebbe interessarti anche
Articoli Correlati
Come ripristinare un account in Windows Vista quando cancellato per sbaglio o si è dimenticata la password

Come ripristinare un account in Windows Vista quando cancellato per sbaglio o si è dimenticata la password

Ahinoi anche ai geek più bravi ogni tanto capita di cancellare per sbaglio un account utente in Windows e, perché no, anche di dimenticarsi qualche importante password di accesso, recentemente […]

Guida mIRC parte 4°: caricare uno script e creare dialog!!!

Guida mIRC parte 4°: caricare uno script e creare dialog!!!

Ed eccoci arrivati all’ultima lezione, certo gli argomenti sono tanti e andrebbero approfonditi con maggiore attenzione, ma come vi ho detto nelle precedenti guide sono disponibile per qualsiasi approfondimento relativo […]

Guida per trasformare un software in versione portatile per key usb

Guida per trasformare un software in versione portatile per key usb

Al giorno d’oggi, la linea guida, per lo sviluppo di tutti i tipi di tecnologia è la portabilità. Questo vuol dire che bisogna cercare di inserire in un unico oggetto […]

Le 8 regole per disegnare un logo perfetto

Le 8 regole per disegnare un logo perfetto

Come già ribadito in diverse occasioni, uno dei principali mezzi per far colpo sui lettori di un sito/blog è quello di adottare una grafica semplice ma allo stesso tempo bella […]

Video Tutorial: come modificare il tema wordpress in 5 minuti con FireBug

Video Tutorial: come modificare il tema wordpress in 5 minuti con FireBug

Dopo avermi segnalato la guida su come creare e utilizzare più profili contemporaneamente in Firefox, Daniele Salamina, mi avverte che ha creato un Video Tutorial su come modificare il proprio […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #1Mister6339

    Questo articolo lo avevo fatto uguale anche io tempo fà! Molto carino come Effetto.

    3 Gen 2008, 7:37 pm Rispondi|Quota
  • #2softcodex

    bello perché siete tornati a parlare anche di CSS, ma l’effetto direi che non é molto usabile.

    4 Gen 2008, 9:26 am Rispondi|Quota
  • #3Mods

    Ciao, forrei creare "l'effetto fermaglio" nella foto da allegare al curriculum, qualcuno mi sa suggerire come fare?
    Grazie

    23 Gen 2010, 9:31 am Rispondi|Quota
  • #4Gregorio

    Buona, anche se voto pure io per avere l'effetto fermaglio. Gracias

    11 Feb 2011, 4:31 pm Rispondi|Quota