Wiki Info
Vuoi reagire a questo messaggio? Crea un account in pochi click o accedi per continuare.
Ricerca Avanzata
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti attivi
» Comunicazione termine servizio Arduino BT Control
Da Admin Mar Mag 10, 2022 12:55 pm

» Robot aspirapolvere per Alexa: Dreame D9
Da Admin Mar Feb 09, 2021 9:42 am

» Come costruire un robot smart con Arduino
Da Admin Mar Nov 17, 2020 12:15 pm

» TOPPS Trading Cards Match Attax Champsion League/Europa League 2020/21
Da Admin Mar Nov 10, 2020 3:21 pm

» Guida per utilizzare Arduino BT Control v1.2
Da Admin Gio Lug 09, 2020 12:01 pm

» Recensione Umidigi A3 Pro - Smartphone sotto i 100€
Da Admin Gio Apr 04, 2019 12:22 pm

» [Arduino] aiuto programma
Da Glak Mar Mar 12, 2019 9:30 am

» ERRORE NELLA COMPILAZIONE NEXTION
Da papat Mar Feb 26, 2019 7:11 am

» Comandare la Smart TV con Alexa senza broadlink (gratis)
Da Admin Mar Feb 19, 2019 4:31 pm

I postatori più attivi del mese
Nessun utente


Codice CSS per avere un effetto 3D ai bordi

2 partecipanti

Andare in basso

Codice CSS per avere un effetto 3D ai bordi Empty Codice CSS per avere un effetto 3D ai bordi

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

Codice CSS per avere un effetto 3D ai bordi Css-ic13

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
Codice CSS per avere un effetto 3D ai bordi Bordo_10
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!

Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4370
Crediti Crediti : 12173
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 25

https://wikiinfo.forumattivo.it

Torna in alto Andare in basso

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

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

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

Messaggi Messaggi : 286
Crediti Crediti : 1061
Reputazione Reputazione : 12
Data d'iscrizione Data d'iscrizione : 23.01.12
Età Età : 31

Torna in alto Andare in basso

Torna in alto

- Argomenti simili

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