Come fare Styles PhpBB

April 22

Come fare Styles PhpBB


Il Forum phpBB è una soluzione costruzione di una comunità libera, ma perfettamente funzionante. Ogni tema utilizza HTML standard per la struttura, e ganci template phpBB includere ogni pezzo di funzionalità forum. I fogli di stile "imageset" e CSS utilizzati nel tema determinano il look and feel del forum. L'editor di stile nel pannello di amministrazione phpBB permette di creare stili personalizzati sulla base del default "prosilver" o "subSilver" set template. Personalizza il tuo stile ulteriormente utilizzando qualsiasi software di editing delle immagini per modificare il tema "imageset."

istruzione

1 Accedi al tuo pannello di amministrazione phpBB dal vostro browser e cliccare su "Stili". Inserire un nome per il nuovo stile nel campo "Crea nuovo stile", che si trova in basso a destra. Selezionare un tema da utilizzare come quadro, come ad esempio "prosilver," e fare clic su "Invia". Selezionare "Sì" per entrambe le opzioni e fare clic su "Invia". Fai clic su "Ritorna alla pagina precedente" per ricaricare la scheda "Stili".

2 Clicca su "Temi" e fare clic su "Modifica" accanto al tema si è scelto quando si crea il nuovo stile. Il foglio di stile tema apparirà nel riquadro dell'editor. Questo documento contiene il corpo principale di stili, che influenzano il modo il tema sembra. Modificare il "Nome dello stile:" il valore al vostro nome del tema desiderato e inserire il proprio nome accanto a "Modificato da". Per esempio:

Style name: MyTheme

Sulla base di stile: prosilver (questo è il phpBB 3 stile di default)

autore originale: subBlue (http://www.subBlue.com/)

Modificato da: Me

3 Personalizzare gli stili modificando i valori per parametri quali "font-family", "colore", "background-color", o "confine" durante la visualizzazione tuo forum in una scheda del browser diverso. Ad esempio, per cambiare il colore del collegamento predefinito dal grigio al rosso, modificare il valore di "colore" per la "a: link" selettore:

a: link {color: # ff0000; text-decoration: none; }

Se lo si desidera, modificare i parametri di stile avanzate, come la larghezza degli elementi e dei margini per modificare il layout. Fai clic su "Invia" per salvare le modifiche apportate. Se non si è certi che gli stili di cambiare, aprire una nuova scheda del browser e vai al tuo pannello di amministrazione.

4 Clicca su "Stili" e "Modelli". Fai clic su "Modifica" accanto al tema scelto e selezionare un file di modello come "overall_header.html." Ci sono più di 100 modelli, ciascuno contenente i template HTML e ganci, che controllano parti specifiche del tuo forum. È possibile utilizzare questi file modello per fare riferimento alle classi struttura e lo stile CSS del tema, oppure è possibile aprire l'indice del forum in una nuova scheda del browser e fare clic destro su una superficie di scegliere "Inspect Element". Questa funzione è disponibile in Chrome, Firefox e Opera e consente di visualizzare gli stili HTML e CSS per la parte della pagina web si è fatto clic. Utilizzare qualsiasi metodo permette più facile per voi per visualizzare come le personalizzazioni stile cambieranno l'aspetto generale.

5 Scarica una copia della cartella "Imagesets" per il tema che si sta utilizzando, se si desidera personalizzare la grafica del forum. La cartella "Imagesets" si trova sul server Web sotto "stili," dentro directory del tema scelto. Utilizzare il software di editing immagine preferita per aprire ogni immagine si trova nella cartella "imageset" durante la visualizzazione del forum nel browser per riferimento in cui appare ogni immagine nel modello. Salva ogni immagine è stato personalizzato, utilizzando un nuovo nome di file.

6 Torna alla tua amministrazione phpBB, cliccare su "Imagesets" nella scheda Stili. Fai clic su "Modifica" accanto al tema scelto e procedere a collegare ogni immagine che si desidera personalizzare con il file modificato utilizzando i menu a discesa. Fai clic su "Invia" per salvare le modifiche, quindi visualizzare il tuo Indice consiglio di vedere il nuovo stile in azione.

Consigli e avvertenze

  • Quando si modificano le immagini, si noterà che alcuni file, come ad esempio "icon_post_delete.gif," contengono sia la vista normale dell'icona, e lo stato "hover". Il secondo grafico nell'immagine è quello che l'icona appare come quando il mouse-over nel forum. Queste immagini accoppiate sono chiamati "sprite". E 'importante non ridimensionare o modificare le dimensioni di entrambi grafica nelle immagini sprite se siete nuovi alla personalizzazione temi.
  • Se si sceglie di modificare il codice HTML all'interno di file di modello del tema scelto, fare attenzione a non rimuovere i ganci template phpBB a meno che non si ha familiarità con quello che fanno.