Hvordan lage IPB Skins

For de siste 10 årene har Invision Power Services Inc. vært å lage Invision Power Board, ofte referert til som IPB, en PHP og MySQL basert forum programvare som har blitt brukt på nettsamfunn av enheter som NASA, NBC, O'Reilly og Skype.

Lage din egen hud, eller design mal for IPB krever litt av HTML og mye av CSS kunnskap. Men ved å bygge din egen custom skin, du kan helt tilpasse utseendet og preget av forumet.

Bruksanvisning

1 Lag en utvikling bord. Når du lager en ny hud for IPB, er det best å starte med en ny installasjon av forumet. Dette vil sikre at hvis du gjør noen feil, vil det ikke påvirke din viktigste forum. Sett en ny installasjon av Invision Power Board på ditt webhotell eller på din lokale verten ved hjelp av en server applikasjon som XAMPP.

2 Fylle ditt forum med noen test innlegg og data. Du ønsker å legge til noen data til forumet slik at du kan se hvordan stil endringene vil påvirke det. På et minimum, vil du ønsker å ha en normal forum, en omdirigering forum, en sub forum og en låst forum. Du vil også være lurt å lage noen innlegg i forumet, inkludert en lukket post, et innlegg flyttet, en ikke godkjent innlegg, et nytt innlegg, en lese innlegg, en festet innlegg og en kunngjøring innlegg.

3 Logg deg på admin kontrollpanelet. Klikk på fanen "Ser og Feel". Dette vil vise deg en liste over skins allerede installert.

4 Klikk på "Ny mal" -knappen i tabelloverskriften. I den resulterende drop-down, gi den nye huden et navn. Når malen er opprettet, klikker du på navnet for å gå til huden siden.

5 Klikk på "Rediger innstillinger" -knappen og sett "Cache CSS til tekstfil" til "Ja." Dette vil bidra til å få fart på CSS utvikling.

6 Finn ID-nummeret til den nye malen sett. Klikk på "Rediger innstillinger" -knappen igjen og inspisere nettadressen i nettleseren. På slutten av URL, bør det være et tall. Dette er ID-nummeret til huden din.

7 Last ned din stilark. Start din FTP-program og gå til forum installasjon. Under forumet rot, er stilarket som ligger under "/style_images/css_ID.css" der ID er ID-nummeret ditt stilark.

8 Rediger stilark. Ved hjelp av din favoritt CSS editor, legge til og endre CSS-koder og regler til din smak.

9 Når du er ferdig med å redigere, gå tilbake til "Looks & Feel" menyen på forumet. Velg ny hud, velg deretter "drop-menyen." Under denne menyen, velg "Edit stil Avansert modus." Kopier og lim inn CSS fra redaktøren i tekstboksen for stilark siden. Lagre endringene.

10 Skape bilder for å matche utseendet og følelsen av brettet. Start med å laste ned en henvisning sett med bilder. Du kan finne disse under ditt forum rot i mappen "style_images." Last ned denne mappen til skrivebordet og endre navn på mappen for å matche navnet på huden din som du oppretter.

11 Arbeid gjennom bildene ved å redigere dem i et bilderedigeringsprogram, eller lage din egen. Det er lurt å holde bilde navnene det samme for å kontrollere at alt laster riktig når du laster opp din nye bildemappen tilbake til forumet.

12 Last opp din nye bildet satt mappen til "style_images" -mappen og tilordne dem til huden din sett. Du kan tildele bildene ved å navigere til malen under "Ser og føles" -fanen og deretter velge Rediger innstillinger. Under "Bruk bilde Directory?" feltet, velger du navnet på mappen du nettopp lastet opp.

1. 3 Videre tilpasse HTML av forumet ved å velge "Rediger mal HTML" fra "Looks & Feel" -menyen. Dette vil vise deg en liste over alle maler som brukes i å lage brettet. For å redigere, bare å navigere til malen du ønsker å endre og modifisere HTML. Når du er ferdig med å redigere, velg "Lagre mal Bit" -knappen.

Hint

• Når du er ferdig med å redigere, er det best å se dine endringer med en rekke populære nettlesere for å sørge for at forumet ser ut som du hadde tenkt for alle besøkende.
• Lag alltid en sikkerhetskopi mappe med bilder, stilark og HTML biter før du begynner å redigere, slik at du kan gå tilbake til dem hvis du gjør en feil.