Rendere più moderna la legenda

Da Teodor 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;}

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: