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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Del 1: Overgang fra gammel hjemmeside til ny hjemmeside

Del 1: Overgang fra gammel hjemmeside til ny hjemmeside Del 1: Overgang fra gammel hjemmeside til ny hjemmeside Instituttsider og personlige hjemmesider som ligger på HFs egen webserver skal nå fases ut.dette innebærer at alle som fortsatt har hjemmesider der,

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

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

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

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

Aktivitetskalenderen v1.0 (12. des. 2015)

Aktivitetskalenderen v1.0 (12. des. 2015) Aktivitetskalenderen v1.0 (12. des. 2015) Du skal legge inn ett arrangement i aktivitetskalenderen? Så bra! Dette er en enkel guide til hvordan du gjør det. Det ser mye ut, men det er ikke så vanskelig.

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

Dobbelklikk på program-ikonet!

Dobbelklikk på program-ikonet! En hjemmeside kan lages i hvilket som helst enkelt tekstbehandlingsprogram (som f.eks. Notepad i Windows eller EnkelTekst på en Mac). Forutsetningen for å kunne gjøre dette er at man behersker html. Html

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

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

Bruksanvisning for publisering med ez publish 3.7.5

Bruksanvisning for publisering med ez publish 3.7.5 Bruksanvisning for publisering med ez publish 3.7.5 Bakgrunn for oppgraderingen Norsk Fysioterapeutforbund har oppgradert nettstedet www.fysio.no. Det er gått over tre år siden NFF lagde det nåværende

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

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

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

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

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

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

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

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

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

1. Cascading Style Sheet (CSS)

