Tema Guide for PHP-Fusion v6.01.

Størrelse: px
Begynne med side:

Download "Tema Guide for PHP-Fusion v6.01."

Transkript

1 1 av :47 Tema Guide for PHP-Fusion v6.01 Publisert av sveinungs den 18. august :29 Tema Guide for PHP-Fusion v6.01. Sist oppdatert: Innhold: Innledning Theme.php Endre i theme.php Styles.css Bilder og forumknapper Theme_functions_include.php Innledning Mange har spurt om en guide for hvordan man lager sine egne tema (themes) for PHP-Fusion. Jeg vil si at det er mye lettere å gjøre enn å forklare, så derfor er guiden bygget opp rundt eksempler som du selv skal gjøre underveis. Gå igjennom guiden og eksemplene som brukes trinn for trinn, og du vil se at dette ikke er noe hokus pokus. Det er flere måter å lage et tema på, jeg forklarer her grunnfunksjonene, og hvordan du kan endre i dem. En oppskrift fra A til Å på hvordan lage et tema er egentlig ikke mulig å lage. Men tar du deg tid til å følge guiden og gjøre eksemplene, skal du langt på vei være i stand til å lage ditt eget tema når du er ferdig. Forkunnskaper: du trenger ikke kunne så veldig mye, men du må kunne litt grunnleggende html og css. Sjekk ut sider som W3School hvis du er "grønn" på dette området. Det er nødvendig at du har satt deg inn i hvordan strukturen til PHP-Fusion er bygget opp, slik at du finner fram til riktige mapper og filer. Hva trenger du: en tekst editor som lar deg lagre filer i formatene.php og.css (jeg anbefaler PSpad). En FTP klient eller (anbefale varmt) en Localhost (f.eks Uniform Server ) slik at du kan se endringene du gjør. For at det skal bli virkelig gøy og lage tema, skal du installere en Localhost. Da kan du se hvordan endringen du gjør tar seg ut der og da, uten å måtte bruke tid på å laste opp filer og/eller risikere å krasje en nettside som er i produksjon. En bilderedigerings- / tegneprogram er nødvendig hvis du ønsker å lage egen grafikk til temaet. The Gimp er et godt og gratis alternativ, Photoshop er kanskje bedre - men veldig dyrt. Poenget er at du ikke trenger å betale for noen programmer som er nødvendig her. Ok, la oss først ta en titt på strukturen til et tema. Alle themes som siden kan benytte seg av finner du i din_side/themes/navn_for_tema Ta en kopi av temaet Similitude06, og døp det om til Demotema06, vi skal bruke det temaet som et utgangspunkt videre. Åpne mappen Demotema06, det vil bestå av følgende deler theme.php styles.css index.php /forum/ /images/

