Invision Power Board Set Up

Guida Facile Template html

Questa guida approcciera' il cambio template in maniera semplice e diretta a chi di html non ha esperienza.

Tutti i passaggi e modifiche si intendono fatte sul template INVISION BOARD DEFAULT
Si assume anche che avete uno spazio a disposizione ftp con relativo spazio web per le vostre immagini.

1) Settaggio Board per modifica html

Prima di tutto loggarsi come amministratore.

1) Andare in IMPOSTAZIONI DI SISTEMA > CONFIGURAZIONE GENERALE

Accertarsi che l'opzione SAFE SKIN sia settata su YES (come in figura)

2) Cambio logo

Selezionate SKIN E TEMPLATE > GESTISCI SKIN

Selezionare HTML

user posted image

Selezionare MODIFICA TESTATA BOARD e cliccare su VAI:

Ora dovete cercare questo codice:

CODE

<div id='logostrip'>
<a href='{ibf.script_url}' title='Board Home'><img src='{ibf.vars.img_url}/logo4.gif' alt='Powered by Invision Power Board' border="0" /></a>
</div>

Il codice da cambiare �
'{ibf.vars.img_url}/logo4.gif'

Se avete spazio web potete aggiungere il vostro logo sostiutento il codice come segue:
'http://www.mioserver.com/logo4.gif'

3) Cambio sfondo forum e sfondo tabella logo

Per poter cambiare sfondo tabella cliccate su SKIN E TEMPLATE > STYLESHEET

Selezionate > Modifica

Cerca:

CODE

#3860BB;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }

Sosituisci con un immagine di tua preferenza il codice "style_images/<#IMG_DIR#>/tile_back.gif"

Es:

CODE

#3860BB;background-image:url(http://www.mioserver.com/sfondo.gif);padding:0px;margin:0px; }

L'immagine associata a tile_back.gif e' questa > http://members.forumgratis.com/style_images/1/tile_back.gif
(Salva oggetto con nome per salvarla sul vostro pc)

Per cambiare lo sfondo del forum:

Cercare

Es:

CODE

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px;padding:0px;background-color:#FFF; text-align:center }

Dovete cambiare in:

Es:

CODE

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px;padding:0px;background-color:#000000; text-align:center }

Il codice #00000 corrisponde al colore nero. Potete trovare altri codici cliccando qui

Oltre lo sfondo tabella potrete cambiare ,sfondo tabella post,gruppi,eccc

4) Sostituzione Grafica Bottoni (macro)

Per sostiuire un bottone di vostra preferenza cliccate su SKIN E TEMPLATE > Macro.

Cliccate ora su modifica

Ogni bottone ha un suo percorso. Per cambiare bottone cliccate su modifica:

Il codice ex: sara':

CODE

<img src='style_images/<#IMG_DIR#>/t_moved.gif' border='0' alt='Moved Topic'>

L'immagine che stiamo sostituendo e' t_moved che corrisponde a: (topic spostato)

Dovrete sostituire l'immagine di vostra preferenza:

Ex:

CODE

In questo breve tutorial abbiamo imparato a cambiare logo , cambiare sfondo tabella logo , cambiare bottoni.

Forumgratis.com