Hoe te InvisionFree Skins maken

De huid van uw InvisionFree forum. het forum door dinostock uit Fotolia.com

vinden van een InvisionFree forum kan een ontmoedigende proces voor het nieuwe forum beheerder te zijn, en het creëren van een geschikte huid kan bewijzen uitdagend ook.InvisionFree skins hebben twee belangrijke huid instrumenten: "Raad Wrappers" en "Manage Style Sheets."Gebruik deze tools om een ​​op maat gemaakte skin voor een InvisionFree forum te creëren.

wat je

  • Een InvisionFree forum nodig met u geregistreerd als beheerder

instructies

  1. Kies een eenvoudig, drie-kleurenschema voor uw huid die twee soortgelijke kleuren zeer dicht in de schaduw, en een sterke, contrasterende kleur heeft.Kies bijvoorbeeld wit, gebroken wit en rood, of twee tinten marine blauw en oranje.Het palet creatie tool op ColourLovers.com is nuttig voor deze stap.

  2. Wijzig de hexadecimale code body bgcolor = "# FFFFFF" naar een van de kleuren die u eerder hebt gekozen.Vind dit op de top van de "Kop & amp; Body" tekstgebied box aan de "

    Raad wrappers" optie onder "Skinning & amp; Styles" in het Admin CP.De hexadecimale code is #FFFFFF in de originele bord huid en de paletten een hexadecimale code voor elke color.The donkerste kleur en de helderste kleur in het palet geven zijn vaak het meest effectief als een achtergrondkleur.

  3. Ga naar "Beheer Style Sheets" onder "Skinning & amp; Styles" in het Admin CP.Kopieer alle tekst in het tekstvak gebied en plak het in een eenvoudige tekstverwerker zoals Microsoft Notepad, die de mogelijkheid om te gebruiken "zoeken" en geeft "Zoeken en vervangen."Dit is de CSS style sheet voor het forum ontwerp.

  4. Vind de categorie headers, waarvan de lichtblauwe titels op de originele huid die een deel van de platen onder aan de belangrijkste index zicht op het forum hebben zijn.Zoek in uw tekstverwerker voor ".maintitle."Verwijderen "http://209.85.12.234/style_images/<#IMG_DIR#>/tile_back.gif," maar laat de haakjes.Pasta background-color: # 000000;direct na de {, laat een ruimte voor en na de geplakte tekst.Vervang de hexadecimale code met de hexadecimale code van de felle, contrasterende kleur in je palet.Als de tekst is moeilijk te lezen, vervangt zowel de hex-codes in .maintitle en .maintitle a: link voor color: #FFFFFF voor een lichte tekst of # 000000 voor een donkere tekst, of gebruik maken van een van de andere kleuren in het palet.

  5. Volg dezelfde stappen als in stap 4 voor het element ".titlemedium," die is gevonden recht boven ".maintitle", die de kleur van het bord titels zal veranderen.Gebruik een van de andere kleuren en een contrasterende kleur van de tekst.

  6. Zoek in uw tekstverwerker voor post1.De post2 element moet recht onder post1 zijn.Wijzig de hexadecimale code in post1 een van uw vergelijkbaar palet kleuren, en in post2 vervang de hexadecimale code met de andere dezelfde kleur.De lichtere kleur in beide elementen werkt goed, ook.

  7. Doe een zoekopdracht in de tekst editor voor #FFFFFF, en vervang alle gevallen met de iets lichtere kleur.Doe hetzelfde voor # E4EAF2 en # F5F9FD.

  8. verder hetzelfde proces als in stap 7 tot en hex-codes # D1DCEB, # DFE6EF, # BCD0ED en # C2CFEF vervangen door de donkere kleur.

  9. Zoeken naar "postlinksbar" en verwijder de achtergrondafbeelding koppeling, waardoor de haakjes intact.

  10. Scroll naar de bovenkant van de pagina van de CSS in uw tekstverwerker.Vind de a: link a: visited, a: actieve elementen.Change color: # 000 naar de hexadecimale code van uw contrasterende kleur.Kopieer en plak de CSS terug in de InvisionFree CSS tekst gebied in en klik op "Bewerken CSS" aan de onderkant van de pagina.

Tips & amp;Waarschuwingen

  • Omschakelen van de kleur keuzes in verschillende elementen kan een heel ander effect te creëren.In de CSS Style Sheet, de naam aan de voorzijde van het element overeenkomt met het forum element.De InvisionFree Ondersteuning forum heeft een lijst die elk CSS element in detail voor de verdere aanpassing verklaart.
  • Afbeeldingen zijn effectief in het forum skins, maar bezoekers worden vaak gefrustreerd door beelden die te licht en druk zijn.Gradiënt beelden kunnen worden gebruikt als categorie en karton titel bars, en naadloos betegelde beelden effectief achtergronden.Veel forums op InvisionFree zal verzoeken om graphics te vullen en hebben en-klare graphics beschikbaar voor gebruik.
  • Als je fouten die je niet kan repareren maken, de InvisionFree Ondersteuning forum heeft standaard board wrappers en CSS.

Resources

  • ZathyusNetwork: InvisionFree & amp;Zetaboards Forum Resources
  • RPG Gids: villen Klassen en Gidsen
306
0
1
Web Design