Come modificare colori a tema in SMF

April 25

Come modificare colori a tema in SMF


The Simple Machines Forum (SMF) è una scelta popolare tra i proprietari di siti web per la sua velocità, funzionalità e facilità di personalizzazione. Ogni tema viene creato utilizzando file standard modello di PHP, che sono costruiti utilizzando un mix di HTML e SMF "tag template", o frammenti di codice PHP per tirare in pezzi del forum. L'aspetto visivo e la sensazione del tema è definito con i fogli di stile a cascata (CSS), che sono facili da modificare, anche se avete poca esperienza.

istruzione

1 Scarica una copia del tema che si desidera personalizzare. È possibile prendere una nuova copia dal repository tema SMF, o semplicemente scaricare la cartella del tema dal server Web.

2 Scaricare e installare il Firebug add-on per Firefox. Si può anche utilizzare Opera, che ha la funzionalità di Firebug built-in. Aprire il forum in una nuova scheda del browser e fare clic destro su un elemento, come ad esempio il collegamento principale del forum, e scegliere "Inspect Element". Apparirà una finestra che visualizza la linea di codice HTML che corrisponde al vostro elemento scelto a sinistra, e il suo stile CSS sulla destra. Per l'estrema destra dello stile CSS è il nome del file del foglio di stile, in cui si definisce lo stile. Utilizzando Inspect Element, si può facilmente determinare il file da modificare.

3 Aprire la cartella del tema sul computer e individuare il foglio di stile indicato nella finestra Firebug. La maggior parte dei modelli si trovano nella "style.css", che sarà presente nella cartella principale del tema. stili aggiuntivi possono essere inclusi in una sotto-cartella "css".

4 Aprire il foglio di stile che si desidera modificare in un editor di testo o HTML, e individuare il selettore per l'elemento che si desidera personalizzare. Ad esempio, è possibile modificare il colore per tutti i link nel tema che non hanno uno stile personalizzato modificando il valore di "colore" del "a: link," "a: hover", e "A: stili visitato", che simile a questa:

un collegamento

{

color: #000;

text-decoration: none;

}

a: visited

{

color: #000;

text-decoration: none;

}

a: hover

{

text-decoration: underline;

}

Per rendere tutti i link appaiono come rosso, corsivo e grassetto, si dovrebbe cambiare il "a: link" stile come segue:

un collegamento

{

color: #ff0000;

text-decoration: none;

font-style: italic;

font-weight: bold;

}

5 Aprire qualsiasi altro fogli di stile inclusi con il tema, e procedere per modificare i valori di colore a piacere, utilizzando Firebug per aiutare a determinare quali stili influenzano ciò. Al termine, salvare i file e ricaricare il tema per il server Web, ovunque sia installato SMF.

Ignora CSS default con un Mod

6 Scarica un mod dal sito ufficiale SMF per evitare di fare modifiche ai file di base del tema, che possono essere sovrascritti la prossima volta che si aggiorna SMF o il pacchetto tema. Clicca su "Personalizza", quindi clicca su "Mod Sito" sotto la navigazione a sinistra e cercare di "override css". Scarica l'ultima versione del mod cliccando sul link file ZIP sul lato destro.

7 Installare il mod accedendo al Package Manager nel pannello SMF Amministrazione. Clicca su "Browse Packages", quindi fare clic su "Sfoglia" per caricare il mod "css overide". Seguire le istruzioni per installare.

8 Clicca su "Configurazione> Impostazioni di modifica> Varie." una volta che l'installazione è riuscita. Aggiungi il tuo CSS personalizzato per la casella, o utilizzare il metodo Firebug sopra per copiare gli stili esistenti e incollarli nella casella CSS personalizzato. Effettuare le modifiche desiderate e fare clic su "Salva".