2 2 av :47 THEME.PHP Åpne theme.php. Jeg har her fjernet det meste av html-en slik at det blir lettere å se de grunnleggende funksjonene, altså det som MÅ være med i et tema for at det skal virke. <?php if (!defined("in_fusion")) { header("location:../../index.php"); exit; require_once INCLUDES."theme_functions_include.php"; Alle php filer må starte med <?php Den neste linjen er lik i alle tema, og skal alltid være der. Nest linje inkluderer en fil vi finner i /includes/ mappen, vi forklarer den nærmer underveis Så settes noen Globale verdier for temaet: // theme settings $body_text = "#555555"; // Tekstfarge hvor styles.css ikke definerer noe annet $body_bg = "#006600"; // Bakrunnsfarge* $theme_width = "100%"; // Bredde på siden (I prosent % eller piksler, 860 osv) $theme_width_l = "175"; // Bredde for venstre sidepanel $theme_width_r = "175"; // Bredde for høyre sidepanel *Kan overstyres i styles.css, f.eks ved å legge inn et bakgrunnsbilde i.body classen Html-en som bygger opp temaet kan gjøres på flere måter. Hvordan du gjør det er opp til hver og en, men temaet må inneholde noen faste funksjoner (funtion) for å virke. function render_header($header_content) { global $theme_width; $header_content"; ".showsublinks("","white")." ".showsubdate().""; "; Function render_header må være der. Her kaller man inn banner, menylinje, dato/klokke. global $theme_width; - brukes for å hente inn verdien vi har satt i $theme_width for enkelte tabeller, slik at vi kan bestemme bredden på de. $header_content henter inn og viser banneret ".showsublinks()." viser linken i menylinjen ".showsubdate()." viser dato/klokkeslett Merk at alle funksjoner åpner og lukkes med { function render_footer($license=false) { global $theme_width,$settings; ".stripslashes($settings['footer']).""; if (!$license) { echo showcopyright().""; echo showcounter()." "; funtion render_footer henter inn bunnteksten for siden. global $theme_width,$settings; - henter igjen inn bredden for siden, og $settings er nødvendig for at din egendefinerte bunntekst vises ved hjelp av ".stripslashes($settings['footer'])."

3 3 av :47 if (!$license) { echo showcopyright()." viser copyrigthen hvis du ikke har kjøpt en lisens..showcounter(). besøksteller Hvordan de to siste ser ut bestemmes I "theme_functions_incude.php", se mer om den senere. function render_news($subject, $news, $info) { $subject $news "; echo openform("n",$info['news_id']).newsposter($info," ").newsopts($info,"").closeform("n",$info['new Her hentes tittel og tekst for nyhetene, samt skjemaet som viser informasjon om hvem som har skrevet nyheten, visninger, kommentarer osv. function render_article($subject, $article, $info) { $subject ".($info['article_breaks'] == "y"? nl2br($article) : $article)." "; echo openform("a",$info['article_id']).articleposter($info," ").articleopts($info,"").closeform("a",$info['a Det samme som for nyheter, bare for artikler. ".($info['article_breaks'] == "y"? nl2br($article) : $article)." gjør at det kommer sideskift i artikkelen hvis du bruker dette. function opentable($title) { $title "; function closetable() { Start og slutt for paneler, f.eks Velkomstpanel. Må også ha en funksjon for å LUKKE innholdet, closetable() function openside($title) { $title "; function closeside() { "; tablebreak(); Samme funksjon, men for alle sidepaneler. I tillegg er det (valgfritt) en funksjon som heter tablebreak(); - den legger inn avstand mellom bunn og topp på neste panel (se tablebreak() forklart lengre ned).

4 4 av :47 function opensidex($title,$state="on") { $boxname = str_replace(" ", "", $title); $title ".panelbutton($state,$boxname)." <div id='box_$boxname'".($state=="off"?" style='display:none'":"").">\n"; function closesidex() { "; tablebreak(); Det samme som openside() men er for paneler som kan åpnes/lukkes. Her er det en div som holder innholdet, og det blir skult/vist alt ettersom panelet lukkes/åpnes. function tablebreak() { <div style='height:5px; line-height: 5px;'></div>"; function tablebreak() definerer en fast avstand mellom topp og bunn av sidepaneler. Her har jeg erstattet Tabellen som Similitude06 bruker med en Div. Det er for å lage litt mindre kode i siden. Mindre html og mer innhold gjør Googlebot glad. OK, det var de kort om de faste funksjonene og hva de gjør. La oss nå endre litt i theme.php og se hva som skjer. ENDRE I THEME.PHP Takket være de globale verdiene som defineres i temaet, kan vi enkelt endre en del viktige ting som har å gjøre med utseendet å gjøre, uten å redigere mye i html-en. Åpne theme.php og finn //theme setting i toppen // theme settings $body_text = "#555555"; $body_bg = "#DDDDDD"; // Endre bakrunnsfarge $theme_width = "960"; // Sett fast sidebredde til 960 punkter $theme_width_l = "190"; // Endre bredden for venstre sidepanel $theme_width_r = "190"; // Endre bredden for høyre sidepanel Sett inn endringene marker med fet skrift og lagre theme.php. Du vil da se at siden allerede ble ganske forskjellig. Legg merke til hvor mye bakrunnsfargen har å si for opplevelsen av siden. Høyre og venstre sidepaneler er blitt litt bredere, og siden har fått en fast bredde. De neste linjene ser slik ut: global $theme_width; <table align='center' cellspacing='0' cellpadding='0' width='$theme_width' class='outer-border'> Dette er hovedtabellen som holder hele siden sammen, og den endrer bredden for hele siden fordi vi bruker global $theme_width; og bruker denne globale verdien her: width='$theme_width' align='center' gjør at siden blir sentrert, du kan bruke align='left' for å venstrejustere hele siden i nettleseren. Det neste vi gjør er å legge til litt ekstra html for å endre bunnen av alle sideelementer. Vi skal

5 5 av :47 style dette litt mer siden når vi ser på styles.css. Finn function closeside() { Dette er funksjonen som lukker alle sideelementer. Legg til en ekstra tabellrad: </td> </tr> <tr><td class='sbottom'> </td></tr> </table>\n"; tablebreak() Når du lagrer vil du ikke se veldig stor forskjell, men bare vent til vi legger til classen.sbottom i styles.css etter hvert. Gjør det samme i function closesidex() men legg også inn colspan= 2. Det er på grunn av at temaet har en ekstra celle for det lille ikonet som brukes for å åpne/lukke elementet. function closesidex() { </div> </td> </tr> <tr><td colspan='2' class='sbottom'> </td></tr> </table>\n"; Noen vil ganske riktig påpeke at denne ekstra html-en er unødvendig, og at vi kan skape den effekten vi skal vise bare ved hjelp av css. Men for å vise hvor og hvordan man legger til ekstra byggeklosser i theme.php har jeg valg denne framgangsmåten. STYLES.CSS Styles.css er en veldig viktig fil. Dette er en "stilmal" for hele siden din. Her kan du bestemme alt som har med farger, skriftstørrelser, marginer, kantlinjer og ikke minst bakgrunnsgrafikk å gjøre. Med mer! Vi bruker temaets "styles.css" fordi dette inneholder noen faste stildefinisjoner som også brukes i de andre php-filer, f.eks news.php og forum/index.php. Husk at styles.css må inneholde disse faste classene i tillegg til de du eventuelt legger til selv for bruk i ditt nye tema. Måten man skriver en slik stilmal på kan variere. Grunnen til at vi skriver litt overflødige ting her er for at det skal være lettere å forstå hvordan ting henger sammen. Hvordan skrive god og effektiv css finnes det mange fine ressurser på ute på nett, noe også på norsk. Nok snikk snakk, la oss se på "styles.css" og endre litt i filen med det samme. Det første vi ønsker å gjøre er å legge til et bakgrunnsbilde som dekker bakgrunnen bak hele siden. Legg bildet i /images/ mappen til Demotema06 med navnet bodybg.gif Finn i styles.css body { font-size : 11px; For at bildet skal vises, legger vi til dette:

6 6 av :47 background-image: url(images/bodybg.gif); body vil da se slik ut: body { font-size : 11px; background-image: url(images/bodybg.gif); Du trenger ikke å legge til repeat osv her, bildet blir repetert for hele bakgrunnen av seg selv. [Lagre] styles.css, og sjekk ut bakgrunnen til siden. Den neste classen vi endrer litt i, er.outer-border { border : 1px solid #000; Den brukes av hovedtabellen i theme.php (i dette temaet) for å gi en kantlinje rundt hele temaet. Vi gjør den litt bredere og endre fargen på den, slik:.outer-border { border : 5px solid #333; Siden vil nå ha fått et bakgrunnsbilde, og en tydelig mørk grå ramme rundt hele siden. Det neste vi vil endre er bakgrunnsfargen bak banneret. Vi kan se litt i theme.php for å finne ut hvilken class vi må bruke hvis vi er usikre: <td class='full-header'> <table cellpadding='0' cellspacing='0' width='100%'> <tr> <td>$header_content</td> </tr> </table> </td> Vi ser da at $header_content er bestemt av en class som heter full-header. I styles.css ser den slik ut:.full-header { font-size : 10px; color : #ddd; background-color : #444; padding : 10px; Vi gjør en liten endring her, slik:.full-header { font-size : 10px; color : #ddd; background-color : # ; padding : 5px;

7 7 av :47 Dette endrer ikke bare bakgrunnfargen, men også avstanden banneret har til det elementet som holder den (padding), vi gjør den her litt mindre. [Lagre] og se hvordan det tar seg ut. Det neste blir menylinjen. Vi vil endre bakgrunnsfarge og fargene på lenkene, og endrer først i.sub-header { font-size : 10px; color : #000; background-color : #579738; border-top : 2px solid #333; border-bottom : 2px solid #333; padding : 10px; Vi legger til andre farger for kantlinjen opp og nede, og gjør dem litt tykkere, legger inn litt mer padding, pluss en annen bakgunnsfarge. Utseendet på Lenkene i menylinjen (subheader) styres av a.white { color : #ddd; text-decoration : none; a:hover.white { color : #ddd; text-decoration : underline; For å gjøre lenkene litt mer tydelig mot den grønne bakgrunnen, legger vi inn fet skrift slik a.white { color : #DDD; font-weight: bold; text-decoration : none; a:hover.white { color : #FFF; font-weight: bold; text-decoration : underline overline; Vi legger også til under OG overstrek for lenkens hoover tilstand, altså når musepekeren er over lenken, og endre lys grå #DDD til hvit #FFF. [Lagre] å se hva som skjer. Det neste vi endrer er Overskriftene på Sideelementene, den bestemmes av.scapmain. Vi legger inn mer padding her, og samme bakgrunnsfarge som i subheader.

8 8 av :47.scapmain { font-size : 11px; font-weight : bold; color : #333; font-variant: small-caps; background-color : #579738; border-bottom : 1px solid #333; padding : 6px 4px 6px 4px; font-variant: small-caps; - legg den inn for å se hva den gjør :D I tillegg lager vi til et lite bakgrunnsbilde for å freshe opp: Lagre bildet som scapbg.gif og legg også det i /images/ mappen til temat. Jeg liker å gi grafikken navn etter hvilken class som bruker den, da blir det lettere å huske på alt sammen, scapbg.gif er forkortelse for.scapmain-bakgrunnsbilde. Jeg ønsker også at bildet bare repeteres horisontalt (sideveis) men ikke vertikalt (nedover), så jeg bruker i tillegg background-repeat: repeat-x;.scapmain { font-size : 11px; font-weight : bold; color : #333; font-variant: small-caps; background-color : #579738; background-image : url(images/scapbg.gif); background-repeat : repeat-x; border-bottom : 1px solid #333; padding : 6px 4px 6px 4px; Som du husker la vi til en rad nederst i funtion closeside() i theme.php. Den ga vi class navnet sbottom. Vi må lage en stil for den også, slik at vi får nytte av den. Start med å lage en kommentar i styles.css, slik: /* Egne classer */ Legg dine egne classer her, sånn at de blir lette å finne igjen, start slik:.sbottom{ Vi har lagt til ett lite bakgrunnsbilde her også, sbottom.gif Bilde:

9 9 av :47.sbottom { width: 100%; height : 10px; line-height: 10px; border-top : 1px solid #333; background-color: #579738; background-image: url(images/sbottombg.gif); Til slutt vil vi endre kantlinjen rundt hvert av elementene som openside() skaper. Ved å "lurtitte" i theme.php ser vi at det er class='border' som er i bruk, og vi finner.border i styles.css:.border { border : 1px solid #e1e1e1; Endre til:.border { border : 2px solid #333; Det siste vi gjør med sidepanelene er å endre bakgrunn og padding for side-border-left og side-border-right:.side-border-left { color : #333; background-color : #579738; border-right: 2px solid #333; padding : 5px;.side-border-right { color : #333; background-color : #579738; border-left: 2px solid #333; padding : 5px; Du vil nå se at bakgrunnen og padding rundt sidepanelene endrer seg. Vi har i tillegg fått en markert kantlinje på høyre og venstre side. Det neste jeg ønsker å endre er måten funtion reder_footer() vises altså den delen som nederst på siden hvor copyright osv. er. Den bruker en class som heter (ikke overraskende) footer.footer { font-size : 10px; color : #555; background-color : #f1f1f1; border : 1px solid #ccc; padding : 5px; Legg inn en kantlinje i topp, endre skrifttype, -farge og bakgrunnsfarge slik:

10 10 av :47.footer { font-family : Helvetica, Verdana, Arial, sans-serif; font-size : 10px; color : #DDD; background-color : #333; border-top : 2px solid #FFF; padding : 5px; For å posisjonere siden litt annerledes, legger jeg til dette i.body: body { font-size : 11px; margin-top: 0; margin-bottom: 0; background-image: url(images/bodybg.gif); Nå blir det ikke noe åpenrom (margin) mellom toppen og bunnen av nettleseren din og siden. Jeg velger å gi meg med styles.css for nå, du vil se at temaet begynner å bli noe annet. Se i theme.php hvilke classer som brukes de ulike stedene lek deg litt med disse. BILDER OG FORUMKNAPPER Hvis du har fulgt denne guiden, vet du allerede at det er en mappe som heter /images/ hvor grafikken til temaet er. Hvis temaet bruker en egen Banner (Logo) vil denne ligge her. Det er også grafikk som printer-ikon, bullets for linker. Bytt ut bullet.gif, bulletb.gif og printer.gif med disse hvis du vil, så ser du at små detaljer spiller en rolle. bullet.gif bulletb.gif printer.gif I mappen /forum/ finner du knappene som brukes i forumet. Du kan finne noen andre (spør om lov hvis du er usikker på om det er greit at du bruker de) eller lag dine egne. Det er viktig at du bruker knapper som fungerer med den øvrige grafikken/fargene på siden. THEME_FUCTIONS_INCLUDE.PHP Denne mappen finner du ikke i /themes/, men i en mappe som heter /includes/ theme_functions_include.php Åpner du denne filen ser du en god del funksjoner som temaet bruker (det er derfor du inkluderer den i toppen av alle theme.php filer) Du sparer en god del kode i selve theme.php ved hjelp av denne filen. Det er derfor den brukes: for at det skal bli lettere å lage sine egne tema. Et eksempel: linkene i menylinjen settes inn i temaet ved hjelp av denne enkle funksjonen: ".showsublinks("","white")." Uten theme_functions_include.php ville du måtte bruke denne koden i "theme.php" for å få til det samme:

11 11 av :47 function showsublinks($sep="",$) { $i = 0; $res = ""; $sres = dbquery("select * FROM ".DB_PREFIX."site_links WHERE link_position>='2' ORDER BY link_ord if (dbrows($sres)!= 0) { while($sdata = dbarray($sres)) { if (checkgroup($sdata['link_visibility'])) { if ($sdata['link_url']!="---") { if ($i!= 0) { $res.= " ".$sep."\n"; else { $res.= "\n"; $link_target = $sdata['link_window'] == "1"? " target='_blank'" : ""; $link_class = $class? " class='$class'" : ""; if (strstr($sdata['link_url'], "http://") strstr($sdata['link_url'], "https://")) { $res.= "<a href='".$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>"; else { $res.= "<a href='".basedir.$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a> $i++; if ($i!= 0) { return $res; else { return " "; Som du skjønner er det greit å holde slike funksjoner unna selve designet. Det er derfor moderne tema bruker theme_functions_include.php i stedet. Funksjoenen showcopyright er en annen av theme_functions_include s funksjoner som brukes i theme.php: function showcopyright($) { global $settings; $link_class = $class? " class='$class' " : ""; $res = "Powered by <a href='http://www.php-fusion.co.uk'".$link_class."target='_blank'>php-fusion</a $res.= "Released as free software under the terms of the GNU/GPL license."; return $res; I theme.php ser den bare slik ut: showcopyright(). Endre i theme_functions_include.php? Du kan godt redigere funksjonene her hvis du vet hva du gjør. Men husk at de endringene du gjør vil virke inn på ALLE Temaene du bruker! Og det som virker fint i et tema, vil ikke nødvendigvis fungere like greit i et annet. Her er en måte å lage et tema med helt spesielle funksjoner uten å gi slipp på oversiktligheten i theme.php 1) Kopier theme_funtions_include.php i /includes/ mappen og legg det i mappen til ditt tema. 2) Rediger øverst i theme.php: require_once INCLUDES."theme_functions_include.php"; Endre til: require_once THEME."theme_functions_include.php"; 3) Åpne /ditt_tema/theme_functions_include.php og rediger funksjonene som du vil ha de. Dette er noe du kan gjøre når du begynner å bli litt mer avansert. Men mulighetene er nå der.

12 12 av :47 En annen mulighet er å trekke koden for en bestemt funksjon fra theme_functions_include.php og bruke den direkte i theme.php, f.eks function newsposter og function newsopts hvis du ønsker å endre hvordan dette tar seg ut i nyheter. Ja vel du har nå vært igjennom guiden Tema for PHP-Fusion som er et grunnkurs. Bare lek deg videre og spør når du står fast. Det er mange flinke folk som kan hjelpe. Artikkelen kommer nok til å bli utvidet og forandret etter hvert, så sjekk tilbake senere. Konstruktive tilbakemeldinger mottas som vanlig med takk.

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene. CSS: Layout Ekspert Web Introduksjon Målet med oppgaven er å lære hvordan man lager en nettside med en meny og et innholdsfelt. I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene

Detaljer

Kursdokumentasjon for Dreamweaver

Kursdokumentasjon for Dreamweaver Kursdokumentasjon for Dreamweaver Skrevet av 2/13 1 Komme i gang med Dreamweaver... 3 2 Bruk av Dreamweaver... 4 2.1 Verktøylinja...5 2.2 Properties... 5 3 Sidens egenskaper... 6 4 Tekst... 7 4.1 Endre

Detaljer

Mer om stiler og stilark. Layout. Litt Design

Mer om stiler og stilark. Layout. Litt Design Mer om stiler og stilark. Layout. Litt Design Webpublisering 13.09.2004 Webpublisering - HiO - Kirsten Ribu - 2004 1 I dag Struktur på hjemmesiden Mer om stiler Stiler og layout Litt om design og farger

Detaljer

file:///c:/users/michaelp/sites/dkdm/dw5/dreamweaver5_1.html

file:///c:/users/michaelp/sites/dkdm/dw5/dreamweaver5_1.html 1 of 10 09.04.2015 15:49 Fra forrige gang: Om tabeller Tabeller er i utgangspunktet en måte å presentere data på. Skal ikke brukes for å legge ut sider Dreamweaver har fasiliteter for å opprette, redigere

Detaljer

Tilpassning av Wordpress - Enterprise Theme

Tilpassning av Wordpress - Enterprise Theme Del 2 - Tilpassning Tilpassning av Wordpress - Enterprise Theme Del 1 var en gjennomgang av hvordan man setter opp det tekniske som kreves for å kjøre en Wordpress webside/blogg. Installere webserver (Apache)

Detaljer

CASCADING STYLESHEETS (CSS)

CASCADING STYLESHEETS (CSS) CASCADING STYLESHEETS (CSS) HVA ER CSS Stylesheets er en metode for å flytte selve formatteringen av et HTML dokument ut av selve dokumentet og over i et eksternt regelsett. Dette skyldes HTMLs manglende

Detaljer

OBLIG 1 - WEBUTVIKLING

OBLIG 1 - WEBUTVIKLING OBLIG 1 WEBUTVIKLING Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med funksjonalitet / bruk Uoversiktlig side For

Detaljer

www.lakselvdal.no Brukerkurs 16.februar 2012

www.lakselvdal.no Brukerkurs 16.februar 2012 Brukerkurs 16.februar 2012 Kort introduksjon til world wide web og struktur der. Forskjellige måter å lage seg en hjemmeside på. Hvordan vi i Lakselvdal gjør det. Og viktigst av alt, utdanne flere til

Detaljer

Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01

<HTML Koder> Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01 Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01 Side 2 Ett HTML dokument inneholder både tekst som skal vises og instruksjoner om hvordan den skal vises av nettleseren. Instruksjonene

Detaljer

PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO

PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO Innhold Kapitel 1 - Registrering og innlogging... 2 Kapitel 2 - Lage ny artikkel uten bruk av bilder eller annen grafikk... 3 Kapitel 2a - Ingress... 4 Kapitel 3

Detaljer

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html 1 of 9 15.04.2015 14:15 Spry og behaviours Både Spry and Behaviours er basert på programmeringsspråket Javascript. Javascript kjører i nettleseren og ikke på webserver som PHP og Perl. På en lignende måte

Detaljer

Brukermanual til Domenia Norges adminløsning

Brukermanual til Domenia Norges adminløsning Brukermanual til Domenia Norges adminløsning 1. Login For å logge inn på løsningen din skriver du inn domenenavnet ditt og /siteadmin (f.eks www.domenia.no/siteadmin ). Skriv inn brukernavn og passord

Detaljer

HTML: Del inn nettsiden

HTML: Del inn nettsiden HTML: Del inn nettsiden Erfaren Web Introduksjon Målet med denne oppgaven er å lære hvordan man kan organisere en nettside ved å dele den inn med forskjellige tagger. Dersom du ikke er kjent med tagg-strukturen

Detaljer

Vedlikeholde nettstedet i Joomla 2.5 +

Vedlikeholde nettstedet i Joomla 2.5 + Vedlikeholde nettstedet i Joomla 2.5 + Innlogging: Klikk deg inn på din nettside. I menyen på ditt nettsted vil det være en link til logg inn eller adm. Klikk på denne og logg inn med det brukernavnet

Detaljer

Administrering av SafariSøk

Administrering av SafariSøk Administrering av SafariSøk Administrering av SafariSøk Revisjonshistorie Revisjon $Revision: 1.6 $ $Date: 2003/08/05 12:44:02 $ Innholdsfortegnelse 1. Om programmet... 1 Generelt... 1 2. Fremgangsmåter...

Detaljer

Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems.

Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems. Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems. Redigert 10.februar 2010. For at det skal bli lettere å lese denne manualen kan du justere størrelsen på dette

Detaljer

Bilder, tabeller. Kirsten Ribu 26.09

Bilder, tabeller. Kirsten Ribu 26.09 Bilder, tabeller Kirsten Ribu 26.09 1 Repetisjon: div taggen Blokker () Et (X)HTML-dokument kan deles inn i blokker med og hver blokk må avsluttes med . Blokker benyttes i dokumenter der

Detaljer

Javascript. Mer om layout

Javascript. Mer om layout Javascript. Mer om layout Kirsten Ribu 04.10.04 Kirsten Ribu - Webpublisering - HiO -2004 1 Men først. Hvordan går det med klasser og blokker? Hjalp det med mailene? Litt mer om klasser og blokker ;-)

Detaljer

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp.

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp. I denne guiden skal jeg ta for meg hvordan man kan legge til eller endre tekst, opprette nyheter og

Detaljer

Brukerdokumentasjon for LabOra portal - forfattere

Brukerdokumentasjon for LabOra portal - forfattere Brukerdokumentasjon for LabOra portal - forfattere Skin: Dnnbest-Grey-Skin1024 Skin: Metro7 Custom LabOra web-portal er et web-basert publiseringsprogram for publisering av informasjon på hjemmesider.

Detaljer

Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Når man tar pilen over fanene, dukker det opp utrolig mange tagger. Dvs alt er

Detaljer

WordPress startguide

WordPress startguide WordPress startguide INNLEDNING... 2 BLOGGINNLEGG... 3 HVORDAN LEGGE TIL ET BLOGGINNLEGG:... 4 UNDERSIDER... 5 HVORDAN LAGE EN NY SIDE... 6 LAST OPP BILDER/VIDEO... 7 KOMMENTARER PÅ INNLEGG... 8 UTSEENDE...

Detaljer

Oblig 1. Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oblig 1. Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oblig 1 Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med arngren.net: 1. Nettsiden er SYKT uoversiktlig! 2. Det er

Detaljer

Publiseringsveiledning for www.tromsfylke.no

Publiseringsveiledning for www.tromsfylke.no Publiseringsveiledning for www.tromsfylke.no Sist oppdatert 09.07.2013 av Khalil Dahbi Innholdsliste 1. Side:... 3 a. Lage en ny side:... 3 b. Endre innstilling til en side:... 3 c. Slette en side:...

Detaljer

Håkon Tolsby. 25.08.2014 Håkon Tolsby

Håkon Tolsby. 25.08.2014 Håkon Tolsby HTML5 og CSS Håkon Tolsby 25.08.2014 Håkon Tolsby 1 En webside min webside en html5 side dett er min første

Detaljer

CSS: Style nettsider Nybegynner

CSS: Style nettsider Nybegynner CSS: Style nettsider Nybegynner Web Introduksjon Nå skal vi lære å endre på stilen til nettsider. I denne oppgaven forventer vi at du har gjort HTML-oppgavene eller er litt kjent med HTML fra før av. I

Detaljer

Brukerveiledning http://www.hovikif.no/ Bruk av siden. Når du går inn på siden får du opp følgende bilde:

Brukerveiledning http://www.hovikif.no/ Bruk av siden. Når du går inn på siden får du opp følgende bilde: Brukerveiledning http://www.hovikif.no/ Bruk av siden Når du går inn på siden får du opp følgende bilde: Øverst i høyre hjørne kan du endre størrelsen på teksten og søke etter lagrede artikler. De enkelte

Detaljer

www.borettslag.net Brukermanual Versjon 2.0

www.borettslag.net Brukermanual Versjon 2.0 www.borettslag.net Brukermanual Versjon 2.0 Brukermanual for hjemmesider fra Borettslag.net Innholdsfortegnelse: Velkommen som redaktør...3 Innlogging...4 Meny...5 Generelle innstillinger...6 Hovedmeny...8

Detaljer

Brukerveiledning WordPress. Innlogging:

Brukerveiledning WordPress. Innlogging: Brukerveiledning WordPress Her er en liten guide for hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging Lage en side Lage et innlegg Innlogging: For å logge

Detaljer

BRUK AV GMAIL SOM KLUBBADRESSE

BRUK AV GMAIL SOM KLUBBADRESSE Tillitsvalgt (ATV) og vara på KS-området (videregående skole, grunnskolen, kommunale barnehager, PPT mfl). Andre tillitsvalgte som bruker Gmail Oppdatert utgave 01.06.2011 BRUK AV GMAIL SOM KLUBBADRESSE

Detaljer

Kom i gang 4: Tavler for å skrive med tekst

Kom i gang 4: Tavler for å skrive med tekst Kom i gang 4: Tavler for å skrive med tekst Tavler for å skrive med tekst I dette mer komplekse eksemplet vil vi lage et miljø med to scener. Miljøet benytter tekst tavler og bilder for å stimulere kreativ

Detaljer

Bruksanvisning for fylkesnettsider

Bruksanvisning for fylkesnettsider Bruksanvisning for fylkesnettsider Generell info Som fylkesbruker har du tilgang til å redigere sider (pages) og til å legge til nye nyhetssaker (posts). Hvert fylke har separate bildebanker inne i WordPress

Detaljer

Forside. Hovedmeny Infolinkstruktur > Meny > Hå kommune. Melding Denne er koblet til: Redigering > Egendefinert > Maler> Forside - Viktig melding

Forside. Hovedmeny Infolinkstruktur > Meny > Hå kommune. Melding Denne er koblet til: Redigering > Egendefinert > Maler> Forside - Viktig melding Forside Hovedmeny Infolinkstruktur > Meny > Hå kommune Tjenesteområder (Snarveimeny) Infolinkstruktur > Meny > Hå kommune> Tjenestemeny (snarveier) *Må lenkes til Dypdykk > menyelement>... som er i hovedmeny

Detaljer

Slik lager du et web-område bestående av flere sammenhengende websider i. Frontpage 2003. Laget av Magnus Nohr Høgskolen i Østfold

Slik lager du et web-område bestående av flere sammenhengende websider i. Frontpage 2003. Laget av Magnus Nohr Høgskolen i Østfold Slik lager du et web-område bestående av flere sammenhengende websider i Frontpage 2003 Laget av Magnus Nohr Høgskolen i Østfold Innholdsfortegnelse 1 Opprett Web-område 3 2 Opprett en navigasjonsstruktur

Detaljer

Oblig 1 Erlend Hannestad

Oblig 1 Erlend Hannestad Oblig 1 Erlend Hannestad Oppgave 1 Nettsiden er ustrukturert og uryddig når det kommer til layout og design, det er vanskelig å holde oversikt over alt som vises på siden, det er rett og slett for mye

Detaljer

KF Lokal personalhåndbok - brukerveiledning for redaktør

KF Lokal personalhåndbok - brukerveiledning for redaktør KF Lokal personalhåndbok - brukerveiledning for redaktør Innhold 1. KF Lokal personalhåndbok og KF Infoserie... 2 2 Din rolle - Redaktør... 4 3 Skriv lokal tekst... 4 4 Lag lenker i lokal tekst... 6 5.

Detaljer

WWW.POLARPRODUKSJON.NO

WWW.POLARPRODUKSJON.NO GUIDE RSHL.NO Av Fredrik Mediå Oppgraderingen av nettstedet RSHL.NO har ført til at det kan oppstå en del spørsmål og forvirringer rundt hvordan forskjellige elementer fungerer. Denne guiden skal fungere

Detaljer

Bruksanvisning for publisering på www.fysio.no

Bruksanvisning for publisering på www.fysio.no EZ Publish Bruksanvisning for publisering på www.fysio.no Gå til http://admin.fysio.no. OBS: Legg merke til at du ikke skal ha med www. Skriv inn brukernavn og passord. Nå er du klar til å redigere artiklene:

Detaljer

CSS: Animasjon Nybegynner

CSS: Animasjon Nybegynner CSS: Animasjon Nybegynner Web Introduksjon I denne oppgaven skal du lære å animerer HTML-objekter ved hjelp av CSS. Under ser du hvordan resultatet vil bli til slutt: Men før vi starter å lage animasjonen

Detaljer

Dere klarer kanskje ikke å komme gjennom hele heftet, men gjør så godt dere kan.

Dere klarer kanskje ikke å komme gjennom hele heftet, men gjør så godt dere kan. I denne timen skal dere få en innføring i skriveprogrammet vi har på skolen, Writer. De aller fleste av dere er vel mest vant til Word, og Writer ser litt annerledes ut, men har stort sett de samme funksjonene

Detaljer

GUI/ SYSTEM DESIGNHÅNDBOK. Versjon 1.0 December 2014

GUI/ SYSTEM DESIGNHÅNDBOK. Versjon 1.0 December 2014 GUI/ SYSTEM DESIGNHÅNDBOK Versjon 1.0 December 2014 GUI designmanual Innhold Her beskrives layout og grafisk profil for systemer og tjenester i Landbruksdirektoratet. Designmanualen er utarbeidet av Ciber

Detaljer

SUKKERGRIS. Anita og Silje DAT100

SUKKERGRIS. Anita og Silje DAT100 SUKKERGRIS Anita og Silje DAT100 I NNHOLD 1. Innledning... 2 2. Beskrivelse av Sukkergris... 3 2.1 Struktur og grafisk design... 3 2.1.1 Sidens oppbygning... 3 2.1.2 CSS og Grafisk design... 4 2.2 Oversikt

Detaljer

Dokumentasjon WebOrg. Innhold

Dokumentasjon WebOrg. Innhold Dokumentasjon WebOrg Innhold Nyheter og innhold... 2 Legg til nyhet... 2 Ingress og obligatoriske felter... 2 Formatere tekst... 5 Lim inn tekst fra andre programmer... 5 Sette inn bilder... 5 Sett inn

Detaljer

CSS: Endre utseende og stil på tekst Nybegynner

CSS: Endre utseende og stil på tekst Nybegynner CSS: Endre utseende og stil på tekst Nybegynner Web Introduksjon I denne oppgaven skal vi jobbe videre med skrift, størrelser og farger. Vi skal utforske forskjellige skrifttyper, se på bakgrunnsfarger

Detaljer

BRUK AV TEKSTEDITOREN

BRUK AV TEKSTEDITOREN Dynamisk Internett-publisering med DM Web BRUK AV TEKSTEDITOREN BRUKERVEILEDNING 2007 Datamann AS er Brukermanualen er utarbeidet av Datamann AS Postboks 74 9551 ØKSFJORD Telefon 78 45 95 00 Telefaks 78

Detaljer

Brukerveiledning for NSFs nyhetsbrev

Brukerveiledning for NSFs nyhetsbrev Brukerveiledning for NSFs nyhetsbrev VERSJON 2 nov 2015. Nye punkter er markert i rødt. A. Lag en profil 1. Nyhetsbrevet ligger på Min side/min side/administrer nyhetsbrev (Gi beskjed til IT dersom du

Detaljer

Brukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no http://www.dfs.no/support. Velkommen til EPI-Server 7.

Brukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no http://www.dfs.no/support. Velkommen til EPI-Server 7. Velkommen til EPI-Server 7.5 (CMS) Levert av Skytterkontoret. EPI-Server 7.5 (CMS 7.5) er et publiseringssystem som gjør det enkelt for deg å oppdatere innholdet på dine Internettsider. I denne brukerdokumentasjonen

Detaljer

Bilder og bildebruk. for nettsider og nettbutikker! Uni Micro Web - 6. mai 2014 BILDER OG BILDEBRUK - UNI MICRO WEB

Bilder og bildebruk. for nettsider og nettbutikker! Uni Micro Web - 6. mai 2014 BILDER OG BILDEBRUK - UNI MICRO WEB Bilder og bildebruk for nettsider og nettbutikker Uni Micro Web - 6. mai 2014 1 Innledning En nettside blir aldri bedre enn bildematerialet som fremvises En nettside består av mange bilder. Både reklamebannere,

Detaljer

www.mentalhelse.no Vårt nettsted En håndbok for lokale nettredaktører i fylkes- og lokallag

www.mentalhelse.no Vårt nettsted En håndbok for lokale nettredaktører i fylkes- og lokallag www.mentalhelse.no Vårt nettsted En håndbok for lokale nettredaktører i fylkes- og lokallag Introduksjon Gratulerer Mental Helse! Våre nettsider har fått en oppfriskning og fremstår i ny drakt. Design

Detaljer

INF1040 Oppgavesett 4: CSS

INF1040 Oppgavesett 4: CSS INF1040 Oppgavesett 4: CSS (Kapittel 5) Fasitoppgaver Ingen fasitoppgaver denne gang. Se flervalgsoppgavene under. Flervalgsoppgaver I følgende oppgaver er det oppgitt fem alternativer der nøyaktig ett

Detaljer

Hvordan redigere bilder i pixlr.com

Hvordan redigere bilder i pixlr.com Til deltakerne på FFRR sin Fagdag 24.01.14 Hvordan redigere bilder i pixlr.com http://pixlr.com/editor/ Velg om du vil starte med et tomt bilde, eller om du vil åpne et bilde fra datamaskinen. Har du et

Detaljer

Seksjoner, kategorier og artikler

Seksjoner, kategorier og artikler Seksjoner, kategorier og artikler Seksjoner, kategorier og artikler En av de viktigste delene av en nettside er innholdet. Nå som vi har en blank installasjon, la oss få inn noen artikler på siden. Artikler

Detaljer

WordPress. Brukerveiledning. Kjære kunde. Innlogging:

WordPress. Brukerveiledning. Kjære kunde. Innlogging: Brukerveiledning WordPress Sist oppdatert: 26.02.2014 Kjære kunde Her er en liten guide for å hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging - s.1 Kontrollpanel

Detaljer

www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.

www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn. Webansvarlig ETF håndball Ver.02 / 2012 Geir Vold-webredaktør http://www.eidsvold-turn.no Hvordan formatere et bilde som skal inn på websiden.... 3 Hvordan beskjære et bilde... 3 Ingressbilder... 5 Brødtekstbilder...

Detaljer

Veiledning hjemmeside Stjørdal Friidrettsklubb

Veiledning hjemmeside Stjørdal Friidrettsklubb Veiledning hjemmeside Stjørdal Friidrettsklubb Hjemmesida med adressen www.sfik.no er åpen for alle. Hvis du skal publisere et innlegg på hjemmesida må du logge deg inn med brukernavn og passord. Dette

Detaljer

Bruksanvisning for administrasjon av www.lillehammerfk.no

Bruksanvisning for administrasjon av www.lillehammerfk.no Bruksanvisning for administrasjon av www.lillehammerfk.no Målet med lillehammerfk.no er å være en levende nettside for hele klubben. For å få til det, må de enkelte lagene selv legge til innhold på nettsiden.

Detaljer

Bedrift Online. Komme i gang. Nå er det enklere enn noensinne å redigere nettstedet ditt.

Bedrift Online. Komme i gang. Nå er det enklere enn noensinne å redigere nettstedet ditt. Bedrift Online Komme i gang Nå er det enklere enn noensinne å redigere nettstedet ditt. oktober 2008 Bedrift Online 2008 Nidelven IT and WOW webdesign. All rights reserved. Under the copyright laws, this

Detaljer

PBL Barnehageweb. Brukerveiledning

PBL Barnehageweb. Brukerveiledning PBL Barnehageweb Brukerveiledning 1 1. Innledning Gratulerer med valget av nye PBL Barnehageweb! Med PBL Barnehageweb skal det være enkelt å lage en brukervennlig, moderne og profesjonell nettside for

Detaljer

MMT105 Internettprogrammering Uke 44, høst 2007

MMT105 Internettprogrammering Uke 44, høst 2007 MMT105 Internettprogrammering Uke 44, høst 2007 Introduksjon til CSS MMT105 HiNT 2007 1 HTML-elementenes strukturerende egenskaper HTML-elementene skal markere strukturen i et webdokument, dvs. at de forskjellige

Detaljer

Brukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish.

Brukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish. Brukermanual - Joomla Bonefish brukermanual - Joomla Gratulerer med ny nettside fra Bonefish. Du er nå blitt eier og administrator for din egen nettside, noe som gir deg visse forpliktelser ovenfor din

Detaljer

få en ny og og god hjemmeside på få minutter Quick guide

få en ny og og god hjemmeside på få minutter Quick guide få en ny og og god hjemmeside på få minutter Quick guide 1 Få en profesjonell hjemmeside på få minutter GoMinisite nå: Sett deg foran PC en din, åpne nett-browseren din og skriv www.gominisite.no Fyll

Detaljer

Grunnleggende om websider og HTML-kode

Grunnleggende om websider og HTML-kode Grunnleggende om websider og HTML-kode Html er et språk / en standard som brukes for å gi instrukser til nettlesere om hvordan ulike elementer på en webside skal fortolkes og presenteres for en sluttbruker.

Detaljer

Hvordan legge ut en melding i Fronter

Hvordan legge ut en melding i Fronter OPPDATERT 1. sept 2008 Hvordan legge ut en melding i Fronter Vi skal her lære å legge ut meldinger. De vil være noe kjedelige av utseende fordi vi har lagt vekt på at det skal være rask å bruke, lett å

Detaljer

SymWriter: R6 Innstillinger, preferanser og verktøylinjer

SymWriter: R6 Innstillinger, preferanser og verktøylinjer SymWriter: R6 Innstillinger, preferanser og verktøylinjer Innhold R6.1 Startinnstillinger og utseende...3 R6.2 Tekst og bilder...................................................4 R6.3 Tale og staving...5

Detaljer

Publisere på nvfnorden.org

Publisere på nvfnorden.org Kommunikasjonsgruppen i NVF Publisere på nvfnorden.org En guide til de viktigste funksjonene i publiseringsverktøyet LiSA Live, 2. utg. Johanne Solheim 22.02.2013 Innhold Introduksjon... 1 Logg deg på...

Detaljer

Om LifeVision CMS. Enklere og mer profesjonelt enn dette blir det ikke!

Om LifeVision CMS. Enklere og mer profesjonelt enn dette blir det ikke! Om LifeVision CMS Med LifeVisions brukervennlige og intuitive drag and drop CMS løsning er du ett steg inn i fremtiden. Det er ikke lenger nødvendig å kunne programmere og kode for å bygge mobilsider.

Detaljer

Brukerveiledning nettsted Stjørdal kajakklubb. Tilgang til siden. Opprette bruker? Tilgang til siden... 1 Opprette bruker?... 1

Brukerveiledning nettsted Stjørdal kajakklubb. Tilgang til siden. Opprette bruker? Tilgang til siden... 1 Opprette bruker?... 1 Brukerveiledning nettsted Stjørdal kajakklubb Tilgang til siden... 1 Opprette bruker?... 1 Nyheter / artikler... 3 Lage artikkel... 3 Redigerer artikkel... 11 Slette artikkel... 12 Tilgang til siden Opprette

Detaljer

NETTSIDEKURS. NORILCO -Norsk forening for personer med stomi, reservoar og mage-/tarmkreft.

NETTSIDEKURS. NORILCO -Norsk forening for personer med stomi, reservoar og mage-/tarmkreft. NETTSIDEKURS NORILCO -Norsk forening for personer med stomi, reservoar og mage-/tarmkreft. Innføring i bruk av distriktsavdelingens nettside 17.-19. April 2015 Innhold Innlogging... 3 Lag ny artikkel/nyhet....

Detaljer

1 Innholdsfortegnelse

1 Innholdsfortegnelse 1 Innholdsfortegnelse 1 INNHOLDSFORTEGNELSE 2 2 HVORDAN LEGGE UT INFORMASJON PÅ LAGSSIDENE? 3 2.1 Hvordan legge til link til ett dokument i websiden? 7 3 HVORDAN LEGGE UT EN NYHET SOM SKAL PUBLISERES PÅ

Detaljer

Bruk av Corepublish bruksanvisning for avdelingene

Bruk av Corepublish bruksanvisning for avdelingene Bruk av Corepublish bruksanvisning for avdelingene 1. Å logge på Hent opp nettstedet din avdeling Åpne en ny fane eller vindu og hent opp publiseringsverktøyet Corepublish, http://www.fo.no/corepublish/

Detaljer

IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring)

IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring) IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring) IT-avdelingen, UiB 14.10.2010 Innhold Innhold... 2 Kort om IT-hjelp (utdrag fra https://it.uib.no/om_it-hjelp)...

Detaljer

C.9.7 Hoved- og deldokumenter

C.9.7 Hoved- og deldokumenter OpenOffice.org C Tekstbehandling med OpenOffice.org Writer.X C.9.7 Hoved- og deldokumenter Store dokumenter kan bygges opp av deldokumenter som f.eks. kan tilsvare kapitler i det store dokumentet (hoveddokumentet).

Detaljer

Brukerveiledning www.f3cnorge.info

Brukerveiledning www.f3cnorge.info Brukerveiledning www.f3cnorge.info Pålogging: Etter at du har logget på ser du en Menyblokk til venstre med brukernavnet ditt. I blokken finner du det du har tilgang til å gjøre på site n. Generelt om

Detaljer

Innholdsfortegnelse. Side 1 av 33

Innholdsfortegnelse. Side 1 av 33 Innholdsfortegnelse Viktige begrepsforklaringer... 2 Innlogging... 3 Lage en artikkel... 4 Redigere en artikkel... 7 Fjerne en artikkel... 7 Sette inn et bilde i en artikkel... 8 Bytte bilde i en artikkel...

Detaljer

Kort brukerveiledning- publisering på nett EpiServer CMS6... 1

Kort brukerveiledning- publisering på nett EpiServer CMS6... 1 Kort brukerveiledning- publisering på nett EpiServer CMS6 Innhold Kort brukerveiledning- publisering på nett EpiServer CMS6... 1 Innlogging... 2 Opplysninger som importeres fra FANE2... 4 Lagre og forhåndsvis

Detaljer

Oppsummering fra forelesning 2

Oppsummering fra forelesning 2 1 of 16 02.04.2015 15:42 Oppsummering fra forelesning 2 Lenker Lenker er, historisk sett, webens første eksistensberettigelse Lenker kan være relative (går til sider innenfor samme nettsted) eller absolutte

Detaljer

Lage nettside med squrespace

Lage nettside med squrespace Lage nettside med squrespace For å lage nettside med squarespace må du ha konto på www.squarespace.com. I browseren skriver du www.squarespace.com og oppreter en konto (hvis du ikke har en fra før): I

Detaljer

Tegneprogram Journeyman Scratch PDF

Tegneprogram Journeyman Scratch PDF Tegneprogram Journeyman Scratch PDF Introduksjon I dette prosjektet lager vi et tegneprogram slik at du etterpå kan lage din egen kunst. Du kan tegne med forskjellige farger, bruke viskelær, lage stempler

Detaljer

ASKER FOTBALL KVINNERS NETTSIDE

ASKER FOTBALL KVINNERS NETTSIDE ASKER FOTBALL KVINNERS NETTSIDE BRUKERVEILEDNING FOR REDIGERINGSPROGRAM Link til redigeringsprogrammet: http://www.askerfk.no/admin/default.asp Skriv inn ditt brukernavn og passord. Brukernavn og passord

Detaljer

8 - Rapporter i M-STAS

8 - Rapporter i M-STAS 8 - Rapporter i M-STAS Innledning Denne brukerveiledningen tar sikte på å gi deg en generell innføring i hvordan du henter ut rapporter fra M-STAS. Selv om rapportene er forskjellige med hensyn til innhold

Detaljer

Slik legger du inn nyheter med Ingress og Hovedtekst

Slik legger du inn nyheter med Ingress og Hovedtekst Slik legger du inn nyheter med Ingress og Hovedtekst Logg deg på som Bruker og velg Ny artikkel i brukermenyen som ligger under Hovedmenyen. Øverste felt i Editoren er for Ingress ( Påkrevd) Nederste felt

Detaljer

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai 2005. http://www.itpays.no/produkter/publisering/

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai 2005. http://www.itpays.no/produkter/publisering/ Brukermanual Itpays W3 Publish Sette opp, logge inn og komme i gang Redigert den 23. mai 2005 http://www.itpays.no/produkter/publisering/ Innholdsoversikt: 1 Generelt om Itpays w3 publish Side 3 2 Sette

Detaljer

Bruk av hjemmeside for styret/utvalg Molde seilforening

Bruk av hjemmeside for styret/utvalg Molde seilforening Bruk av hjemmeside for styret/utvalg Molde seilforening Hvert utvalg er ansvarlig for å legge ut sine nyheter Case 1: Legge ut nyheter Case 2: Oppdater kalender LOGIN: www.moldeseilforening.no/admin Brukernavn/passord

Detaljer

KOMME I GANG 3. Logge på 3. I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6

KOMME I GANG 3. Logge på 3. I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6 Innhold KOMME I GANG 3 Logge på 3 I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6 Lukk 7 Ny 7 Flytt opp/ Flytt ned 7 Klipp 8 Kopier 8 Lim inn (krysspubliser, ny,

Detaljer

Fride K. Riseng. Brukermanual til workshop: «P Å S K I O V E R S A H A R A» Skokloster, 08.09.2011 (Se også http://www.morsmal.no/verktoy.

Fride K. Riseng. Brukermanual til workshop: «P Å S K I O V E R S A H A R A» Skokloster, 08.09.2011 (Se også http://www.morsmal.no/verktoy. 1. Brukermanual til workshop: «P Å S K I O V E R S A H A R A» Skokloster, 08.09.2011 (Se også http://www.morsmal.no/verktoy.html ) 2. TIPS TIL MATERIALE PÅ NETT 2 6 7 8 9-10 11 12 16 17 20 21 FORBEREDELSER

Detaljer

Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no

Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Innhold: Skjermbilde 3: Skjermbilde 4-8: Skjermbilde 9-13: Skjermbilde 14-17: Skjermbilde 18-20: Skjermbilde 21-24: Skjermbilde

Detaljer

ThinkPage CMS 2.0. Hurtigveiledning. Av ThinkPage AS

ThinkPage CMS 2.0. Hurtigveiledning. Av ThinkPage AS ThinkPage CMS 2.0 Hurtigveiledning Av ThinkPage AS ThinkPage CMS 2 Forord Dette er en midlertidig brukerveiledning tar for seg de viktigste basisfunksjonene i ThinkPage CMS og gir brukeren nødvendig innføring

Detaljer

KOMME I GANG 2. Logge på 2. I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5

KOMME I GANG 2. Logge på 2. I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5 Innhold KOMME I GANG 2 Logge på 2 I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5 Lukk 6 Ny 6 Flytt opp/ Flytt ned 6 Klipp 7 Kopier 7 Lim inn (krysspubliser, ny,

Detaljer

Nettside24 Brukerveiledning Nettside24 Brukerveiledning

Nettside24 Brukerveiledning Nettside24 Brukerveiledning Nettside24 Brukerveiledning Nettside24 Brukerveiledning 1 av 14 Oversikt over brukerveiledningen. 2. Oversikt. 3. Logge inn på nettsiden. 4. Redigere innholdet på undersidene. 5. Redigere innholdet i blokkene.

Detaljer

Brukerguide for www.altadykkerklubb.com

Brukerguide for www.altadykkerklubb.com Brukerguide for www.altadykkerklubb.com Utgitt første gang: 27/09-07 Sist oppdatert: 23/03-09 1 Innledning Dette er den nye siden til Alta Dykkerklubb! Den er blitt laget over et system som gjør det mulig

Detaljer

Manual for innlegging av standard sideinnhold og nyheter via «backend»

Manual for innlegging av standard sideinnhold og nyheter via «backend» Manual for innlegging av standard sideinnhold og nyheter via «backend» 23.3.2006 Utarbeidet av: 2 Innlogging og beskrivelse av hovedelement i «backend» For å få tilgang til redigeringsmodul velges følgende

Detaljer

Communicate SymWriter: R4. Bruke handlinger

Communicate SymWriter: R4. Bruke handlinger Communicate SymWriter: R4. Bruke handlinger Du har allerede sett Rediger cellehandlinger dialogen i bruk. Denne delen gir en oversikt over de handlingene som er tilgjengelige. Innhold R4.1 Grunnleggende

Detaljer

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer!

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer! Lesson 4 CSS All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

Administrere innstillinger

Administrere innstillinger 06.07 Administrere innstillinger Når man har fått opprettet en blogg, er det i grunnen ingenting man ikke kan forandre på. Man kan forandre navn, url-adresse, design osv. Denne delen av leksjonen skal

Detaljer

Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Innhold:

Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Innhold: Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Innhold: Skjermbilde 3: Påloggingsinformasjon Skjermbilde 4-6: Redigere Første-siden (loge/leir) Skjermbilde 7-11: Redigere

Detaljer

Logge inn 4. Forskjell på sider og artikler 5. Legge inn artikkel 7. Bilder 10. Kategorier styrer layouten 13. Hva er verktøy og innstillinger?

Logge inn 4. Forskjell på sider og artikler 5. Legge inn artikkel 7. Bilder 10. Kategorier styrer layouten 13. Hva er verktøy og innstillinger? www.ubcup.no enkel www.ubcup.no enkel 1 Generelt 1.1 1.2 Logge inn 4 Forskjell på sider og artikler 5 2 Artikler 2.1 2.2 2.3 Legge inn artikkel 7 Bilder 10 Kategorier styrer layouten 13 3 Verktøy og innstillinger

Detaljer

Løpende strekmann Erfaren Videregående Python PDF

Løpende strekmann Erfaren Videregående Python PDF Løpende strekmann Erfaren Videregående Python PDF Introduksjon I denne oppgaven skal du lage et spill der du styrer en strekmann som hopper over hindringer. Steg 1: Ny fil Begynn med å lage en fil som

Detaljer

Innføring i bruk av skolens/barnehagens hjemmesider (for ansatte)

Innføring i bruk av skolens/barnehagens hjemmesider (for ansatte) : Innføring i bruk av skolens/barnehagens hjemmesider (for ansatte) nyweb.no as (2008) Side: 1 av 14 Innhold: Pålogging:... 4 Administrasjonsforsiden:... 5 Legge til Ny artikkel :... 6 Legge til Nytt vedlegg

Detaljer

WordPress. Brukerveiledning. Kjære kunde. Innlogging

WordPress. Brukerveiledning. Kjære kunde. Innlogging Brukerveiledning WordPress Sist oppdatert: 07.01.2015 Kjære kunde Her er en liten guide for å hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging - s.1 Kontrollpanel

Detaljer

2. Hvordan administrere filer / legge ved dokumentasjon til kurs?..3. 4. Hvordan melde av en som er påmeldt endre opplysninger?..5

2. Hvordan administrere filer / legge ved dokumentasjon til kurs?..3. 4. Hvordan melde av en som er påmeldt endre opplysninger?..5 Kursportalen Veiledning for administratorer: Innhold: 1. Hvordan publisere kurs? 1 2. Hvordan administrere filer / legge ved dokumentasjon til kurs?..3 3. Hvordan endre opplysninger om kurset?.4 4. Hvordan

Detaljer