Come cambiare colore in Nabble

April 3

Come cambiare colore in Nabble


Nabble è una serie gratuita di applicazioni ospitate per i siti web che consente di incorporare un forum, galleria fotografica, caratteristica notizie, blog o mailing list per la generazione di codice si copia nel vostro editor sito HTML. Non hai bisogno di alcuna conoscenza di programmazione per utilizzare Nabble e le applicazioni sono integrate nel tuo sito professionale in modo che la loro dimensione adatta per misura il vostro sito. Per cambiare il colore di qualsiasi parte della vostra applicazione, si accede al back-end dell'applicazione e modificare i simboli dei colori esadecimali nel foglio di stile.

istruzione

1 Fare clic sul messaggio "Login" in alto a destra dell'applicazione Nabble. Immettere il nome utente e la password che hai fornito prima quando ti sei iscritto per l'applicazione sulla homepage Nabble non appena viene visualizzata la pagina di login. Quindi, fare clic sul pulsante "Login" sotto il campo della password.

2 Fare clic sul prompt "Opzioni" nel menu utente. Esso è contrassegnato da una icona ingranaggio verde e può essere situato a destra oa sinistra della vostra applicazione a seconda di quale applicazione e lo stile che avete installato.

3 Fai clic su "Cambia aspetto" nel menu a tendina "Opzioni". Attendere qualche secondo per la pagina "Cambia aspetto" a comparire. Scorrere verso il basso a metà della sua sezione "look and feel" della pagina, non appena appare.

4 Utilizzare le frecce sul lato sinistro della sezione "look and feel" per scorrere le immagini degli stili della pelle disponibili che appaiono e cambiano tra le frecce quando si fa clic. Interrompere lo scorrimento dopo aver selezionato lo stile che si desidera utilizzare.

5 Clicca sull'immagine dello stile selezionato e aspettare un secondo o due per il codice di stile per apparire nel "Cascading Style Sheet (CSS)" finestra di testo sotto l'immagine.

6 Guardare attraverso il codice di stile per tutte le linee che include "il colore:" seguito da un (#) cancelletto e una combinazione di sei cifre di numeri e lettere - per esempio: color: # 558.943 o background-color: # D5D1B6.

7 Controllare la linea sopra di essa per vedere se si desidera cambiare il colore per la parte particolare del sito a cui il codice di colore si riferisce. Per esempio, span.post-data si riferisce alla data di un post nel forum come appare sulla pagina in cui è fatto il palo.

8 Annotare il codice originale di riferimento nel caso in cui si vuole cambiare di nuovo esso. Evidenziare ed eliminare le sei lettere e numeri che seguono il simbolo di cancelletto.

9 Copiare il codice per il colore che si desidera utilizzare da un colore reference.type esadecimale o incollare il codice del colore che si desidera utilizzare dopo il simbolo di cancelletto. Assicurarsi che il codice si utilizza è nel formato corretto e comprende sei lettere, numeri o una combinazione di entrambi. Ad esempio, # 116.611 è un verde scuro, e usarlo al posto di # 558.943 si dovrebbe cancellare "558.943" e digitare "116.611" dopo il simbolo di cancelletto.

10 Fare clic sul pulsante "Style Test" in alto a destra della "Cascading Style Sheet (CSS)" finestra di dialogo per visualizzare le modifiche apportate. Se si è soddisfatti, scorrere verso il basso la finestra di dialogo e ripetere i passaggi da 7 a 9 per qualsiasi altra "color:" le linee che si desidera modificare. In caso contrario, continuare a provare nuovi codici colore evidenziando e cancellando l'ultimo codice e controllare la tabella di esadecimale per i codici di sostituzione. Fare clic sul pulsante "Style Test" dopo ogni modifica.

11 Fare clic sul pulsante "Salva modifiche" nella parte inferiore della "Cascading Style Sheet (CSS)" finestra di dialogo, una volta completate le modifiche. Guardate il vostro effettiva applicazione e assicurarsi che si è soddisfatti della nuova combinazione di colori. In caso contrario, reinserire il back-end secondo le istruzioni ai punti 2 e 3 e ripetere i passaggi da 7 a 9 per ogni "colore:" le linee che si desidera modificare.

12 Fare clic sul prompt di disconnessione in alto a destra del vostro back-end per terminare la sessione di amministrazione. Entra di nuovo come da Fase 1 se si desidera utilizzare l'applicazione Nabble come al solito.