Come fare Invisionfree Skins

September 6

Come fare Invisionfree Skins


Trovare un forum Invisionfree può essere un processo scoraggiante per il nuovo amministratore del forum, e la creazione di una pelle adatta può rivelarsi impegnativo come bene. pelli Invisionfree hanno due principali strumenti di pelle: "Wrapper da tavolo" e "gestire fogli di stile." Utilizzare questi strumenti per creare una pelle su misura per un forum Invisionfree.

istruzione

1 Scegliere un semplice schema a tre colori per la pelle che ha due colori simili molto vicini in ombra, e una forte, colore contrastante. Ad esempio, scegliere il bianco, bianco sporco e rosso, o due tonalità di blu navy e arancio. Lo strumento di creazione tavolozza a ColourLovers.com è utile per questo passo.

2 Modificare il codice esadecimale body bgcolor = "# FFFFFF" per uno dei colori che hai scelto in precedenza. Trovare questo al vertice della casella di testo "Intestazione & Body" nell'opzione "wrapper di società" sotto "Creare & Stili" in Admin CP. Il codice esadecimale è #FFFFFF nella pelle da tavolo originale, e le palette darà un codice esadecimale per ogni colore più scuro color.The o il colore più brillante nella tavolozza sono spesso i più efficaci come un colore di sfondo.

3 Vai a "Gestione Fogli di stile" sotto "Creare & Stili" in Admin CP. Copiare tutto il testo nella casella di testo e incollarlo in un editor di testo semplice come Blocco note, che dà la possibilità di utilizzare "Trova" e "Trova e sostituisci". Questo è il foglio di stile CSS per la progettazione forum.

4 Trova le intestazioni di categoria, che sono i titoli azzurri sulla pelle originale che hanno una sezione di tavole sotto sulla vista indice principale del forum. Cerca nel vostro editor di testo per ".maintitle." Rimuovi "/tile_back.gif" rel = target "nofollow" = "_blank"> http://209.85.12.234/style_images/<#IMG_DIR#> /tile_back.gif ", ma lasciare la parentesi Pasta background-color.: # 000000;.. a destra dopo il {, lasciando uno spazio prima e dopo il testo incollato Sostituire il codice esadecimale con il codice esadecimale del brillante, colore contrastante nella palette Se il testo è difficile da leggere, sostituire entrambi i codici esadecimali in .maintitle e .maintitle a: link per il colore: #FFFFFF per un testo leggero o # 000000 per un testo scuro, o utilizzare uno degli altri colori nella tavolozza.

5 Seguire la stessa procedura come al punto 4 per l'elemento ".titlemedium", che si trova proprio sopra ".maintitle", che cambieranno il colore dei titoli di bordo. Utilizzare uno degli altri colori e un colore del testo a contrasto.

6 Cerca nel vostro editor di testo per post1. L'elemento post2 dovrebbe essere proprio sotto post1. Modificare il codice esadecimale in post1 a uno dei tuoi simili colori della tavolozza, e in post2 sostituire il codice esadecimale con l'altro colore simile. Il colore più chiaro in entrambi gli elementi funziona bene, anche.

7 Fare una ricerca nell'editor di testo per #FFFFFF, e sostituire tutte le istanze con il colore leggermente più chiaro. Fare lo stesso per # E4EAF2 e # F5F9FD.

8 Continuare lo stesso processo come al punto 7 per sostituire i codici esadecimali # D1DCEB, # DFE6EF, # BCD0ED e # C2CFEF con il colore più scuro.

9 Cerca "postlinksbar" e rimuovere il link immagine di sfondo, lasciando intatta la parentesi.

10 Scorrere fino alla parte superiore della pagina del CSS nel vostro editor di testo. Trovare la a: link, a: elementi attivi: visited, a. Cambio color: # 000 per il codice esadecimale del colore contrastante. Copiare e incollare il CSS nella scatola Invisionfree CSS area di testo, e clicca su "Modifica CSS" in fondo alla pagina.

Consigli e avvertenze

  • Commutazione le scelte di colore in diversi elementi in grado di creare un effetto completamente diverso. Nel foglio di stile CSS, il nome nella parte anteriore dell'elemento corrisponde all'elemento forum. Il forum Invisionfree supporto ha una lista che spiega ogni elemento CSS in dettaglio per ulteriori personalizzazioni.
  • Le immagini sono efficaci nel forum pelli, ma i visitatori sono spesso frustrati da immagini che sono troppo luminose e occupato. immagini gradiente possono essere utilizzate come categoria e titolo bordo bar, e senza soluzione di continuità immagini affiancate sono sfondi efficaci. Molti forum su Invisionfree riempiranno le richieste per la grafica e la grafica hanno già pronti disponibili per l'uso.
  • Se si commettono errori che non si può risolvere, il forum di supporto Invisionfree ha involucri bordo di default e CSS.