Hvordan lage InvisionFree Skins

Hvordan lage InvisionFree Skins


Finne en InvisionFree forum kan være en krevende prosess for det nye forumet administrator, og skape en passende hud kan være utfordrende også. InvisionFree skins har to hoved hud verktøy: "Board Pakkemaskiner" og "Administrer Style Sheets". Bruk disse verktøyene for å lage et tilpasset huden for en InvisionFree forum.

Bruksanvisning

1 Velg en enkel, tre-fargevalg for huden din som har to lignende farger kloss i skyggen, og en sterk, kontrastfarge. For eksempel kan du velge hvit, off-white og rød, eller to nyanser av marine og oransje. Paletten etableringen verktøyet på ColourLovers.com er nyttig for dette trinnet.

2 Endre heksadesimalkoden kroppen bgcolor = "# FFFFFF" til en av de fargene du valgte tidligere. Finn dette på toppen av "Header & Body" tekstområdet boksen i "Board Pakkemaskiner" under "Skinning og Stil" i Admin CP. Hex kode er #FFFFFF i det opprinnelige styret huden, og palettene vil gi en hex kode for hver color.The mørkeste fargen eller den lyseste fargen i paletten er ofte de mest effektive som en bakgrunnsfarge.

3 Gå til "Manage Style Sheets" under "Skinning og Stil" i Admin CP. Kopier all teksten i tekstområdet, og lim den inn i en enkel tekst editor som Microsoft Notisblokk, som gir muligheten til å bruke "Finn" og "Søk og erstatt". Dette er CSS stilark for forumet design.

4 Finn kategorioverskrifter, som er de lyseblå titler på den opprinnelige hud som har en del av styrene under på hovedindeksen visning av forumet. Søk i en teksteditor for ".maintitle." Fjern "/tile_back.gif" rel = "nofollow" target = "_blank"> http://209.85.12.234/style_images/<#IMG_DIR#> /tile_back.gif ", men la parentes Lim background-color.: # 000000;.. rett etter {, og etterlater et mellomrom før og etter den innlimte teksten Erstatt hex koden med hex-kode av den lyse, kontrastfarge i paletten Dersom teksten er vanskelig å lese, erstatte begge hex-koder i .maintitle og .maintitle a: link for color: #FFFFFF for en lett tekst eller # 000000 for en mørk tekst, eller bruke en av de andre fargene i paletten.

5 Følg de samme trinnene som i trinn 4 for element ".titlemedium", som ligger like ovenfor ".maintitle", som vil endre fargen på styre titler. Bruk en av de andre fargene og en kontrasttekstfarge.

6 Søk i en teksteditor for post1. Den post2 element bør være rett under post1. Endre hex koden i post1 til en av lignende palett farger, og i post2 erstatte hex koden med andre lignende farge. Den lysere farge på begge elementene fungerer godt, også.

7 Gjør et søk i teksteditor for #FFFFFF, og erstatte alle forekomster med litt lysere farge. Gjør det samme for # E4EAF2 og # F5F9FD.

8 Fortsett den samme prosessen som i trinn 7 for å erstatte hex koder # D1DCEB, # DFE6EF, # BCD0ED og # C2CFEF med mørkere farge.

9 Søk etter "postlinksbar" og fjerne bakgrunnsbildet linken, forlater parentes intakt.

10 Rull til toppen av siden av CSS i en teksteditor. Finn en: link, a: besøkte, noen: aktive elementer. Endre color: # 000 til hex koden til kontrastfarge. Kopier og lim inn CSS tilbake i InvisionFree CSS tekstområdet boksen, og trykk "Rediger CSS" nederst på siden.

Hint

  • Bytte fargevalg i forskjellige elementene kan skape en helt annen effekt. I CSS Style Sheet, navnet på forsiden av elementet tilsvarer forumet element. Den InvisionFree Support forum har en liste som forklarer hvert CSS element i detalj for ytterligere tilpasning.
  • Bildene er effektive i forum skins, men besøkende er ofte frustrert av bilder som er for lyse og opptatt. Gradient bilder kan brukes som kategori og styret overskrift, og sømløst flislagte bilder er effektive bakgrunner. Mange fora på InvisionFree vil fylle forespørsler for grafikk og har ferdige grafikk tilgjengelig for bruk.
  • Hvis du gjør feil som du ikke kan fikse, har InvisionFree Support forum standard bord wrappers og CSS.