Hopp til innhold

Nettside på minutter!

Nå er det blitt enda enklere å Mekke en webside via
vår nye veiviser for Mekke.no. 



Brukerveiledning til Mekke-maler

Brukerdata

Disse inneholder tekst tatt direkte fra publiseringsverktøyet. Alle disse kan endres enkelet av kunden.
Om disse skal brukes til footer, så bør man heller bruke {FOOTER}-variabelen, da denne automatisk fjerner/legger til verdiene kunden har fylt ut, så man unngår tomme felt.

{name} :Firmanavn
{email
} :E-post
{address} :Adresse
{zip} :Postnr. og -sted
{phone} :Telefonnummer
{fax} :Faksnummer
{address2} :Alt. addresse
{zip2} :Alt. postnr. og -sted
{phone} :Alt. telefonnummer
{fax2} :Alt. faksnummer
{extra_text} :Felles infotekst


Bildedata

Disse bør brukes for statiske bilder som kunden evt. vil kunne ha muligheten til å oppdatere i framtiden. De lagres/oppdateres enkelt via menypunktet 'Logo' i mekke-administrasjonen.

{logo} :Hovedlogo
{logo2}
{logo3}

Disse variablene inneholder HTML kode for å vise bildet, inkludert link. Linken er også definérbar via administrasjonspanelet.

{logo} kan f.eks. inneholde <a href="/"><img src="/path/to/image.jpg"></a>.

Om man bare vil ha tak i linken (det som ligger innenfor href-attributtet), kan man bruke {logolink}, {logo2link} og {logo3link}.

Dynamisk data

Disse variablene blir generert automatisk av mekke.

{title} : Tittel på siden (bør brukes i <title> taggen)
{menu} : Menyen
{content} : Sideinnhold
{FOOTER} : Standard footer

Statisk data

{bigger_fonts} : Legger til tre knapper som kan brukes til å justere font-størrelse på sidene.

Bilder i templaten

Hvis det skal settes inn bilder i malen, lastes disse opp på vanlig måte til hjemmeområdet ditt med FTP.

F.eks. kan man laste opp et bilde til /eksempel.no/html/bilder/bilde.jpg, og sette inn bildet i malen slik: <img src="/bilder/bilde.jpg"> eller <img src="http://www.eksempel.no/bilder/bilde.jpg">.

Utskriftsvennlig side

Om malen skal inneholde en link til en utskriftsvennlig versjon av siden man er inne på, brukes {printsafe_link}. Om man bruker {FOOTER} til å generere footeren, så inneholder denne allerede en slik link.
Eksempel:
<a href="{printsafe_link}">Utskriftsvennlig versjon</a>
.. hvor da "Utskriftsvennlig versjon" kan byttes ut med for eksempel et ikon eller en annen tekst.

Kode for søk

<form method="POST" action="">
<input type="text" name="search">
<input type="submit">
</form>

Meta-tagger (Til søkeoptimalisering)

For å inkludere META keywords/description brukes {head_extras}. Legg dette inn et sted i <head>, f.eks:

<head>
<title>{title}</title>
{head_extras}
</head>

Meny på toppen

Her er malen:
ul#mainmekkemenu li {
display: inline;
padding-left: 8px;
padding-right: 8px;
}

"display: inline;" som gjør den vertikal; resten kan justeres. Legg inn color: #fargekode; og font-size: <tall>px; osv for å formattere menyen.

Meny med "mouse-over"-funksjon

ul#mainmekkemenu li {
float: left;
margin-right: 10px;
}

ul#mainmekkemenu li a {
color: black;
text-decoration: none;
display: block;
padding: 6px;
padding-left: 12px;
padding-right: 12px;
}

/* Gjør så det blir svart når man er inne på dette menypunktet, eller har musa over linken */ ul#mainmekkemenu li.menu-selected, ul#mainmekkemenu li:hover {
background-color: black;
}

/* Gjør så teksten blir hvit da også */
ul#mainmekkemenu li.menu-selected a,
ul#mainmekkemenu li:hover a {
color: white;
}

Del denne siden med andre!

Share on FacebookShare on Twitter