Hvor å Endre Theme Farger i SMF

Hvor å Endre Theme Farger i SMF


Simple Machines Forum (SMF) er et populært valg blant eiere for sin hastighet, funksjonalitet og brukervennlighet tilpasning. Hvert tema er opprettet ved hjelp av standard PHP malfiler, som er bygget ved hjelp av en blanding av HTML og SMF "malkodene", eller utdrag av PHP-kode for å trekke inn deler av forumet. Den visuelle utseendet av temaet er definert med gjennomgripende stilark (CSS), som er enkelt å redigere selv om du har lite erfaring.

Bruksanvisning

1 Last ned et eksemplar av temaet du ønsker å tilpasse. Du kan ta en ny kopi fra SMF Theme depotet, eller bare laste ned tema-mappen fra Web-serveren.

2 Last ned og installer Firebug tillegget for Firefox. Du kan også bruke Opera, som har Firebug funksjonalitet innebygd. Åpne forum i en ny fane nettleser og høyre-klikk på et element, slik som den viktigste forum linken, og velg "Inspiser Element". Et vindu vises med linjen av HTML som tilsvarer den valgte element til venstre, og dens CSS stil til høyre. Helt til høyre på CSS stil er filnavnet på stilarket, hvor stilen er definert. Ved å bruke Inspiser Element, kan du enkelt finne ut hvilken fil du vil redigere.

3 Åpne tema-mappen på datamaskinen og finn stilark angitt i Firebug vinduet. De fleste stiler er lokalisert i "style.css", som vil være til stede i temaets hovedmappen. Andre stiler kan også inngå i en "css" sub-mappen.

4 Åpne stil du ønsker å redigere i en tekst eller HTML-editor, og finn velgeren for elementet du ønsker å tilpasse. For eksempel kan du endre fargen for alle ledd i tema som ikke har en egendefinert stil ved å endre "farge" verdien av "en: link", "a: hover," og "a: besøkte" stiler, som ser omtrent slik ut:

en kobling

{

color: #000;

text-decoration: none;

}

a: besøkt

{

color: #000;

text-decoration: none;

}

a: hover

{

text-decoration: underline;

}

For å gjøre alle koblinger vises som rød, kursiv og fet, du ville endre "a: link" stil som følger:

en kobling

{

color: #ff0000;

text-decoration: none;

font-style: italic;

font-weight: bold;

}

5 Åpne eventuelle andre stilark som følger med tema, og fortsett å redigere fargeverdiene som du ønsker, bruker Firebug for å finne ut hvilke stiler påvirker hva. Når du er ferdig, lagre filene dine og laste opp temaet til webserveren hvor SMF er installert.

Opphever standard CSS Med en Mod

6 Last ned en mod fra den offisielle SMF nettsiden for å unngå å gjøre endringer i tema kjernefiler, som kan overskrives neste gang du oppdaterer SMF eller temapakken. Klikk på "Tilpass", klikk på "Mod nettstedet" under søkemotoren til venstre og søk etter etter "css overstyring." Last ned den nyeste versjonen av mod ved å klikke på ZIP-filen linken på høyre side.

7 Installer mod ved å åpne Package Manager i SMF Administration panel. Klikk på "Bla gjennom Pakker," klikk på "Browse" for å laste opp "css styrer valgene" mod. Følg instruksjonene for å installere.

8 Klikk på "Configuration> Modifikasjon Innstillinger> Diverse». når installasjonen er vellykket. Legg inn et egendefinert CSS til boksen, eller bruke Firebug metoden ovenfor for å kopiere eksisterende stiler og lime dem inn i Custom CSS-boksen. Gjør ønskede endringer og klikk "Lagre".