1. Cascading Style Sheet (CSS) Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Lene Hoff 18.7.2007 Lærestoffet er utviklet for faget LN515D XML Teknologi 1. Resymé: I denne leksjonen skal vi ta for oss CSS (Cascading

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

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

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

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

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

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

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk Produktdokumentasjon Madison Møbler Administrasjonsside og Nettbutikk 1 1. Forord 1.1 Dokumentasjonen Dette er en teknisk dokumentasjon på produktet som er utviklet. Denne er tiltenkt personer med teknisk

Detaljer

Uansett hvilken håndbok du benytter vil fremgangsmåten være den samme. I denne veiledningen benytter vi personalhåndboken som eksempel.

Uansett hvilken håndbok du benytter vil fremgangsmåten være den samme. I denne veiledningen benytter vi personalhåndboken som eksempel. Velkommen som bruker av nettbaserte håndbøker fra Hovedorganisasjonen Virke. Våre nettbaserte håndbøker kan tilpasses din virksomhet. De er redigerbare, samtidig blir de automatisk oppdatert med nye lover

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

Installasjon InfoMediaPlayer:

Installasjon InfoMediaPlayer: Installasjon InfoMediaPlayer: InfoMediaPlayer lastes ned fra: https://dl.dropboxusercontent.com/u/81046462/5.5.42.exe Dette er en executable RAR fil, så kjør filen og sett C:\InfoMedia som bane for utpakking.

Detaljer

Li-Bjørk A/S på Web !" # $% $&"!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur

Li-Bjørk A/S på Web ! # $% $&!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur !" # $% $&"!' Studentoppgave SY 241 Elektronisk Publisering Prosjektrapport 2002 Avdeling for samfunn, næring og natur 0 Innholdsfortegnelse 1 FORMÅL OG BRUKSOMRÅDE...2 2 LOVER OG AVTALER...3 2.1 SAMARBEIDSAVTALE...3

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

Side 1. Sniggabo CMS brukermanual rev. 2

Side 1. Sniggabo CMS brukermanual rev. 2 Side 1 Sniggabo CMS brukermanual rev. 2 INNHOLDSFORTEGNELSE Logg inn... 3 Menylinje... 3 Artikkelliste... 4 Ny artikkel... 5 Aktiviteter... 8 Rediger aktivitet... 9 Dokumenter... 9 Nytt dokument... 10

Detaljer

Guide for tilkobling til HIKT s Citrix løsning

Guide for tilkobling til HIKT s Citrix løsning Guide for tilkobling til HIKT s Citrix løsning Innhold Guide for tilkobling til HIKT s Citrix løsning... 1 Sjekk om Citrix er installert... 1 Tilgang til applikasjon fra kontoret... 2 Tilgang til applikasjon

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

og bevegelse funksjoner som blir aktivert av hendelser Keyboard Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS

og bevegelse funksjoner som blir aktivert av hendelser Keyboard Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS Keyboard og bevegelse Gløer Olav Langslet Sandvika VGS 12.09.2012 Informasjonsteknologi 2 funksjoner som blir aktivert av hendelser Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler

Detaljer

Brukerhåndbok ipad. for politikere i Melhus kommune

Brukerhåndbok ipad. for politikere i Melhus kommune Brukerhåndbok ipad for politikere i Melhus kommune Innhold SUPPORT... 3 GRUNNKURS I BRUK AV IPAD... 4 KOMME I GANG... 4 Slå på ipad... 4 Velg kode... 4 WIFI (internett)... 5 Opprette apple-id... 5 E-post...

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

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

CSS. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS

CSS. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS Animasjon med CSS Gløer Olav Langslet Sandvika VGS Leksjon 11 Informasjonsteknologi 1 og 2 Animasjon med css Vi har tidligere sett at vi kan programmere bevegelse ved å bruke JavaScript, enten ved å bruke

Detaljer

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS står for Cascading Style Sheets CSS blir brukt til å bestemme hvordan HTML-elementene skal se ut (farge, størrelse,

Detaljer

Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc.

Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc. Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc. Av Thomas Gitlevaag Steg 1. Installasjon Steg 2. simpel utforsking av wordpress steg 3. Sette opp en veldig enkel side. Steg 1.

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

(X)HTML, CSS og JavaScript HTML. Det første dokumentet 26.11.2007. Grunnleggende programmering i Java Monica Strand 26.

(X)HTML, CSS og JavaScript HTML. Det første dokumentet 26.11.2007. Grunnleggende programmering i Java Monica Strand 26. (X)HTML, CSS og JavaScript Grunnleggende programmering i Java Monica Strand 26. november 2007 Gr. leggende Java 26. november 2007 1 HTML HTML = Hyper Text Markup Language Strukturerer tekstinnhold HTML

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

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

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

Veiledning for Krets- og gruppesider.

Veiledning for Krets- og gruppesider. Veiledning for Krets- og gruppesider. For å hjelpe grupper og kretser som ønsker å komme på nett, men ennå ikke er det, tilbyr nå forbundet grupper og kretser egne nettsider. Nettsiden til gruppe og krets

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

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

Læringsmål og pensum. Hvordan virker webteknologi? (klient-tjener arkitektur) HTML - virkemåte. Nettleser: Firefox, Opera, Safari

Læringsmål og pensum. Hvordan virker webteknologi? (klient-tjener arkitektur) HTML - virkemåte. Nettleser: Firefox, Opera, Safari 1 2 Læringsmål og pensum TDT4105/4110 Informasjonsteknologi grunnkurs: Uke 35/36 HTML Førsteamanuensis Alf Inge Wang Læringsmål Lære å lage statiske hjemmesider Bilder Lenker Lister Tabeller Skjema for

Detaljer

Hva er TegnBehandler?

Hva er TegnBehandler? Hva er TegnBehandler? TegnBehandler er et program som er utviklet for tegnspråkanalyse, men det kan også brukes til annen type arbeid hvor man vil analysere video og knytte kommentarer til videoen (MarteMeo,

Detaljer

Brukerveiledning. for student hjemmeeksamen

Brukerveiledning. for student hjemmeeksamen Brukerveiledning for student hjemmeeksamen Oppdatert 27. mars 2015 1 Innhold Innledning Pålogging Godkjente nettlesere Din oversikt over prøver og eksamener Gjennomføre eksamen Navigere i eksamensoppgaven

Detaljer