Recensisci!
Diventa un recensore per ricevere prodotti gratuiti o scontati!
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Pubblicità Amazon
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti
» Meglio Android o iOS? Video spiegazione
Da Admin Ven Nov 17, 2017 9:52 pm

» Primo gameplay Platinum Edition - Farming Simulator 2017
Da Admin Ven Nov 17, 2017 9:47 pm

» Errore sketch braccio robotico
Da papat Mer Nov 15, 2017 3:39 pm

» Miglior smartphone sotto i €150 - 2017
Da Admin Sab Nov 11, 2017 10:50 am

» Miglior smartphone sotto i €100 - 2017
Da Admin Ven Nov 10, 2017 10:10 pm

» Recensione protettore RFID
Da Entop Dom Ott 29, 2017 10:01 pm

» Presentati al forum
Da Entop Dom Ott 29, 2017 9:40 pm

» Formato delle recensioni Amazon consigliato
Da Admin Dom Ott 29, 2017 4:12 pm

» Come localizzare in diretta i propri contatti di Whatsapp
Da Admin Sab Ott 28, 2017 9:35 pm

I postatori più attivi del mese
Admin
 
papat
 

Codice CSS per avere un effetto 3D ai bordi

Vedere l'argomento precedente Vedere l'argomento seguente Andare in basso

Codice CSS per avere un effetto 3D ai bordi

Messaggio Da Admin il Gio Lug 12, 2012 1:08 pm


Ciao a tutti amici di Wiki Info, in questo tutorial vi spiego come realizzare un bordo 3D in qualsiasi contenitore o bordo che avete nel vostro sito, blog o forum. Prima di iniziare la guida, vi mostro subito il codice:

Codice:
 border:1px solid #C3E0F1;
  border-radius:4px;
  box-shadow:1px 1px 1px;
  margin:3px 1px;
  padding-bottom:8px;
  padding-top:4px
Come potrai vedere tu stesso, nell'immagine qui sopra, nel lato in basso e nel lato destro, c'è uno strato che da un po l'effetto 3D. Io ho aggiungo anche un bordo arrotondato, per rendere il box anche elegante. In caso volete inserire anche un arrotondamento, al posto di quel codice dovrete inserire questo:

Codice:
border:1px solid #C3E0F1;
border-radius:4px;
box-shadow:1px 1px 1px;
margin:3px 1px;
padding-bottom:8px;
padding-top:4px
-moz-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;

L'effetto è strabiliante e lo consiglio a tutti quelli che hanno un bel forum di inserirlo. Per applicare l'effetto in un div che avete nel vostro blog, forum o sito, baste che mettete questo:
Codice:
.nome del div  {

I codici CSS del bordo 3D

}

Visto? E' una cosa molto semplice! Buon proseguimento su Wiki Info!

avatar
Admin
♔ Amministratore

Messaggi Messaggi : 4224
Crediti Crediti : 11792
Reputazione Reputazione : 186
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Vedi il profilo dell'utente http://www.wikiinfo.net

Tornare in alto Andare in basso

Re: Codice CSS per avere un effetto 3D ai bordi

Messaggio Da Marco il Gio Lug 12, 2012 5:21 pm

Bella guida Admin, mi piace come idea il bordo 3D Razz
avatar
Marco
Livello quattro
Livello quattro

Messaggi Messaggi : 286
Crediti Crediti : 1059
Reputazione Reputazione : 12
Data d'iscrizione Data d'iscrizione : 23.01.12
Età Età : 25

Vedi il profilo dell'utente

Tornare in alto Andare in basso

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum