Hvordan laver InvisionFree Skins

Hud din InvisionFree forum . forum billede ved dinostock fra Fotolia.com

Finde en InvisionFree forum kan være en skræmmende proces for den nye forum administrator, og skabe en egnet hud kan bevise udfordrende så godt.InvisionFree skind har to primære hud værktøjer: "Board Pakkemaskiner" og "Administrer Style Sheets".Brug disse værktøjer til at skabe en tilpasset huden en InvisionFree forum.

hvad du har brug

  • En InvisionFree forum med dig registreret som administrator

Instruktioner

  1. Vælg en enkel, tre-farveskema for din hud, der har to lignende farver meget tæt i skygge, og en stærk, kontrastfarve.Vælg for eksempel hvid, råhvid og rød, eller to nuancer af navy blå og orange.Paletten oprettelsen værktøj på ColourLovers.com er nyttigt for dette skridt.

  2. Skift hex koden krop bgcolor = "# FFFFFF" til en af ​​de farver, du har valgt tidligere.Find denne på toppen af ​​"Header & amp; Body" tekstområdet boksen i "Board Pakkemaskiner" under "Skinning & amp; Styles" i Admin CP.Hex kode er #

    FFFFFF i den oprindelige bestyrelse hud og paletterne vil give en hex kode for hver color.The mørkeste farve eller den lyseste farve i paletten er ofte de mest effektive som en baggrundsfarve.

  3. Gå til "Manage Style Sheets" under "Skinning & amp; Styles" i Admin CP.Kopier hele teksten i boksen tekst området og indsætte det i en simpel teksteditor som Microsoft Notepad, som giver mulighed for at bruge "Find" og "Søg og erstat".Det er den CSS stil ark til forummet design.

  4. Find kategorien overskrifter, som er de lyseblå titler på den oprindelige hud, der har en del af brædder nedenunder på de vigtigste indeks visningen af ​​forummet.Søg i din tekst editor til ".maintitle."Fjern "http://209.85.12.234/style_images/<#IMG_DIR#>/tile_back.gif," men lad parentes.Pasta background-color: # 000000;lige efter {, efterlader et mellemrum før og efter den indsatte tekst.Udskift hex koden med hex-koden for den lyse, kontrastfarve i din palet.Hvis teksten er svær at læse, udskifte begge hex koder i .maintitle og .maintitle en: link for farve: #FFFFFF til en let tekst eller # 000000 for en mørk tekst, eller brug en af ​​de andre farver i din palet.

  5. Følg de samme trin som i trin 4 for elementet ".titlemedium", som findes lige over ".maintitle", som vil ændre farven på bestyrelsens titler.Brug en af ​​de andre farver en kontrastfarve tekstfarve.

  6. Søg i din tekst editor til post1.Det post2 element bør være lige under post1.Skift hex kode i post1 til en af ​​dine lignende palet farver, og i post2 erstatte hex koden med de andre lignende farve.Den lysere farve i begge elementer fungerer godt, også.

  7. gøre en søgning i teksteditoren til #FFFFFF, og erstatte alle forekomster med den lidt lysere farve.Gør det samme for # E4EAF2 og # F5F9FD.

  8. Fortsæt den samme proces som i trin 7 for at erstatte hex koder # D1DCEB, # DFE6EF, # BCD0ED og # C2CFEF med mørkere farve.

  9. Søg efter "postlinksbar", og fjerne linket baggrundsbillede, forlader parentes intakt.

  10. Rul til toppen af ​​siden af ​​CSS i din tekst editor.Find a: link, a: besøgte, en: aktive elementer.Skift farve: # 000 til hex kode din kontrastfarve.Kopier og indsæt CSS tilbage i tekstområdet boksen InvisionFree CSS, og klik på "Rediger CSS" nederst på siden.

Tips & amp;Advarsler

  • Skift farve valg i forskellige elementer kan skabe en helt anden effekt.I CSS Style Sheet, navnet på forsiden af ​​elementet svarer til forummet element.Den InvisionFree Support forum har en liste, der forklarer hvert CSS element i detaljer for yderligere tilpasning.
  • billeder er effektive i forum skind, men besøgende er ofte frustreret over billeder, der er for lyse og optaget.Gradient billeder kan bruges som kategori og bestyrelsen titellinjerne og problemfrit flisebelagt billeder er effektive baggrunde.Mange fora på InvisionFree vil fylde anmodninger om grafik og har færdige grafik til rådighed til brug.
  • Hvis du laver fejl, som du ikke kan løse, det InvisionFree Support forum har standard board indpakningsmaterialet og CSS.

Ressourcer

  • ZathyusNetwork: InvisionFree & amp;ZetaBoards Forum Ressourcer
  • RPG Register: Skinning Klasser og vejledninger
250
0
1
Webdesign