Rendere più moderna la legenda

Tutorial Rendere più moderna la legenda

Messaggio 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;}

:new:  salviamo le modifiche!

risultato


Ecco fatto! Andiamo ora a scoprire il risultato finale:

Rendere più moderna la legenda 2016-012 

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

Ci vediamo alla prossima!  :zen:
avatar
Teodor
@ Super attivo @

Sesso : Maschio
Età : 27
Messaggi : 1873
Località : Cremona

http://Ilforumditutti.net
Teodor è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

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