Nwlapcug.com


Come fare stili di PhpBB

Come fare stili di PhpBB


Il phpBB Forum è una comunità libera, ma completamente funzionale edificio soluzione. Ogni tema utilizza HTML standard per struttura e modello di phpBB ganci per includere ogni pezzo di funzionalità forum. La "imageset" e fogli di stile CSS utilizzati nel tema determinano l'aspetto del forum. L'editor di stile nel pannello di amministrazione di phpBB permette di creare stili personalizzati in base all'impostazione predefinita "prosilver" o "subsilver" modello imposta. Personalizza il tuo stile ulteriormente utilizzando qualsiasi immagine software di editing per modificare il tema "imageset."

Istruzioni

1

Accedere al tuo pannello di amministrazione di phpBB dal tuo browser e clicca su "Stili". Immettere un nome per il nuovo stile nel campo "Crea nuovo stile", situato in basso a destra. Selezionare un tema da utilizzare come il framework, ad esempio "prosilver," e fare clic su "Invia". Selezionare "Yes" per entrambe le opzioni e fare clic su "Invia". Fai clic su "Torna alla pagina precedente" per ricaricare la scheda "Stili".

2

Fare clic su "Temi" e fare clic su "Modifica" accanto al tema che hai scelto durante la creazione del nuovo stile. Il foglio di stile del tema apparirà nel riquadro editor. Questo documento contiene il corpo principale di stili, che influenzano l'aspetto il vostro tema. Cambiare il "nome stile:" valore al tuo nome tema desiderato e Inserisci il tuo nome accanto a "Modificate dai". Per esempio:

Style name: MyTheme

Based on style: proSilver (this is the default phpBB 3 style)

Original author: subBlue ( http://www.subBlue.com/ )

Modified by: Me3

Personalizzare gli stili modificando valori per parametri quali "font-family", "colore", "background-color", o "bordo" mentre visualizzi il tuo forum in una scheda del browser diversi. Ad esempio, per modificare il colore del collegamento predefinito dal grigio al rosso, modificare il valore di "colore" per il "un: link" selettore:

un: link {colore: #ff0000; text-decoration: none;}

Se si desidera, modificare i parametri di stile avanzato come elemento larghezze e margini per modificare il layout. Fare clic su "Invia" per salvare le modifiche apportate. Se non siete sicuri di quali stili per modificare, aprire una nuova scheda del browser e vai al tuo pannello di amministrazione.

4

Fare clic su "Stili" e "Modelli". Fare clic su "Modifica" accanto al tuo tema scelto e selezionare un file di modello, ad esempio "overall_header.html." Ci sono oltre 100 modelli, ognuno dei quali contiene i ganci HTML e modello, che controllano le parti specifiche del tuo forum. È possibile utilizzare questi file di modello fare riferimento alla struttura e le classi di stili CSS del vostro tema, o è possibile aprire l'indice del forum in una nuova scheda del browser e destro di un'area per scegliere "Inspect elements." Questa funzionalità è disponibile in Chrome, Firefox e Opera e consente di visualizzare gli stili HTML e CSS per la parte della pagina web che hai cliccato. Utilizzare qualunque sia il metodo lo rende facile per voi per visualizzare come le personalizzazioni di stile cambierà l'aspetto generale.

5

Scaricare una copia della cartella "imagesets" per il tema che si utilizza se si desidera personalizzare il tuo forum di grafica. La cartella "imagesets" si trova sul server Web sotto "stili", all'interno della directory del tema scelto. Utilizzare il tuo software di fotoritocco preferito per aprire ogni immagine presente nella cartella "imageset" durante la visualizzazione del forum nel tuo browser per riferimento dove ogni immagine viene visualizzata nel modello. Salvare ogni immagine che hai personalizzato, utilizzando un nuovo nome di file.

6

Tornare al tuo pannello di amministrazione di phpBB, clicca su "Imagesets" sugli stili sulla scheda e fare clic su "Modifica" accanto al tuo tema scelto e procedere a collegare ogni immagine che si desidera personalizzare con il vostro file modificato utilizzando i menu a discesa. Fare clic su "Invia" per salvare le modifiche, quindi Mostra l'indice di scheda per vedere il nuovo stile in azione.

Consigli & Avvertenze

  • Quando si modificano immagini, si noterà che alcuni file, ad esempio "icon_post_delete.gif," contengono sia nella normale visualizzazione dell'icona e lo stato "hover". La seconda immagine nell'immagine è l'aspetto che ha l'icona quando si mouse-sopra nel forum. Queste immagini accoppiate sono chiamate "sprite". È importante non ridimensionare o modificare le dimensioni di ogni elemento grafico in immagini sprite se siete nuovi alla personalizzazione dei temi.
  • Se si sceglie di modificare il codice HTML all'interno di file di modello del tema scelto, fare attenzione a non togliere i ganci di modello di phpBB, a meno che non si ha familiarità con quello che fanno.