Fantasy Life Skin

Web Design / Skin per Forumfree

Fantasy Life, inizialmente chiamata Everybody must have a fantasy, è una skin che ho realizzato dopo che il mio gdr ha lasciato forumfree, trasferendosi in un dominio privato. Inizialmente doveva essere una grafica privata, utilizzata soltanto nel vecchio forum (ora archivio) del gdr, ma alla fine ho deciso di pubblicarla sul mio portfolio.

Visto che non utilizzo più forumfree, questa skin può essere considerata un progetto abbandonato, quindi difficilmente farò ulteriori modifiche o sistemazioni.

Skin per

Forumfree

Creata il

25/07/2016

Ultimo agg.

29/07/2017

Codici

The moment you doubt whether you can fly, you cease for ever to be able to do it.

01. Impostare la Skin di Base

Per utilizzare questa skin è necessario essere proprietari di un forum o di un blog su forumfree, forumcommunity o blogfree.

Il primo passo da fare per caricarla sul proprio forum è quello di impostare il tipo di skin corretto. Per farlo è sufficiente andare in Amministrazione Grafica Skin e tra le skin Standard Mode scegliere la Skin di Base.

02. Abilitare Font Awesome

Questa skin utilizza Font Awesome, uno dei migliori Icon Font in circolazione. Per abilitarlo sul proprio forum basta andare in Amministrazione Sito web Statistiche e opzioni Codice da aggiungere nella sezione head ed inserire il seguente codice:

Codice:
Copia

03. Inserire le immagini

Il terzo passo è quello di andare in Amministrazione Grafica Logo e immagini ed inserire in Modifica Rapida (textarea in fondo) il seguente codice, ricordandosi di spuntare la checkbox "Aggiorna tramite la modifica rapida":

Codice:
Copia

Sempre in "Logo e immagini" inserire in Indirizzo cornice (.header) il seguente url. Se non si visualizza la voce, sarà necessario togliere la spunta dalla checkbox "Togli cornice". L'immagine inserita sarà quella dello sfondo utilizzato dal header di base di forumfree, che è possibile disabilitare tramite la checkbox "Togli cornice". Questa skin è dotata di un altro header, inseribile manualmente, ma è anche utilizzabile senza header e, quindi, con un logo standard.

Codice:
Copia

04. Inserire il CSS

E siamo arrivati alla parte più corposa della skin: gli stili. Il seguente codice è da inserire in Amministrazione Grafica Colori e stili, sempre sostituendo quello preesistente.

Codice:
Copia

05. Inserire un moderno Header

Per inserire un header moderno, sullo stile dei ultimi temi creati per i vari Forum CMS in circolazione, è sufficente andare in Amministrazione Grafica Codice HTML ed inserire il seguente codice in Codice HTML che sarà mostrato in CIMA a tutte le pagine:

Codice:
Copia

Se, al posto del titolo e della descrizione, si preferisce inserire una semplice immagine (una PNG dallo sfondo trasparente composta, ad esempio, da una icon e dal nome del forum) allora si può inserire il seguente codice:

Codice:
Copia

06. Inserire il NAV in Home

Le skin "Standard Mode" di default non possiedono il NAV (navigatore con nome e link del forum) in homepage. È possibile, però, inserirlo manualmente andando in Amministrazione Grafica Codice HTML ed inserendo il seguente codice in Codice HTML che sarà mostrato nella homepage del sito:

Codice:
Copia

07. Inserire Footer e Crediti

Se si desidera utilizzare il footer della skin è necessario andare in Amministrazione Grafica Codice HTML e inserire in Codice HTML che sarà mostrato in FONDO a tutte le pagine il seguente codice. Questo footer è composto da una breve descrizione del sito, una serie di link utili e due spazi per i banner delle affiliazioni e dei gemellaggi. In fondo al footer è presente un link a questo sito, che per correttezza vi chiederei di non rimuovere.

Codice:
Copia

Se si preferisce non utilizzare il footer, è comunque necessario inserire i credits al nostro sito.

Codice:
Copia

08 - Trasformare un gruppo di sezioni in una specie di gallery

Se si desidera trasformare un gruppo di sezioni in una specie di galleria, è necessario aggiungere il seguente codice in Amministrazione Grafica Colori e stili.

Codice:
Copia

Per utilizzare questa funzione della skin sono, però, necessarie alcune accortezze. Per prima cosa, le sezioni che si desiderano visualizzare simili ad una galleria devono far parte della stessa categoria. Per farlo è sufficiente creare in Amministrazione Sito web Gestione sezioni un gruppo di sezioni, cliccando sull'icona "Crea gruppo di sezioni" e accertarsi che tutte le sezioni interessate siano all'interno di quel gruppo.

Per seconda cosa, è necessario impostare nel codice inserito in "Colori e Stili" l'id del gruppo di sezioni. Per scoprire quale sia questo id è sufficiente entrare nella prima sezione che appartiene al gruppo. Guardando nella barra degli indirizzi del browser, bisognerà copiare il numero che segue ?f=. Ad esempio, se nell'url della nostra sezione c'è scritto "/?f=1116205", allora bisognerà copiare il "1116205", aggiungerci una "c" minuscola davanti e inserire quanto ottenuto (nel nostro esempio "c1116205") al posto dei tanti "IDCATEGORIA" presenti nel css.

09. Versione Mobile

Se si entra nel proprio forum tramite l'app di forumfree o si utilizza la versione mobile, viene visualizzata una skin differente e semplificata. Per impostare la versione mobile di questa skin è necessario andare in Amministrazione Grafica Mobile/App ed inserire il seguente codice:

Codice:
Copia

back to top