Rendere più moderna la legenda


Tutorial Rendere più moderna la legenda

Messaggio Da Teodor il Mer 29 Giu 2016 - 20:06

Rendere più moderna la legenda

Carissimi utenti, 
Se state modernizzando il vostro forum, allora questo tutorial fa al caso vostro. Infatti oggi, vi mostro come rendere la legenda più #moderna ed #elegante .

Exclamation  Attenzione: il tutorial è funzionante solamente per le versioni phpBB3 e punBB. 

preparazione e installazione


Prima di tutto, abbiamo bisogno di un'immagine di sfondo, io utilizzerò quest'immagine in stile moderno: Clicca per visualizzare  , ma voi potete utilizzarne un'altra. Se non avete molte idee su come creare uno sfondo simile e moderno, rivolgetevi al nostro fantastico  Servizio di creazione grafica .
Vi consiglio di utilizzare uno sfondo più largo rispetto a quello che io ho utilizzato, in quanto potrebbe capitare che la legenda esca dal background.
Bene  :good:  , una volta che il nostro sfondo è pronto procediamo con l'installazione!

Andiamo verso Pannello di amministrazione ► visualizzazione ► immagini&colori ► colori ► foglio di stile CSS

E inseriamo il seguente codice

Se utilizzi phpBB3 inserisci questo:

Codice:
ul#picture_legend {background-position: center;background-repeat: no-repeat;background-image: url('Link-immagine');text-align: center;padding: 24px 0;}

Se utilizzi punBB inserisci questo:

Codice:
ul#pun-legend { background-position: center; background-repeat: no-repeat; background-image: url('link-immagine'); text-align: center; padding: 24px 0;}

:new:  salviamo le modifiche!

risultato


Ecco fatto! Andiamo ora a scoprire il risultato finale:

 

Spero che questo Tutorial ti sia stato utile!  :good:

Ci vediamo alla prossima!  :zen:
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1714
Località : Cremona


Vedi il profilo dell'utente http://Ilforumditutti.net
Teodor è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

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