This page in: English - Deutsch - Español - Français - Italiano - Lietuvių - Nederlands - Norsk - Polski - Русский - Svenska - Tiếng Việt - عربي - 日本語 简体中文
Tilpassing av standard sidemaler
Alle standad sidemaler som følger med CMS Made Simple er mer eller mindre laget ut fra den samme HTML koden. De eneste forskjellene er hva slags meny som brukes og hvorvidet det er en eller flere innholdsblokker. Reten er stilsatt utelukkende med CSS.
Dette er fordi CMS Made Simple standard sidemaler ikke bruker tabeller. I stedenfor brukes <div> tagger for å definere hver enkelt innholdsblokk på siden. Posisjon og stil for hver av disse div blokkene kan da tilpasses med CSS.
Vi vil her gå gjennom en sidemal bit for bit, for å forklare hva det er og hva du kunne ønske å endre.
Stilen og utseendet blir deretter tilpasset i stilarket som er koblet til hver enkelt mal.
Deklarering av DOCTYPE og spesiefisering av språk
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Dette er DOCTYPE (dokument type deklarasjon). Den forteller nettlseren hvilken versjon av (X)HTML som ditt dokument bruker, slik at det kan tolkes riktig. Det er også nødvendig for at godkejnningsverktøy skal kunne kontrollere syntaksen for din kode.
De to første linjen kan stå uforandret. Hva du kan trenge å endre er språk deklarasjonen i <HTML> taggen. Her spesifiseres det hviket språk som anvendes for sideinnholdet. Endre "en" til den to-bokstavs-koden for ditt foretrukne språk (nb=norsk bokmål).
Les mer om DOCTYPE hos W3C.
Koder for representasjon av navn på språk
Head element tagger
<head>
<title>{sitename} - {title}</title>
{stylesheet}
{metadata}
</head>
Det som befinner seg mellom <title> taggene vil framstå i nettleserens tittel felt. {sitename} er definert i Nettsted Admin->Globale Innstillinger. Dersom du også ønsker at dette navnet skal vises på hver side, kan du føye til taggen {title}. Taggen {title} er en plassholder som blir erstattet med tittelen for den gjeldende siden slik du har oppgitt. (Innhold -> Sider -> rediger/Legg til side).
Taggen {stylesheet} lenker inn alle stilark som du har koblet til malen. Det betyr at at du bare trenger å legge til denne taggen en gang, og alle stilark vil bli lenket inn her.
Taggen {metadata} vil sette inn alle metadata som du har oppgitt i Nettsted Admin->Globale Innstillinger for globale metadata, så vel som ekstre metadata som du kan oppgi for hver side under tabben Alternativer i Innhold -> Sider -> rediger/Legg til side
#pagewrapper
<body> <div id="pagewrapper">
Dette er den div blokken som hele siden er inneholdt i. I stiarket kan du bestemme bredden for siden, hvorvidt cen skal sentreres og så videre.
Hvordan tilpasse pagewrapper:
- Se etter div#pagewrapper i et av stilarkene som har et navn som starter med Layout.
#header
<div id="header">
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
<hr class="accessibility" />
Selektoren #header er i det blokkelementet hvor du finner CMS Made Simple logoen. Som du snart kan se, er det ingen informasjon i malen, men alt innhold i header bestemmes av stilarket. Dette gir en ren HTML kode. Du kan om du vil også føye til tekst eller annen informasjon direkte i malen som du ønsker skal opptre i header.
Hvordan tilpasse header blokken:
- Se etter div#header og div#header h1 a (for lenker) i ett av stilarkene med et navn som begynner med Layout. Dette er hvor du setter bakgrunnsfarge, logo, høydet o.l.
Breadcrumbs
<!-- Start Breadcrumbs -->
<div class="breadcrumbs">
{breadcrumbs starttext='You are here' root='Home' delimiter='»'}
<hr class="accessibility" />
</div>
<!-- End Breadcrumbs -->
Taggen breadcrumbs brukes for lenker som viser besøkende hvor i sidehirearkiet den besøkte siden befinner seg. Det kan se ut omtrent som dette:
Hjemme >> Nivå-side >> Undernivå-side
I CMS Made Simple er det en tagg som automatisk legger til breadcrumbs for hver side: {breadcrumbs}. delimiter="»" betyr at » brukes som skille mellom hvert nivå.
initial='1' betyr at breadcrumbs starter med et skille. Dersom uteleatt eller satt til '0', vil det ikke vises noe skilletegn foran første nivå.
Hvordan tilpasse dette:
- Se etter div.breadcrumbs i et av stilarkene med et navn som begynner med Layout. Der kan du tilpasse skrift, bakgrunn o.l.
- Du kan lese om hvordan du bruker {breadrumbs} taggen ved å klikke Hjelp lenken for Breadcrumbs i Utvidelser -> Tagger i Administrasjonspanelet.
(resten mangler)
...
This page in:
English -
Deutsch -
Español -
Français -
Italiano -
Lietuvių -
Nederlands -
Norsk -
Polski -
Česky -
Русский -
Svenska -
Tiếng Việt -
عربي -
日本語
简体中文
