Her er en oversikt over stiler som er/skal være i alle tema 'styles.css' - stilmalen for siden din.
Alle tema vil ha andre stil-classer som bare de bruker, men de classer som her er demonstrert brukes gjennomgående i hele PHP-Fusion.
Derfor - stilene her må finnes alle tema.
Nederst finner du et eksempel på en 'styles.css' med bare standard PHP-Fusion 7 CSS. Filen som er brukt er fra Gillette-temaet av Nick Jones.
Skrevet av Sveinung Skjærseth den 2. juli 2008
Sist oppdatert: 25. februar 2009
Dette er et navigasjonspanel som kan ha det utseendet du vil
Her er standard class'er som panelet trenger for å virke:
#navigation - wrapper for navigeringspanelet
#navigation h2 - det samme som .side-label i det vanlige navigeringspanelet.
#navigation ul - stil for ul listen som utgjør navigeringspanelet ditt.
* html #navigation ul li, #navigation a {height: 1%;} - et lite "hack" for Internet Explorer
#navigation a - lenkestil
#navigation a:hover - lenkestil når musen peker på lenken
#navigation a span - span stil for lenkene (padding osv.).
CSS Toppnavigering
Den samme teknikken som brukt i CSS Navigeringspanelet kan også brukes i toppnavigeringen (menybjelken).
Classer og teknikken er opp til den som lager temaet, og vil ikke forklares nærmere. Men muligheten er nå der.
TinyMCE
Alle som bruker TinyMCE vil oppleve at bakgrunnen i editor-vinduet blir preget av body classen. I tema med mørk bakgrunn/grafikk i body bør denne css'en legges til hvis den ikke allerede er der:
GeSHi: CSS
/* TinyMCE specific rules */
body.mceContentBody{background:#FFF;color:#000;}
.mceContentBody a {color:blue !important;/* FX requires a important here */}
Parset på 0.022 sekunder, ved hjelp av GeSHi 1.0.8.10
Vanlige class'er - andre
Det er andre class'er som er vanlig å bruke, men disse varierer fra tema til tema.
a.white - ofte brukt for lenker i toppnavigering (menybjelke) full-header - ofte brukt for header/banner sub-header - ofte brukt for å bestemme utseende på tabeller/div's som holder menybjelken
Følgende class'er / id'er er svært viktig for hvordan temaet oppfører seg:
.side-border-left (eller #side-border-left) - venstre sidepanel bakgrunn og oppførsel .side-border-right (eller #side-border-right) - høyre sidepanel bakgrunn og oppførsel .side-left/#side-left .side-border-right {display: none;} - brukes for å gjemme venstre sidepaneler hvis bestemt i Hovedinnstillinger. .side-right/#side-right .side-border-left {display: none;} - brukes for å gjemme høyre sidepaneler hvis bestemt i Hovedinnstillinger.
Class'en .news-category brukes for å posisjonere nyhetkategori-ikoner.
.shoutbox
Lagt til nyhet på forsiden!
den 01. juli 2008 21:14
den 01. juli 2008 21:20
den 02. juli 2008 18:39
den 06. juli 2008 23:51