Ina Anjuta - Kunst og design
Hjem Gratis bloggdesign Portfolio malerier Flg bloggen Designhjelp

4

Non-updated blog

Hei!

Som dere kanskje ser s er ikke dette en blogg som oppdateres veldig ofte,

S derfor ber jeg dere om sende mail dersom dere lurer p noe spesifikt som omhandler design.Mye er allerede besvart i bloggen, men hvis det er noe som ikke allerede er beskrevet s er du hjertelig velkommen til sende meg en mail p inaanjutablogg@hotmail.no

-------

nsker du deg en ny bedriftslogo eller utvidetprofilta kontakt!

  • 13

    Min portfolio som Grafisk designer

    Jeg har akuratt utdannet meg blant annet til bli Grafisk designer/Macoperatr og nsker vise et lite utvalg av det jeg har gjort opp igjennom skoletiden til de som nsker se. Trykk p bildet for komme til nettsiden med portfolio!



    Siden bestr av et utvalg som skal vise noe innenfor mange felt i designbransjen. Som f.eks Emballasjedesign, webdesign, Magasindesign, Illustrasjon, Storformat/Reklameplakat.

    Hva synes du om min portfolio hittil?

  • 19

    Designarbeider fra dette ret

    Tenkte vise dere noe av det jeg har laget p skolen i lpet av dette ret. Vi har laget ganske mye, men her er to av oppgavene. (Resten kommer jeg til legge ut etterhvert.)

    Den ene oppgaven gikk ut p lage et magasin, det var en gruppeoppgave, men alt bortsett fra tekst er laget av meg fordi alt er endret p. Ignorer den drlige forsiden, jeg hadde drlig tid.
    Den andre oppgaven var designe en meny for en fiktiv fiskerestaurant kalt "hummer".

    Oppgavene er lastet opp p en ganske kul side som heter: issuu.com. Jeg vil anbefale alle designere teste ut denne siden. Der kan du laste opp pdf av dine arbeider og vise frem sidene med bla-funksjon. Det er gy. Det er mest for designarbeider med flere sider, f.eks magasiner, bker, kataloger osv... Jeg kommer sikkert til laste mer opp der etterhvert.

    Hva syntes du?

  • 9

    Har du problemer med f widgets i designet?

    Veldig mange har i det siste kommet til meg og spurt om hvordan man skal f widgets i designet. Jeg har desverre ikke hatt anledning til svare alle, s derfor lager jeg innlegg om det. Det er en del som tror det har med selve designet gjre, men det har det ikke. Ideelt sett s burde man alltid legge widgets rett inn i malene, fordi det vil se bedre ut. Hvis du legger widgets inn p blogsoft-widgets-funksjonen s vil det ofte ikke harmonere med utseendet til designet. Med mindre du har standard blogg.no design.

    S jeg legger ut en link med beskrivelse til hvordan du legger widgetsene direkte inn i malene:
    http://inaanjuta.blogg.no/1333722399_legge_inn_widgets_i_d.html.

    Et lite tips nr du skal legge widgets inn i malene er sette inn koden <center> p hver side av widgetskoden snn at den midtstiller seg, hvis den ikke allerede gjr det av seg selv. Eksempel: <center>Widgetskode(r)</center>

  • 11

    Hvor mange ganger hopper grisen?

    P skolen n om dagen s lrer vi lage animasjon, det er gy. Men i stedet for gjre skolearbeid s har jeg sittet laget denne hoppende grisen.

    S hva synes du? Hva skal vi kalle han?

    (animasjon funker drlig p telefon)

  • 23

    Header som ikke passer? (strrelsesguide i photoshop og picasa)

    Det er mange som ikke fr headeren til passe i designet s derfor skal jeg lage en sjekkliste over ting du m huske p nr du skal legge til header.

    Nr 1

    Sjekk at headeren er i riktig strrelse som designet krever. Og at det er de riktige strrelsesforholdene. F.eks det siste designet jeg har krever at du har 1100 pixler i bredden og 500 pixler i hyden.



    Her er et eksempel p opprette et dokument i en gitt strrelse. Dette er fra Photoshop til dere som bruker det. Pass p at dere lager strrelsen i pixler og ikke f.eks pt. Det er egentlig samme hva du lagrer filen i nr det kommer til strrelse, men jeg ville kanskje valgt jpeg til header. Siden jpeg tar kort tid laste inn over nett.

    Picasaguide

    Jeg testet akuratt ut programmet Picasa for frste gang i sted, bare for finne ut hvordan det funker og finne ut hvorfor det er vanskelig f strrelsen til passe. Jeg forstod plutselig hvorfor folk synes det er litt vanskelig. Jeg har ikke testet mer enn bare opprette en fil i riktig strrelse og lagre det. Eneste grunnen til at jeg testet programmet var fordi jeg fr s mange sprsml fra lesere om hvordan lage header i picasa osv. Jeg angrer litt p at jeg lastet det ned fordi den laster automatisk inn alle bildene som jeg har p macen til programmet, og det tar evig tid fjerne. Hva sren skal jeg med alle bildene mine lagret i picasa nr jeg har iphoto og profesjonelle programmer p mac. Arg. Det kunne jo vrt et alternativ bare laste inn noen bilder. Men ok, til dere som liker dette programmet s har jeg laget en strrelsesguide.



    1. Jeg vet ikke hva slags header dere har tenkt til lage, men la oss si at du skal lage en kollasj. Da m du trykke p knappen der det strlag kollasj.

    2. Deretter s finner du den knappen som den rde pilen nummer 1 peker p, finnerLegg til egendefinert strrelsesfolholdog trykker p den.

    3. Da kommer det opp en popup hvor du kan definere strrelsen. Da skriver du inn nsket bredde og hyde. Om det er pixler som er ment her gr jeg bare ut i fra. Men uansett om det er pixler eller ikke s blir det fikset i neste steg.

    4. N kan du lage ferdig headeren din.

    5. Nr du har laget ferdig headeren s trykker du p eksporter.

    6. Da kommer det opp en popup som denne. N m du huke av forEndre strrelse til:

    7. Har kan du skrive inn den bredden du nsker ha p headeren. Husk at det er bredden du m oppgi og ikke hyde.

    8. Til slutt trykker du p eksporter, s skal headeren ha blitt lagret p pc din et sted i mappe som heter kollasjer.

    Nr.2

    Last opp bildet ditt p en bildeopplastningsside. Enten om du gjr det via Picasa eller om du bruker opplastningsider som photobucket.com eller imageshack.eu.

    I dette eksemplet s har jeg brukt imageshack.eu. Hvis du skal bruke denne siden s m du frst lage egen bruker. Samme med photobucket.com.


    1. Pass p at du har huket av p Do not resize. Ellers s blir bildet skalert mindre, eller strre.

    Jeg lastet akuratt en header laget i picasa opp i imageshack med samme fremgangsmte som i dette innlegget, og det gikk helt fint. Headeren passer perfekt i designet. Men hvis dere bruker picasa som opplastningside s vet jeg ikke hva som skjer med bildet. Det er mulig du m dobbeltsjekke bildestrrelsen et par ganger. Har ikke testet det ut og har ikke tenkt til gjre det, programmet gr rett i sletteboksen.

    Kom gjerne med innspill til dette innlegget.Hvilket program redigerer du header? Og hvilken opplastningside bruker du?

  • 26

    Design nerd

    Hvis dere lurer p hva jeg driver med siden jeg aldri blogger s skal jeg fortelle dere det. Jeg har blant annet startet p et gratis design som jeg tror jeg skal lage fler versjoner av. Jeg har tittet p svarene deres fra forrige innlegg og har ftt et innblikk i hva dere liker. Og jeg er tror at duse beige-toner er tingen om dagen.

    Problemet er at det er altfor likt mitt eget, s det m jeg gjre noe med fr jeg legger det ut. Ville du brukt et slikt type design?

    En annen ting som jeg driver med er denne oppgaven som vi har ftt p skolen som gr ut p designe et musikkmagasin. Da var jeg s heldig f Etno-jazz som sjanger. S i det siste har jeg begynt hre p Etno-jazz, det er ganske s kult. Men jeg klarer ikke helt bestemme meg hvor hvordan det skal se ut. Dette er bare en skisse som jeg har laget i photoshop. Tror jeg skal lage noe snt som dette, hvis lreren min tillater det, vi fr se. Jeg klarer ikke lage det s altfor enkelt, det m vre kunstnerisk og annerledes. Dette er innsiden av magasinet og ikke forsiden.




  • 77

    Hvilken toppblogger har det beste designet?

    Tenkte jeg snart skulle sette meg ned for lage et nytt gratis design. Og n har jeg sett p hvordan type design dere nsker at jeg skal lage ved hjelp av denne pollen. Det er bra at s mange har sagt hva de nsker, og jeg tar til meg folks meninger. Selvflgelig vil de fleste har slik som toppbloggerene har, Men blant toppbloggerene s finnes det jo veldig mange forskjellig typer design. S hvordan design har de og hvem har det beste designet?

    Jeg spr fordi det er interessant vite, men har ingen planer om herme etter et spesifikt design nr jeg skal lage gratis. Fordi herming er ikke min greie.

    SPRSML: HVILKEN TOPPBLOGGER HAR DET BESTE DESIGNET SYNES DU?

  • 4

    Update

    Er dere fremdeles interessert i et juledesign? Og synes dere det jeg har laget hittil er fint? Beklager at jeg blogger om at jeg skal legge ut alt mulig rart ogs gjr jeg ikke det, men innleveringsoppgavene p skolen var strre enn jeg trodde i utgangspunket. Jeg hadde tenkt til legge ut dette designet for mange dager siden egentlig. Men ble bare aldri helt fornyd. Kunne du brukt det snn som det er n? Eller helst litt annerledes?



    Blogges om 4 dager fordi da er siste innlevering fr juleferien, kanskje vi blogges fr det ogs!

  • 5

    Endelig ferdig!

    Ahhh.... endelig ferdig med te oppgaven. Vel nesten da, har presentasjon i morgen og etter det er jeg ferdig. Her er den ferdigprintede versjonen, brettet sammen.

    Her et den i utbrettet versjon. Elektronisk.




    Ja det er masse feil, men det bryr jeg meg ikke noe om. N er jeg ferdig og bort med emballasje og inn med livet.

  • 0

    Hvordan skjule innlegg

    Mange av dere spr meg ofte om det er mulig skjule innlegg. Hvis du foreksempel har publisert et innlegg "om meg" eller noe annet som du ikke nsker skal vises som et blogginnlegg. S hittil har jeg bare sagt at dette er mulig men jeg har iallefall noen tips for hva du kan gjre.

    Tips 1.

    Les forklaringen for hvordan du skjuler innlegg og kategorier med koding her. Det er fra en annen blogg som ogs har en del tutorials. Det kan vre litt komplisert hvis du er nybegynner.

    Tips 2. (enkel)

    Se i gjennom arkivet for blogginnlegg som du har publisert tidligere og se om det er noen innlegg du ikke synes er s viktig at er der. Bytt i s fall ut teksten i innlegget og skriv inn ny tekst. Da vil kanskje ikke innlegget bli skjult, men det publiseres iallefall ikke p forsiden og de frreste vil legge merke til at du har laget et innlegg "om meg" f.eks.


  • 34

    Lager du gratis headere? Eller for penger?

    Grunnen til at jeg lurer er fordi jeg nsker lage en link-liste over alle de som lager headere til andre. Dette er litt for ha noe henvise til nr folk spr om jeg kan lage header, noe jeg ikke gjr for bloggere lenger. Jeg fr relativt mange foresprsler om det, s hvis du liker lage headere til andre enten for penger, eller gratis kan du ikke baremelde deg p denne listen? Det vil st ved siden av navnet ditt om du gjr det gratis, eller tar litt penger for det.

    Da kan jeg legge til listen som en kategori under designhjelp, da vil du kanskje ogs f en del foresprsler.

    Noen som vil vre p denne listen?

  • 2

    Endelig et nytt design.

    N var det deilig bli kvitt det forrige designet! Ikke bare var jeg lei av det, men jeg hatet det forrige. Jeg har bare ikke tatt meg tid til bytte fr n. Nr jeg har en designblogg s blir det helt feil ha et design som ikke er fint, s dette er jeg mye mer fornyd med. Si fra hvis det er noen feil eller ser rart ut i din nettleser fordi jeg fikset det ganske fort og er ikke ferdig enda.

    Her var det gamle, fr jeg dela det enda mer.



    Hvis jeg rekker det fr jeg gr ut etterp s legger jeg ut det nye gratis designet. Eller s kommer det i morgen.

  • 8

    Laget enda et nytt design til dere (snart) + noen ord om designbruk

    Tenkte vise dere det nye designet s dere fr sett det, jeg vet at mange av dere liker rosa s derfor laget jeg enda et som er rosa. Hva synes du?

    Samtidig tenkte jeg at jeg skulle ta opp noe viktig i forhold til bruk av design. Jeg har egentlig aldri skrevet noe innlegg om det fr, men n gjr jeg det. Og det er all missbruk av design. Jeg snakker ikke til mer enn kanskje 5% av dere. S alle dere som viser respekt til bruk av design, trenger ikke lese dette. (:P)

    Jeg har kommet over mange, spesielt i det siste som tar vekk linken tilbake til min blogg. Og noen legger igjen link til egen blogg, som om noen skulle tro at det er de som har laget det. Da kan jeg for det frste si at de aller frreste kjper at det er "du" som har laget designet. Hvis folk hadde trodd det var du som hadde laget designet, s hadde ikke jeg ftt eposten min rent ned at folk som sier fra om at andre missbruker designene mine. Det er samtidig sppas mange som kjenner igjen mange av designene uansett, og da vil folk som ser det miste respekt for "deg" og bloggen din.

    P tross av at jeg skriver nederst i design-innleggene mine at "Det er lov til endre p designet, men ikke ta bort linken til min blogg", s forstr ikke folk dette? Veldig ofte hvis jeg konfronterer noen med ta tatt vekk linken til bloggen min s er svaret: " jeg bare tenkte at siden jeg har endret s mye, s ville det ikke vre riktig ha linken der". De som svarer dette er selvflgelig inneforsttt med at det ikke er lov, det er bare en unnskyldning de tror de kan slippe unna med. Samme som med: "det var ikke jeg som satt det inn, det var venninnen min og hun tok det vekk". S jeg vil at dere skal vre klar over at dette heller ikke er en godtatt unnskyldning. Din venninne bryr seg jo egentlig ikke om du har link p siden din eller ikke, s derfor vet jeg at ogs dette er lgn. Snn for komme til en konklusjon s biter jeg ikke p noen som helst unnskyldninger uansett, s det beste er bare bare innrmme det og sette tilbake linken. Du skal egentlig ikke ta det bort i det hele tatt selvflgelig, men dette er da alts dedikert til de som tar bort disse linkene fordi de tror de kan slippe unna alt bare de har en "god nok unnskyldning".

    Og en ting jeg reagerer p til slutt er at dette veldig ofte gjelder de som er litt "voksne". Folk over 20 r br ha vett nok til forst at man ikke tar ren for andres verk spesielt.

    S jeg gir det en sjanse til med dette designet, men hvis ikke det blir bedringer i vise respekt s kommer jeg til slutte legge ut gratis design.

    Ps. Nr jeg skriver "deg" i innlegget s snakker jeg kun til de som stjeler design ikke dere andre (<3)

  • 7

    Nytt design p vei.

    Greit nr man "ligger" syk at man fr gjort noe produktivt. S i dag har jeg ftt laget et nytt design. Er ikke helt ferdig enda, men blir sikkert ferdig om ikke s lenge. Og ja det er ment for dere!

    Hva synes du om det hittil?




  • 6

    Hvordan f favicon i skefeltet p bloggen

    Har helt glemt legge ut hvordan du kan f favicon. Favicon er eksempel den rosa b som blogg.no bruker, som ligger oppe i hjrnet i skefeltet.



    Og det er veldig enkelt skaffe en egen. Det du gjr er:

    1. Lag et bilde som du nsker bruke. Eller bare bruk et bilde av noe. Bildet br vre tydelig og veldig forenklet slik at du kan se hva det er for noe nr det blir forminsket. Og bildet br vre kvadratisk.

    2. Last bildet opp p f.eks: imageshack.us

    3. Finn denne linjen i malene: <link rel=" shortcut icon" href="http://static.blogg.no/blogs/favicon.gif " type="image/gif" />

    Den ligger rett over denne koden:</head> Ganske langt oppe i malene.

    4.Ta vekk den url som str allerede str der. Det vil si det som er med uthevet skrift i dette eksemplet:

    <link rel=" shortcut icon" href="http://static.blogg.no/blogs/favicon.gif " type="image/gif" />

    5. Og ertsatt med url til bildet ditt. Url finner du p imageshack forresten. Samme prosedyre som nr du skal sette inn header.

    Eksempel p favicon, Dette er den jeg bruker n.





  • 81

    Designhjelp

  • 5

    Vil du se det frste designet jeg laget?

    Her er det! Det var egentlig ment som et gratis design som jeg skulle gi ut, men s syntes jeg det ble s stygt s jeg droppet legge det ut. Og dette er bare et r siden jeg laget, fr det hadde jeg aldri vrt borti html og css koder fr. S det er fint se utviklingen fra da til n. Og dette er faktisk det designet jeg har brukt aller lengst tid p lage.


    Jeg laget til og med enda en versjon i grbrunt. P en mte s skjnner jeg ikke helt hva jeg tenkte p med de fargene og det sykkelbildet. Men hadde jeg ikke laget disse stygge designene s hadde jeg heller aldri lrt noe som helst. Man m liksom alltids vre skikkelig drlig i noe fr man kan bli god. Det verste er at jeg var dritstolt da jeg laget disse husker jeg.



    Hva synes du?

  • 5

    Nytt design!

    Har laget meg et nytt design. Planen var lage et stilrent, sort hvitt litt kult og moderne design men endte opp som alt annet enn det.

    Den verste er designet jeg endte opp med bruke. De to nederste er bare en av variantene jeg har vrt innom. Alle knappene fungerer bortsett fra designhjelp knappen. Hvis du skal ha designhjelp s er det bare g p kategorien HTML og CSS i mellomtiden. Ellers s ville jeg ogs gtt p kategorien gratis bloggdesign for finne gratis designene til jeg oppdaterer innlegget hvor jeg har gratisdesignene samlet.

    1.

    2. Planen var at designet skulle bli slikt som dette. Men s syntes jeg det s s trist ut.

    3. S var jeg innom denne, men flte at menyen ble litt overkill.




    Eller hva synes dere? Synes dere en av de 2 nederste var bedre?

    Nr jeg frst sitter her skriver s kan jeg vel nevne at det har blitt ganske lite blogging den siste tiden. Startet p skolen forrige uke s da er det alltid mye styr. Dessuten har jeg vrt i design-modus. Da klarer jeg av en eller annen grunn ikke vre i bloggmodus. Det er litt snn at design og blogging er litt motstridende og noen ganger m man velge mellom blogge eller holde fokus p design. Nr det er sagt s kommer det til bli mye om design fremover siden jeg n studerer mac-design. Da blir det mer fokus p grafisk design og programvare. F.eks photoshop.

  • 50

    Detaljert beskrivelse for hvordan du legger inn linker i meny.(om meg, kontakt)

    Ok n skal jeg skrive en s detaljert beskrivelse som mulig om hvordan man legger inn linker i menyene som jeg har p mange av designene mine. Jeg fr daglig foresprsler om hvordan man gjr det og det er vanskelig svare p det i kommentarfeltet.

    Flg punktene under i rekke flge.

    1.

    Det frste du m gjre er skrive et helt vanlig innlegg om f.eks deg selv. Kanskje skrive om hva bloggen handler om, det er opp til deg. Du m huske publisere det.

    2.

    Etter ha publisert innlegget om deg selv s m du trykke p akuratt det innlegget. (Da bare trykker du p overskriften til innlegget)

    3.

    S m du kopiere opp url til innlegget ved markere skelinjen. Derretter hyreklikker du og trykker p kopier. Det ligger verst i vinduet. Som vist p bildet under. (jeg har brukt et tilfeldig innlegg fra bloggen min for illustrere)

    4.

    Nr du har kopiert opp url s m du g inn p DESIGN>REDIGER>MALER. Begynn gjerne med forsidemalen.

    5.

    S kan du ske, eller bare finne denne koden i maler:

    <div id="meny">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="Url til innlegg"> Om meg </a>

    <a href="Url til innlegg"> Kontakt </a>

    </div>

    Den ligger ganske hyt oppe i malene.

    6.

    S ser du at det str url til innlegg. Og bak der str overskriften, Om meg.

    <div id="meny">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="Url til innlegg"> Om meg </a>

    <a href="Url til innlegg"> Kontakt </a>

    </div>

    7.

    Du skal ta bort: url til innleggog bytte ut med den url som du allerede har kopiert.

    eksempel:

    <a href="http://inaanjuta.blogg.no/1343147982_ofte_stilte_sprsml.html"> Om meg </a>

    8.

    Etter at du har limt inn m du huske lagre. Lagre for hver endring du gjr.

    9.

    S m du gjre det samme med kontakt. Alts lage et innlegg om kontakt informasjon, s kopiere url og lime inn p samme mte. Du m da selflgelig lime inn under, der hvor kontakt er overskriften.

    10.

    Det som gjenstr da er lime inn p samme mte i alle fire maler. Det vil si p forsidemalen, innleggsmalen, kategorimalen og arkivmalen.

  • 0

    Virus p blogg?

    Mottok akuratt en mail angende tellere p bloggen og de virusvarslene som folk fr opp. Blogg.no har oppfordret alle til fjerne disse tellerene fra bloggene sine fordi det gir popups som ser ut som virus. Det er ikke virus, men de sier at du br fjerne det fra bloggen din hvis du har det.

    Men poenget er at det ikke har noe med mine design gjre. Hvis du har en teller inne p bloggen din s har du lagt det inn via widgetsmodulen p egenhnd. Og den har ingenting med html og css kodene gjre. Bare s ikke flere av dere tror at dere m bytte design p grunn av dette.

    Ok s til informasjon for fjerne disse s gr du inn p DESIGN>REDIGER>WIDGETS. S fjerner du alt som str der. S er problemet solved.

  • 11

    Legge dette designet ut gratis?

    Begynner bli ganske lei av dette designet! N vil jeg egentlig ha noe helt nytt. Jeg har startet p et s kommer til bytte ut snart. Men er det noen som vil ha dette som gratis design? Det blir selflgelig uten alt det rotet i sidemenyen. Bare med de tre dropdownmenyene. Men kommer til ta bort headermenyen. ( Organictabs ) Hvis ikke hadde jeg nok blitt rent ned av sprsml siden det er vanskelig sette inn diverse ting.






  • 2

    Fargekoder blogg.no

    Hvor finner du farger til designet ditt? G inn p designbygger.

    Her kan du finne alle fargene du trenger. Det er ikke vits i se p snne kart, der finnes bare noen f farger. jeg har alltid funnet farger her i allefall. Man kan finne p photoshop og andre steder, men det er greiest finne de her.



    D m huske p trykke en ekstra gang for at koden skal komme opp. Husk ogs p den firkanten. Den skal alltid vre fr koden.

  • 15

    ALT OM SKRIFTTYPER

    Hvordan endre skrifttyper, alle mulige skrifttyper. tilrettelagt mine design. Har allerede laget forklaringer p det, men samler alt i et innlegg s det blir lettere finne.

    Fr minst 3 sprsml om dette hver dag, s kan skrive et innlegg om hvordan man gjr det.

    Dette gjres i stilsettet. Design>rediger>stilsett.

    For endre skriften p innleggene:

    Skrifttypen str under #main eller #body i stilsettet.

    Slik som dette f.eks:

    }

    body {

    background-color: #f9f9f9;

    font-family: calibri, times, Arial, Helvetica, sans-serif; <----Skriv inn nsket skrifttype foran de andre skrifttypene.

    color: #686868;

    Endre skrift p overskrifter.

    Sidemeny:

    For endre skrifttype p overskriftene i sidemenyen s m du finne h3 i stilsettet.

    }

    h3 {

    font-family: calibri,georgia, Times, Arial; <----Skriv inn nsket skrifttype foran de andre skrifttypene.

    color: #868686;

    background-color:#f9f9f9;

    Innlegg.

    1. Finn h2 i stilsettet. Slik som dette:

    }

    h2 {

    font-family:'calibri, Arial narrow,Georgia, Arial; <----Skriv inn nsket skrifttype foran de andre skriftypene.

    color: #868686;

    }

    Endre skrifttype p menyene som jeg ofte har under headeren p gratis designene:

    1. Finn meny i stilsettet, det ligger ganske langt ned

    Slik som dette:

    }

    #meny {

    background-color:#ffffff;

    font-family:Zapfino, Arial narrow,Georgia, Arial; <----Skriv inn nsket skrifttype foran de andre skriftypene.

    }

    Skrifttype importert fra google

    I noen av mine design har jeg importert skrifttyper fra nettet. Slik at skrifttypen vises hos alle. Da kan det se slik ut:font-family: 'Dancing script ',calibri, Arial narrow,Georgia, Arial;

    verst i stilsettet er denne koden:@import url(http://fonts.googleapis.com/css?family=dancing+script);

    1. For endre denne kan du enten bare ta bort hele skrifttypen og skrive inn en vanlig en istedet.

    2. Ellers s kan du importere din egen skrift derfra, link til siden du m inn p:http://www.google.com/webfonts/

    3. Da finner du en skrifttype du liker og kopierer den. Limer den inn i den koden du finner verst i stilsettet. Husk ha et plusstegn (+) mellom oppdelte ord.

    4. S limer du inn samme skriftype under der du nsker. f.eks h2 som er overskrift i innleggene.

    eksempel:

    }

    h2 {

    font-family: 'Dancing script ',calibri, Arial narrow,Georgia, Arial;

    color: #868686;

    }

    NB.Husk ha med disse:''

    nsker du endre farger?

    N vet du hvor de forskjellige tingene ligger s da er det lett endre farger.

    Da bare endrer du, color:#fargekode; <----farge p skrift

    Eller background-color:#fargekode; <---farger p bakgrunner generelt

  • 1

    Innfring av leser-mail. Og svar p sprsml.

    Jeg kom akuratt p at jeg skal innfre leser-email p bloggen. Det vil si at alle e-poster jeg fr med design sprsml, publiserer jeg p bloggen, med et svar.

    P den mten fr flere svar p sprsml som de kanskje lurte p. Dessuten i stedet for publisere masse HTML og CSS forklaringer p bloggen uten at noen har spurt om det, s gjr jeg det heller p denne mten fra n av.

    Hvis ikke du vil at navnet , eller mailen skal publiseres s er det bare si fra om det.

    Det m s klart ikke bare vre design sprsml, det kan vre hva som helst. Jeg lager en ny kategori s om du senere vil lete etter svar s finnes det under kategorien leser-email.



  • 4

    Tulleredigering i photoshop

    Jeg har redigert p to forskjellige bilder, men bildene er photoboothbilder s kvaliteten er ikke s bra.

    De to verste er samme bilde ja! Skjnnheten og udyret i samme bildet.

















  • 5

    Forsmak p design.

    Snn her blir det nye designet. Eller den nye versjonen av det rosa og gr.

    Bare laget det enkelt med litt mrkere gr enn jeg pleier. Har endret litt p det s det ikke skulle bli klinlikt. Dessuten har jeg plassert bloggen litt bedre.

    Jeg legger ikke ut kodene helt enda, men de kommer nok snart.

  • 6

    Ny versjon av rosa og gr design?

    Veldig mange lurer p hvordan man endrer farge p det rosa og gr designet. S jeg lurer p om jeg skal lage en ny versjon i grtoner eller andre farger om dere vil det ?

    Jeg gjr det hvis flere stemmer for det!




  • 3

    Nytt design

    Har lagt inn et nytt design n, men det er ikke helt ferdig! Er en del sm ting som m fikses og s tror jeg at jeg skal bytte header.

  • 157

    Hvordan legge inn profilbilde og header, Video!

    Hper dere forstr denne forklaringen.

    Bildeopplastningsside brukt i videoen: Photobucket.com

  • 7

    Bloggdesign til stina

    Siste design jeg har laget:

    Til stinamako.blogg.no (hper det gr greit at jeg bare tok bilde av bloggen din)



    Jeg har to ukers pause i lage design n forresten, har en del gjre p skolen n frem til sommeren.

  • 0

    Profilbilde og header

    Jeg lovet jo legge ut en videotutorial p hvordan man legger inn profilbilde og header. Men jeg hrtes ut som en idiot p videoen. Alts enda mer enn p den forrige s derfor lager jeg heller en ny snart!




  • 75

    Hvordan sette inn gratis design?(video)

    Video dedikert til de som synes det er litt vanskelig sette inn selv. Det er lettere se hva man skal gjre enn lese seg frem til det noen ganger.

    Snart kommer ogs hvordan legge inn header og profilbilde. Jeg skulle egentlig tilsette litt musikk, men etter at jeg gjorde det fikk jeg ikke lastet opp videoen.

  • 7

    Mye vil ha mer? For mye og forlangt at mange timers arbeid skal koste penger?

    Jeg setter utrolig stor pris p folks takknemmelighet for at jeg lager design. Og jeg setter samtidig utrolig stor pris p de hyggelige kommetarene som jeg fr p bloggen min.

    Samtidig er det en ting jeg nsker ta opp og det er nr det kommer til bestilling av design. Noen synes det er rart at jeg tar betalt for det? Dette er noe jeg stiller meg svrt uforstende til. Jeg har jo lagt ut 9 forskjellige gratis design som er beregnet p de som nsker et fint design som ikke koster penger. Dette gir samtidig et valg. Du trenger ikke betale for design, ingen tvinger noen til bestille et design. Likevel er det noen som har problemer med at jeg tar penger for lage skreddersydde design?

    Det er ikke slik at jeg synes det er noen god forretning lage design til folk, for det er det ikke. lage et design tar rundt 8-9 timer og noen ganger mer fordi jeg gjr meg flid med det. Og da er ikke 150-200kr noen spesielt god timelnn. Og hadde det vrt gratis s hadde jeg ftt alt for mange bestillinger og jeg hadde ikke hatt mulighet til tilfredsstille alle.

    S fra n av vil jeg gjerne sette en aldersgrense p 16 r for bestilling av design. Da vet jeg ogs at de antagelig har penger til det og samtidig er inneforsttt med vilkrene.Jeg vil jo ndig at foreldre skal mtte betale for det.

    Vet at jeg snakker til kun noen ytterst f, De fleste viser stor respekt for at jeg legger ut design som de kan ha glede av. Hvis ikke s hadde jeg bare slettet alle gratis designene med en gang.

    Forresten tenk p alle de bloggerne som tjener flere tusen kroner p fortelle om hva de spiste til middag.

    :)

  • 11

    Grnt design eller?




    N driver jeg redigerer p et nytt design som skal vre et gratis design! Men det er jo dere som eventuelt skal bruke det s fortell gjerne om nsker! Jeg driver fremdeles og redigerer p det s det er bare fortelle om det kanskje hadde passet bedre med en annen farge, eller om det er noen andre endringer jeg br gjre?



  • 0

    Endre farge p linker i innlegg

    G inn p design>rediger>stilsett

    Lim denne koden inn nederst:

    .content a:link,.content a:visited,.content a:active { color: #cccccc; }

    Bytt ut fargekoden med den fargen som du vil ha p linkene.

  • 2

    Min mening om det nye blogsoft

    Da jeg frst skaffet meg blogg s syntes jeg at det designet var ganske rart. Men s vendte jeg meg til det.

    Det positive med dette designet er at:

    1. Det er en hovedmeny som gjr det mer oversiktlig.

    2. Der du skriver innlegg er det mye bredere s du slipper dra p scrollen for se hele innlegget.

    3. Du fr varsel nr du fr kommentarer og innboksmeldinger

    4. Mye bedre oversikt over "vennene" dine, og lettere ske opp hver enkelt.

    Negativt:

    1. Alt er s sykt bredt. Er egentlig litt motstander av alle brede sider. Veldig brede blogger trykker jeg bare ut av.

    2. Det er vanskeligere f overblikk. s snn sett blir det ogs mer uoversiktlig.

    3. Nr jeg skal redigere design m jeg sitte stirre inn i venstrehjrnet i stedet for p midten.

    4. Jeg m lage masse touturials p nytt. Heldighvis har jeg ikke s mange bilder p toturialsene mine da slipper jeg bytte ut alle. Fordi ellers s blir forklaringene mine det samme uansett. (alts p designhjelp sidene mine)

    Alt i alt ser det mye mer fancy ut ! Jeg fr bare tle litt skink i nakken mot venste.

    Hva synes du?

  • 14

    Nytt angende sette inn gratisdesign + regler for linken til navnet mitt.

    Mottar en del mail fra folk som vil at jeg skal legge inn gratis-design for dem. Jeg har gjort det for folk hittil, men nr det blir for mange s blir jeg ndt til ta en 50 lapp for det. Men da setter jeg inn bde header og profilbilde. Spesielt nr mange av de jeg setter inn for ikke en gang sier takk etterp! Men det er mange takknemmelige mennesker der ute som skriver innlegg om at jeg har satt inn design for dem, og det setter jeg veldig pris p :D Fordi jeg flger med!

    S fra n av koster det 50 kroner for f satt inn design. Det fine er at da slipper du ogs sette inn header og profilbilde selv. Betalingsinfo fr du da hvis du sender en mail.

    En annen liten ting som jeg har innfrt er for de som p dd og liv m ta bort at jeg har laget designene, har du alts mulighet til kjpe deg fri. Det vil si at hvis du betaler meg 50 kr s kan du "late" som at du har laget designet selv.

    Til de som ikke vet det s er det usedvanlig enkelt for meg finne ut hvem som tar bort at jeg har laget designet. Det er bare ske opp s finner jeg det ut. Jeg m likevel tilfye at de fleste er flinke og tar ikke bort at jeg har laget designet!

  • 67

    Hvordan f kommentarhjerte/boble

    Denne er litt komplisert for de som ikke kan koding, men skal legge ut en forklaring p hvordan jeg gjr det. Jeg har sikkert en helt annen metode enn alle andre. Kanskje denne er mest komplisert, men uansett.

    Stilsett ( design>rediger>stilsett )

    1. Lim inn hele koden under nederst i stilsettet:

    }

    .entry .meta span{

    float: right;

    font-size: 23px;

    font-family: times,Arial, Helvetica, sans-serif;

    color:#686868;

    margin-top:-45px;

    margin-right:-35px;

    }

    .comment-bubble {

    float: right;

    background: url(URL TIL HJERTE ELLER BOBLE) no-repeat;

    width: 85px;

    height: 52px;

    font-size: 48px;

    margin-top: -44px;

    text-align: center;

    margin-right:-50px;

    }

    Husk lagre!

    Maler ( design>rediger>maler )

    2. Kopier denne koden:

    <b:if cond='data:post.allowComments'>

    <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

    </b:if>

    3.Den skal limes inn rett over kommantarer som vist i et eksempel under:

    <b:if cond='data:post.allowComments'>

    <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

    </b:if>

    <span>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </span>

    Legg merke til at jeg har tatt bort der det str "kommentarer" osv. fordi det der ikke fint ut i hjertet eller boblen.

    3. Mens du er i gang kan du tilfye <span> og </span>over og under kommantarer. Akuratt som jeg viser ovenfor.

    4. Husk gjre det samme i alle fire maler.

    5. Finn en boble eller et hjerte som du vil bruke. Eller lag et selv. Last det opp p imageshack.us eller photobucket.com. Kopier direct-link, alts url til bildet og lim det inn i stilsettet der det strURL TIL HJERTE ELLER BOBLE.

    6.N har jeg stilt inn slik at det kodene passer til min egen blogg og det kan hende at du m endre en del p hvor hjertet eller boblen skal ligge. Da m du endre p tallene der det str: margin-right:-50px bde under .entry.meta span og p .comment-bubble i stlsettet.

    7. For endre farge p tallet, alts linken til kommentarene m du lime inn denne koden nederst i stilsettet:

    .entry .meta span,.entry .meta span a,.entry .meta span a:link,.entry .meta span a:visited,.entry .meta span a:active { color: #868686; }

    Hvis du vil ha hvit skrift i hjertet bytter du bare ut koden med #ffffff;

    Hper du forstod denne forklaringen og at det ikke ble mye!

  • 15

    Fikse infolinje. Det meste av endringer du fr gjort.

    Hvis du f.eks nsker endre p infolinjen i seg selv s kan du bare lime inn denne koden nederst i stilsettet:

    }

    .entry .meta {

    font-family: Times, Sathu, arial; <---skrifttype

    font-size: 11px; <---skriftstrrelse

    font-weight: normal; <---tykkelse p skrift

    color: #555555; <---farge p skrift. som ikke er link

    background-color: transparent; <---bakgrunnsfarge p infolinjen

    padding: 3px ; <---tykkelse p bakgrunnsfarge om du ha det. den endrer ogs p mellomrommet

    top: -5px; <---- forhold mellom infolinje og overskrift

    text-align:left; <---Om den skal ligge til venstre, hyre eller i midten

    }

    Men n er kanskje linkene en annen farge enn skriften generelt:

    S for slippe g inn i maler styre s kan du bare lime inn denne koden nederst i stilsettet

    .entry .meta ,.entry .meta a,.entry .meta a:link,.entry .meta a:visited,.entry .meta a:active { color: #555555; }

    S da er det bare endre p fargekoden #555555 til en annen fargekode s har du fikset det .

  • 15

    Dele sidemeny opp i bokser metode 1 og 2

    Hadde helt glemt legge ut denne koden!

    Enkel metode 1:

    Her er koden:

    #side div {

    background-color: #FFFFFF;

    padding: 8px;

    margin-bottom: 10px;

    border: 1px solid #cccccc;

    }

    Den skal limes inn nederst i stilsettet (design>rediger>stilsett )

    Hvis boksene skal vre hvite og du i tillegg har en hvit #wrapper s m du huske endre fargekoden under der til #transparent (som er gjennomsiktig)

    Husk ogs gjre om bakgrunnsfargen til #transparent under #side hvis du har #side i stilsettet.

    Litt mer komplisert , metode 2

    Du kan dele opp sidemeny i bokser p en annen mte, da fr du bedre kontroll over hva som ligger i hver boks:


    1. Lim inn denne koden nederst i stilsettet:

    }

    #box {

    background-color:#ffffff;

    padding: 10px 10px 10px 10px;

    margin: 0 0 10px 0;

    overflow: hidden;

    border: 1px solid #cccccc;

    Lagre og g inn p design>rediger>maler

    2. Da limer du inn denne koden i alle malerne over det du vil ha i boksen: <div id="box">

    3. S avslutter du med legge inn denne koden under det du vil ha i boksen: </div>

    Eksempel:

    <div id="box">

    Innhold som du vil ha i boksen

    skal ligge innenfor her

    </div>


  • 16

    Hvordan skal det nye gratisdesignet se ut?

    Driver lager et nytt gratisdesign, men s lurer jeg p om jeg skal gjre noen endringer!

    S da lurer jeg p : Hva er det dere vil ha?

    Her er designet forelpig:



    Br jeg ta bort dropdownmenyen eller kanskje gjre designet den mrkere?

  • 2

    Angende bestilling av design

    Fr en del bestillinger p design derfor tenkte jeg og skrive litt informasjon om det.

    Jeg tar bestillinger p design!

    Jeg lager ikke headere forelpig. Med mindre det inngr i designet.

    - Et design koster 150-200 kr. Det kan bli mer eller mindre utifra hvordan type design du nsker.

    - Forsk og skrive s detaljert som mulig om hvordan du nsker at designet skal se ut. Da blir det lettere og vite hvordan du lnsker at det skal se ut. Hvis du kan fylle ut alle punktene under ville det vrt supert!

    • Farger
    • Skrifttype (snn ca)
    • Hvordan type meny du nsker
    • Hvordan kommentarene og kommentarfeltet skal se ut
    • Bred eller smal

    Bestill over mail: inaanjutablogg@hotmail.no

  • 7

    N er designene fikset!

    Nr du bruker photobucket som bildeopplastningsside har du bare en viss kvote p "sidevisninger" av sider som har bilder fra photobucket.

    For si det enkelt: For mange har design med bilder fra min photobucketside. Derfor har noen av designene blitt seendes rare ut!

    Men slapp av........... Det du gjr er bare laste inn designet p nytt ! Fordi jeg har fikset det :)




  • 0

    Noe rart med designet i dag?

    I gr kveld satt jeg og konverterte alle bildene over til imageshack istedet for photobucket. Men det var akuratt for sent!! arg!

    S hvis dere som har designene mine vil kan dere laste inn designene p nytt i morgen, for da har jeg ftt fikset det ferdig. Da blir designene akuratt som fr :) Har allerede fikset en del men har litt igjen p de.

  • 11

    Har byttet design

    Da har jeg skaffet meg et nytt design! med organic tabs. Lurer p om jeg skal bytte header.

    Ikke rart hvis noen ikke kjenner igjen bloggen min siden jeg bytter design s ofte.

    Under er den gamle


    Hvilket er finest, det gamle eller nye?

    Os lurer jeg p om jeg skal gi bort det gamle?

  • 5

    Hvor finner du svar p dine kommentarer?

    Det virker som at mange ikke sjekker svarene de fr fordi de tror de m g rundt lete etter svar p andre blogger , Men det trenger du ikke!

    Inne p HJEM s kan du sjekke svarene dine.

    Som vist p dette bildet:



    Det gjelder selvsagt bare nr du har lagt ved url til bloggen din hvis ikke du har det s m du lete!

  • 24

    Stilsett rosa

    .entry {

    background-color: #ffffff;

    }

    body {

    background-color: #fdf4f6;

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #6b6868;

    }

    #header {

    background: url(http://img832.imageshack.us/img832/7353/headerrosadesign.png);

    background-repeat: repeat;

    height: 390px;

    width: 820px;

    padding: 0px;

    margin: 0px 90px 1px -20px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    }

    #wrapper {

    position:relative;

    background-color: #transparent;

    margin-left: -20px;

    width: 1042px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    padding: 10px;

    }

    #main {

    background-color: #ffffff;

    margin-left: -12px;

    width: 800px;

    padding: 10px;

    margin-top: -9px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    }

    #side {

    width: 200px;

    border: 1px dotted #fff0f0;

    background-color: #ffffff;

    padding: 10px;

    font-size: 8pt;

    font-family: georgia, Arial, Helvetica, sans-serif;

    color: # 6b6868;

    margin-top: -435px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    text-align: center;

    }

    #footer {

    background-color: #ffffff;

    margin-left: auto;

    margin-right: auto;

    width: 800px;

    display: none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #cccccc;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #ebb7ca; }

    h1, h1 a, h1 a:link, h1 a:visited, h1 a:active { color: #555555; }

    h4, h4 a, h4 a:link, h4 a:visited, h4 a:active { color: #ebb7ca; }

    h3, h3 a, h3 a:link, h3 a:visited, h3 a:active { color: #555555; }

    h5, h5 a, h5 a:link, h5 a:visited, h5 a:active { color: #6b6868; }

    h7, h7 a, h7 a:link, h7 a:visited, h7 a:active { color: #6b6868; }

    }

    h1 {

    font-family: Zapfino, Arial, Helvetica, sans-serif;

    color: #6b6868;

    }

    h2 {

    font-family: Times, Georgia, Arial, Helvetica, sans-serif;

    color: #ebb7ca;

    text-align:center;

    letter-spacing: 10px;

    border-bottom: 0px solid #f8e5ea;

    font-size:25pt;

    }

    h3 {

    font-family: Times, Arial, Helvetica, sans-serif;

    color: #ebb7ca;

    text-align:center;

    letter-spacing: 5px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    font-size:11pt;

    }

    h4 {

    font-family: Zapfino, Arial, Helvetica, sans-serif;

    color: #6b6868;

    letter-spacing: 5px;

    text-align:center;

    }

    h5 {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #6b6868;

    letter-spacing: 5px;

    }

    h6 {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: # 6b6868 ;

    letter-spacing: 5px;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #ffffff

    }

    #profile a img{

    background-color: #ffffff;

    padding: 1px;

    border: 0px solid #cccccc;

    float: left;

    margin: 0px 25px 20px 0px;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    -khtml-border-radius: 0px;

    border-radius: 0px;

    width: 197px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    Width: 770px;

    float: center;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .owner .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background: url(http://img594.imageshack.us/img594/6265/entrymetamindre.jpg);

    color: #ffffff;

    text-align: left;

    -webkit-box-shadow: 0px 0px 20px #ffffff;

    -moz-box-shadow: 0px 0px 20px #ffffff;

    box-shadow: 0px 0px 20px #ffffff;

    -moz-border-radius: 15px;

    text-align: center;

    }

    #comments .owner .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    margin-left: auto;

    margin-right: auto;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 770px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .user .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background: url(http://img594.imageshack.us/img594/6265/entrymetamindre.jpg);

    color: #555555;

    text-align: center;

    -webkit-box-shadow: 0px 0px 20px #ffffff;

    -moz-box-shadow: 0px 0px 20px #ffffff;

    box-shadow: 0px 0px 20px #ffffff;

    -moz-border-radius: 15px;

    }

    #comments .user .content{

    background-color: #ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 770px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #ccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .other .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background: url(http://img594.imageshack.us/img594/6265/entrymetamindre.jpg);

    color: #555555;

    text-align: center;

    -webkit-box-shadow: 0px 0px 20px #ffffff;

    -moz-box-shadow: 0px 0px 20px #ffffff;

    box-shadow: 0px 0px 20px #ffffff;

    -moz-border-radius: 15px;

    }

    #comments .other .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    input{

    background-color: #f9f9f9;

    border: 1px solid #f5f5f5;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center ;

    font-size: 10px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    }

    #newcomment textarea{

    background-color: #f9f9f9;

    border: 1px solid #f5f5f5;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    }

    .entry .meta {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    background: url(http://img252.imageshack.us/img252/9666/entrymeta1.png);

    color: #555555;

    font-size: 8pt;

    padding: 0px;

    text-align:center;

    }

    .fb_like {display:none}

    }

    #kommentarbakgrunn{

    border: 0;

    position: relative;

    width: 75px;

    height: 44px;

    top: -100px;

    left: 725px;

    overflow: hidden;

    padding-left: 4px;

    padding-top: 24px;

    font-family: times new roman;

    font-size: 24px;

    font-weight: normal;

    letter-spacing:-2px;

    font-color: #fffff;

    text-align: center;

    }

    #meny {

    font-family: Zapfino, Georgia, arial;

    font-size: 12px;

    text-align: left;

    width: 830px; /* Bredde */

    padding: 10px 0px 10px 0px;

    background-color: #f8e5ea;

    margin-left: -26px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    }

    #meny a {

    background-color: #transparent;

    color: #ffffff;

    padding: 5px 15px 5px 15px;

    width: 100%;

    margin: 28px 28px 28px 28px;

    }

    #meny a:hover {

    color: #cccccc;

    background-color: #transparent;

    }

  • 23

    mal forside rosa.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <br>

    <br>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${BlogTitle} - ${BlogDescription}</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />

    </head>

    <body class="front">

    <div id="doc2">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="30">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <h7>

    <li>${EntryDate}kl.${EntryTime} i

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </h7>

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    </li>

    <li>

    </li>

    </ul>

    <tag:if test="${EntryHasTags == 'true'}">

    <div class="tags">Stikkord:

    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

    </tag:if>

    </div>

    </div>

    </tag:entrylist>

    <div>Les mer i arkivet

    <tag:archivelist limit="3"> <a href="${ArchiveLink}">${ArchiveName}</a></tag:archivelist></div>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img208.imageshack.us/img208/3156/martesko3.png" height="190">

    </div>

    <h4>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h4>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <h3>Kategorier</h3>

    <br>

    <tag:categorylist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png" width="9" />

    <a href="${CategoryLink}">${CategoryName}</a>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <br>

    <h3>Arkiv</h3>

    <br>

    <tag:archivelist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png" width="9" />

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <br>

    <h3>Siste innlegg</h3>

    <br>

    <tag:recentlist limit="10">

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png" width="9" />

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <h3>Lenker</h3>

    <br>

    <tag:linklist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png" width="9" />

    <a href="${LinkURL}">${LinkName}</a>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <br>

    <h3>Design</h3>

    <br>

    <img src="http://img819.imageshack.us/img819/2574/hjerte10.png" alt="bilde"width="9" />

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <a href="http://www.bloglovin.com/en/blog/2655984/ina-anjuta/follow"><img src="http://img819.imageshack.us/img819/2574/hjerte10.png" alt="bilde"width="20" /></a>

    <br>

    <br>

    <h3>Annonse</h3>

    <br>

    <tag:if test="${HasProducts == 'true'}">

    <div>

    <h3>Jeg anbefaler</h3>

    <ul>

    <tag:productlist>

    <li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>

    </tag:productlist>

    </ul>

    </div>

    </tag:if>

    </div>

    </div>

    <div id="footer" class="yui-gb">

    <div class="yui-u first">

    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

    <tag:if test="${ProfileExists == 'true'}">skrives av

    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til ndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

    er selv ansvarlig for innhold. Henvendelser kan rettes til

    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

    </div>

    <div class="yui-u">

    <h4>Arkiv</h4>

    <ul>

    <tag:archivelist limit="5">

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div class="yui-u">

    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

    <ul>

    <li><a href="http://blogg.no">blogg.no</a> - F din egen blogg, helt gratis.</li>

    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd og hjelp om blogging og design.</li>

    </ul>

    </div>

    </div>

    </div>

    </body>

    </html>

  • 11

    maler innlegg rosa

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <br>

    <br>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${EntryTitle} (${BlogTitle})</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />

    </head>

    <body>

    <div id="doc2">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entry>

    <div class="entry">

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <h2>${EntryTitle}</h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}kl.${EntryTime} i

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    </li>

    <li>

    </li>

    </ul>

    <tag:if test="${EntryHasTags == 'true'}">

    <div class="tags">Stikkord:

    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

    </tag:if>

    <tag:include module="postentry"></tag:include>

    </div>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <h3>

    <tag:if test="${EntryCommentCount == 0}">Ingen kommentarer

    <tag:elseif test="${EntryCommentCount == 1}" />n kommentar

    <tag:else />${EntryCommentCount} kommentarer</tag:if>

    </h3>

    <br>

    <div id="comments">

    <tag:commentlist>

    <div class="comment ${CommentClass}">

    <div class="meta">

    <tag:if test="${CommentProfileUrl != ''}">

    <a href="${CommentProfileUrl}">

    <img class="avatar" src="http://i.blogg.no/70x70/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />

    </tag:if>

    </tag:if>

    <h5><img src="http://img851.imageshack.us/img851/6797/hjerte1.png" width="9" />${CommentAuthorLinkIf}${CommentDate} kl.${CommentTime}</p></h5>

    </div>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <h5>Skriv en ny kommentar</h5>

    <br>

    <form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">

    <div id="comment_author_wrapper">

    <label for="comment_author"><h6>Navn:</h6></label>

    <input id="comment_author" type="text" name="author"style="width:400px;"onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div id="comment_authorurl_wrapper">

    <label for="comment_authorurl"><h6>URL:</h6></label>

    <input id="comment_authorurl" type="text" name="authorurl"style="width:400px;"onchange="doChange(this)" value="http://" maxlength="100" />

    </div>

    <div id="comment_text_wrapper">

    <label for="comment_text"><h6>Din kommentar:</h6></label>

    <textarea id="comment_text" name="comment"style="width:400px;"onchange="doChange(this);" cols="40" rows="10"></textarea>

    </div>

    <div id="comment_submit_wrapper">

    <input type="hidden" name="commentid" value="${CommentID}" />

    <input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />

    </div>

    <div id="comment_remember_wrapper">

    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

    <label for="comment_remember">Husk meg ?</label>

    </div>

    </form>

    </div>

    </tag:if>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img208.imageshack.us/img208/3156/martesko3.png" height="190">

    </a>

    </div>

    <h4>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h4>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <h3>Kategorier</h3>

    <br>

    <tag:categorylist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png" width="9" />

    <a href="${CategoryLink}">${CategoryName}</a>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <br>

    <h3>Arkiv</h3>

    <br>

    <tag:archivelist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png" width="9" />

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </tag:archivelist>

    </ul>

    <br>

    <br>

    <h3>Siste innlegg</h3>

    <br>

    <tag:recentlist limit="10">

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png" width="9" />

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <h3>Lenker</h3>

    <br>

    <tag:linklist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png" width="9" />

    <a href="${LinkURL}">${LinkName}</a>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <br>

    <h3>Design</h3>

    <br>

    <img src="http://img819.imageshack.us/img819/2574/hjerte10.png" alt="bilde"width="9" />

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <a href="http://www.bloglovin.com/en/blog/2655984/ina-anjuta/follow"><img src="http://img819.imageshack.us/img819/2574/hjerte10.png" alt="bilde"width="20" /></a>

    <br>

    <br>

    <h3>Annonse</h3>

    <br>

    <br>

    </div>

    </div>

    <div id="footer" class="yui-gb">

    <div class="yui-u first">

    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

    <tag:if test="${ProfileExists == 'true'}">skrives av

    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til ndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

    er selv ansvarlig for innhold. Henvendelser kan rettes til

    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

    </div>

    <div class="yui-u">

    <h4>Arkiv</h4>

    <ul>

    <tag:archivelist limit="5">

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div class="yui-u">

    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

    <ul>

    <li><a href="http://blogg.no">blogg.no</a> - F din egen blogg, helt gratis.</li>

    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd og hjelp om blogging og design.</li>

    </ul>

    </div>

    </div>

    </div>

    </body>

    </html>

  • 11

    Stilsett lys gr design

    .entry {

    background-color: #ffffff;

    }

    body {

    background-color: #f9f9f9;

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #333333;

    }

    #header {

    background-image: url('url til header');

    height: 290px;

    width: 950px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    padding: 0px;

    margin: 0px 90px 1px -5px;

    -webkit-box-shadow: 0px 0px 20px #dbdbdb;

    -moz-box-shadow: 0px 0px 20px #dbdbdb;

    box-shadow: 0px 0px 20px #dbdbdb;

    }

    #wrapper {

    background-color: #transparent;

    margin-left: -20px;

    width: 955px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    padding: 10px;

    }

    #main {

    background-color: #ffffff;

    margin-left: 5px;

    width: 700px;

    padding: 10px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #dbdbdb;

    -moz-box-shadow: 0px 0px 20px #dbdbdb;

    box-shadow: 0px 0px 20px #dbdbdb;

    }

    #side {

    width: 200px;

    border: 0px solid #000000;

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 20px #dbdbdb;

    -moz-box-shadow: 0px 0px 20px #dbdbdb;

    box-shadow: 0px 0px 20px #dbdbdb;

    -moz-border-radius: 15px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    padding: 10px;

    font-size: 8pt;

    font-family: georgia, Arial, Helvetica, sans-serif;

    color: # 555555;

    }

    #footer {

    background-color: #ffffff;

    margin-left: auto;

    margin-right: auto;

    width: 800px;

    display: none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #cccccc;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    }

    h1 {

    font-family: Zapfino, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family: Times, Georgia, Arial, Helvetica, sans-serif;

    color: #555555;

    text-align:center;

    letter-spacing: 5px;

    color: #555555;

    border: 1px solid #f9f9f9;

    background-color: #f9f9f9;

    }

    h3 {

    font-family: Times, Arial, Helvetica, sans-serif;

    color: #555555;

    border: 1px solid #f9f9f9;

    background-color: #f9f9f9;

    text-align:center;

    letter-spacing: 5px;

    }

    h4 {

    font-family: Zapfino, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    text-align:center;

    }

    h5 {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #ffffff

    }

    #profile a img{

    background-color: #cccccc;

    padding: 1px;

    border: 1px solid #ffffff;

    float: left;

    margin: 0px 25px 20px 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    width: 195px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #f9f9f9;

    Width: 670px;

    float: center;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .owner .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    -webkit-box-shadow: 0px 0px 20px #ffffff;

    -moz-box-shadow: 0px 0px 20px #ffffff;

    box-shadow: 0px 0px 20px #ffffff;

    }

    #comments .owner .content{

    background-color:#f9f9f9;

    border: 0px solid #cccccc;

    color: #555555;

    margin-left: auto;

    margin-right: auto;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #f9f9f9;

    color: #555555;

    Width: 670px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .user .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background-color:#ffffff;

    color: #555555;

    text-align: left;

    -webkit-box-shadow: 0px 0px 20px #ffffff;

    -moz-box-shadow: 0px 0px 20px #ffffff;

    box-shadow: 0px 0px 20px #ffffff;

    }

    #comments .user .content{

    background-color: #f9f9f9;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #f9f9f9;

    color: #555555;

    Width: 670px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #ccccc;

    box-shadow: 0px 0px 20px #cccccc;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .other .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background-color:#ffffff;

    color: #555555;

    text-align: left;

    -webkit-box-shadow: 0px 0px 20px #ffffff;

    -moz-box-shadow: 0px 0px 20px #ffffff;

    box-shadow: 0px 0px 20px #ffffff;

    }

    #comments .other .content{

    background-color:#f9f9f9;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    input{

    background-color: #f9f9f9;

    border: 1px solid #f5f5f5;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center ;

    font-size: 10px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    }

    #newcomment textarea{

    background-color: #f9f9f9;

    border: 1px solid #f5f5f5;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    }

    .entry .meta {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    font-size: 8pt;

    padding: 0px;

    text-align:center;

    }

    .fb_like {display:none}

    }

    #kommentarbakgrunn{

    border: 0;

    position: relative;

    width: 75px;

    height: 44px;

    top: -100px;

    left: 725px;

    overflow: hidden;

    padding-left: 4px;

    padding-top: 24px;

    font-family: times new roman;

    font-size: 24px;

    font-weight: normal;

    letter-spacing:-2px;

    font-color: #fffff;

    text-align: center;

    }

    #meny {

    font-family: Zapfino, Georgia, arial;

    font-size: 12px;

    text-align: left;

    width: 950px; /* Bredde */

    padding: 10px 0px 10px 0px;

    background-color: #ffffff;

    margin-left: -5px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    }

    #meny a {

    background-color: #transparent;

    color: #cccccc;

    padding: 5px 15px 5px 15px;

    width: 100%;

    margin: 28px 28px 28px 28px;

    }

    #meny a:hover {

    color: #555555;

    background-color: #transparent;

    }

  • 0

    Stilsett sort hvitt design

    .entry {

    background-color: #ffffff;

    }

    body {

    background-color: #f1f1f1;

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #333333;

    }

    #header {

    background-image: url('url til header');

    height: 290px;

    width: 945px;

    padding: 0px;

    margin: 0px 90px -14px -3px;

    }

    #wrapper {

    background-color: #transparent;

    margin-left: -18px;

    width: 950px;

    padding: 10px;

    }

    #main {

    background-color: #ffffff;

    margin-left: 5px;

    width: 700px;

    padding: 10px;

    margin-top: -10px;

    }

    #side {

    width: 222px;

    border: 0px solid #000000;

    background-color: #ffffff;

    margin-top: -10px;

    padding: 1px;

    font-size: 8pt;

    font-family: georgia, Arial, Helvetica, sans-serif;

    color: # 555555;

    border-left: 1px dotted #555555;

    }

    #footer {

    background-color: #ffffff;

    margin-left: auto;

    margin-right: auto;

    width: 800px;

    display: none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #cccccc;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    }

    h1 {

    font-family: Zapfino, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family: Times, Georgia, Arial, Helvetica, sans-serif;

    color: #555555;

    text-align:center;

    letter-spacing: 5px;

    color: #555555;

    border-bottom: 1px solid #555555;

    }

    h3 {

    font-family: Times, Arial, Helvetica, sans-serif;

    color: #ffffff;

    border: 1px solid #000000;

    background-color: #000000;

    text-align:center;

    letter-spacing: 5px;

    }

    h4 {

    font-family: Zapfino, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    text-align:center;

    }

    h5 {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #ffffff

    }

    #profile a img{

    background-color: #cccccc;

    padding: 1px;

    border: 1px solid #ffffff;

    float: left;

    margin: 0px 25px 20px 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    width: 218px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #f9f9f9;

    Width: 670px;

    float: center;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .owner .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    -webkit-box-shadow: 0px 0px 20px #ffffff;

    -moz-box-shadow: 0px 0px 20px #ffffff;

    box-shadow: 0px 0px 20px #ffffff;

    }

    #comments .owner .content{

    background-color:#f9f9f9;

    border: 0px solid #cccccc;

    color: #555555;

    margin-left: auto;

    margin-right: auto;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #f9f9f9;

    color: #555555;

    Width: 670px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .user .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background-color:#ffffff;

    color: #555555;

    text-align: left;

    -webkit-box-shadow: 0px 0px 20px #ffffff;

    -moz-box-shadow: 0px 0px 20px #ffffff;

    box-shadow: 0px 0px 20px #ffffff;

    }

    #comments .user .content{

    background-color: #f9f9f9;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #f9f9f9;

    color: #555555;

    Width: 670px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #ccccc;

    box-shadow: 0px 0px 20px #cccccc;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .other .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background-color:#ffffff;

    color: #555555;

    text-align: left;

    -webkit-box-shadow: 0px 0px 20px #ffffff;

    -moz-box-shadow: 0px 0px 20px #ffffff;

    box-shadow: 0px 0px 20px #ffffff;

    }

    #comments .other .content{

    background-color:#f9f9f9;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    input{

    background-color: #f9f9f9;

    border: 1px solid #f5f5f5;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center ;

    font-size: 10px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    }

    #newcomment textarea{

    background-color: #f9f9f9;

    border: 1px solid #f5f5f5;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    }

    .entry .meta {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    font-size: 8pt;

    padding: 0px;

    text-align:center;

    }

    .fb_like {display:none}

    }

    #kommentarbakgrunn{

    border: 0;

    position: relative;

    width: 75px;

    height: 44px;

    top: -100px;

    left: 725px;

    overflow: hidden;

    padding-left: 4px;

    padding-top: 24px;

    font-family: times new roman;

    font-size: 24px;

    font-weight: normal;

    letter-spacing:-2px;

    font-color: #fffff;

    text-align: center;

    }

    #meny {

    font-family: Zapfino, Georgia, arial;

    font-size: 12px;

    text-align: left;

    width: 950px;

    padding: 10px 0px 10px 0px;

    background-color: #000000;

    margin-left: -5px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    }

    #meny a {

    background-color: #transparent;

    color: #cccccc;

    padding: 5px 15px 5px 15px;

    width: 100%;

    margin: 28px 28px 28px 28px;

    }

    #meny a:hover {

    color: #555555;

    background-color: #transparent;

    }

  • 18

    Mal innlegg

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <br>

    <br>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${EntryTitle} (${BlogTitle})</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />

    </head>

    <body>

    <div id="doc2">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entry>

    <div class="entry">

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <h2>${EntryTitle}</h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}kl.${EntryTime} i

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    </li>

    <li>

    </li>

    </ul>

    <tag:if test="${EntryHasTags == 'true'}">

    <div class="tags">Stikkord:

    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

    </tag:if>

    <tag:include module="postentry"></tag:include>

    </div>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <h3>

    <tag:if test="${EntryCommentCount == 0}">Ingen kommentarer

    <tag:elseif test="${EntryCommentCount == 1}" />n kommentar

    <tag:else />${EntryCommentCount} kommentarer</tag:if>

    </h3>

    <br>

    <div id="comments">

    <tag:commentlist>

    <div class="comment ${CommentClass}">

    <div class="meta">

    <tag:if test="${CommentProfileUrl != ''}">

    <a href="${CommentProfileUrl}">

    <img class="avatar" src="http://i.blogg.no/70x70/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />

    </tag:if>

    </tag:if>

    <h5>${CommentAuthorLinkIf}${CommentDate} kl.${CommentTime}</p></h5>

    </div>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <h5>Skriv en ny kommentar</h5>

    <br>

    <form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">

    <div id="comment_author_wrapper">

    <label for="comment_author"><h5>Navn:<h5></label>

    <input id="comment_author" type="text" name="author"style="width:400px;"onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div id="comment_authorurl_wrapper">

    <label for="comment_authorurl"><h5>URL:<h5></label>

    <input id="comment_authorurl" type="text" name="authorurl"style="width:400px;"onchange="doChange(this)" value="http://" maxlength="100" />

    </div>

    <div id="comment_text_wrapper">

    <label for="comment_text"><h5>Din kommentar:<h5></label>

    <textarea id="comment_text" name="comment"style="width:400px;"onchange="doChange(this);" cols="40" rows="10"></textarea>

    </div>

    <div id="comment_submit_wrapper">

    <input type="hidden" name="commentid" value="${CommentID}" />

    <input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />

    </div>

    <div id="comment_remember_wrapper">

    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

    <label for="comment_remember">Husk meg ?</label>

    </div>

    </form>

    </div>

    </tag:if>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img src="${ProfileImageUrl}" alt="${ProfileName}" />

    </a>

    </div>

    <h4>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h4>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <h3>Kategorier</h3>

    <br>

    <tag:categorylist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="${CategoryLink}">${CategoryName}</a>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <br>

    <h3>Arkiv</h3>

    <br>

    <tag:archivelist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </tag:archivelist>

    </ul>

    <br>

    <br>

    <h3>Siste innlegg</h3>

    <br>

    <tag:recentlist limit="10">

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <h3>Lenker</h3>

    <br>

    <tag:linklist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="${LinkURL}">${LinkName}</a>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <br>

    <h3>Design</h3>

    <br>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <br>

    <br>

    <h3>Annonse</h3>

    <br>

    <br>

    </div>

    </div>

    <div id="footer" class="yui-gb">

    <div class="yui-u first">

    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

    <tag:if test="${ProfileExists == 'true'}">skrives av

    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til ndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

    er selv ansvarlig for innhold. Henvendelser kan rettes til

    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

    </div>

    <div class="yui-u">

    <h4>Arkiv</h4>

    <ul>

    <tag:archivelist limit="5">

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div class="yui-u">

    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

    <ul>

    <li><a href="http://blogg.no">blogg.no</a> - F din egen blogg, helt gratis.</li>

    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd og hjelp om blogging og design.</li>

    </ul>

    </div>

    </div>

    </div>

    </body>

    </html>

  • 24

    Maler Forside, Kategori og Arkiv

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <br>

    <br>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${BlogTitle} - ${BlogDescription}</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />

    </head>

    <body class="front">

    <div id="doc2">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="100">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}kl.${EntryTime} i

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    </li>

    <li>

    </li>

    </ul>

    <tag:if test="${EntryHasTags == 'true'}">

    <div class="tags">Stikkord:

    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

    </tag:if>

    </div>

    </div>

    </tag:entrylist>

    <div>Les mer i arkivet

    <tag:archivelist limit="3"> <a href="${ArchiveLink}">${ArchiveName}</a></tag:archivelist></div>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img src="${ProfileImageUrl}" alt="${ProfileName}" />

    </div>

    <h4>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h4>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <h3>Kategorier</h3>

    <br>

    <tag:categorylist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="${CategoryLink}">${CategoryName}</a>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <br>

    <h3>Arkiv</h3>

    <br>

    <tag:archivelist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <br>

    <h3>Siste innlegg</h3>

    <br>

    <tag:recentlist limit="10">

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <h3>Lenker</h3>

    <br>

    <tag:linklist>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="${LinkURL}">${LinkName}</a>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <br>

    <h3>Design</h3>

    <br>

    <img src="http://img851.imageshack.us/img851/6797/hjerte1.png"width="9" />

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <br>

    <br>

    <h3>Annonse</h3>

    <br>

    <br>

    <tag:if test="${HasProducts == 'true'}">

    <div>

    <h3>Jeg anbefaler</h3>

    <ul>

    <tag:productlist>

    <li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>

    </tag:productlist>

    </ul>

    </div>

    </tag:if>

    </div>

    </div>

    <div id="footer" class="yui-gb">

    <div class="yui-u first">

    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

    <tag:if test="${ProfileExists == 'true'}">skrives av

    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til ndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

    er selv ansvarlig for innhold. Henvendelser kan rettes til

    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

    </div>

    <div class="yui-u">

    <h4>Arkiv</h4>

    <ul>

    <tag:archivelist limit="5">

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div class="yui-u">

    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

    <ul>

    <li><a href="http://blogg.no">blogg.no</a> - F din egen blogg, helt gratis.</li>

    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd og hjelp om blogging og design.</li>

    </ul>

    </div>

    </div>

    </div>

    </body>

    </html>

  • 7

    Farge p teksten i innleggene

    G inn p design>rediger>stilsett

    Lim inn denne koden under #body i stilsettet

    color: #555555;

    Bytt ut fargekoden for endre farge. Det vil si denne: 555555.

    Fargekoder kan du finne p designbyggeren eller feks photoshop.

    Slik skal det se ut:

    body {

    font-family: Arial, Helvetica, sans-serif;

    color: #555555;

    }

  • 2

    Farge og strrelse p teksten i sidemeny

    G inn p design>rediger>stilsett

    Lim disse kodene inn under #side i stilsettet:

    Kode for skriftstrrelse: font-size: 8pt; <----endres ved endre p tallet.

    Kode for farge p skrift:color: # 000000; <------bytte ut fargekode, alts 000000 til feks 555555 som er mrk gr

    Hvis du ikke har #side s limer du inn hele koden under nederst i stilsettet om du vil.

    #side {

    font-size: 8pt;

    font-family: Arial, Helvetica, sans-serif;

    color: # 000000;

    }

  • 8

    Maler forside/kategorier/arkiv design #3

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <br>

    <br>

    <br>

    <br>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${BlogTitle} - ${BlogDescription}</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon" href="http://i1123.photobucket.com/albums/l560/Inaanjuta/Strawberry.gif" type="image/gif" />

    </head>

    <body class="front">

    <div id="doc2">

    <div id="header">

    <img src="http://img80.imageshack.us/img80/1039/headertest5.png" width="810" />

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> ${BlogTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entrylist limit="30">

    <div class="entry">

    <h2>

    <div align="center">

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>

    </li>

    <li>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="10" />

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    </div>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <li>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="10" />

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    <tag:if test="${EntryHasTags == 'true'}">

    <div class="tags">Stikkord:

    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

    </tag:if>

    </div>

    </div>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <div id="meny">

    <ul id="navbar">

    <li><a href="#">Innlegg</a>

    <ul>

    <tag:recentlist limit="10">

    <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>

    </tag:recentlist>

    </ul>

    </li>

    <li><a href="#">Kategorier</a>

    <ul>

    <tag:categorylist>

    <li><a href="${CategoryLink}" class="nav">&raquo; ${CategoryName}</a></li>

    </tag:categorylist>

    </ul>

    </li>

    <li><a href="#">Arkiv</a>

    <ul>

    <tag:archivelist>

    <li><a href="${ArchiveLink}">${ArchiveName}</a></li>

    </tag:archivelist>

    </ul>

    </li>

    </div>

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <br>

    <br>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="URL TIL PROFILBILDE" height="290">

    </a>

    </div>

    <h3>

    <a href="${ProfileUrl}"></a>

    </h3>

    <p>${ProfileDescription}</p>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="10" />

    <a href="${ProfileUrl}">Legg meg til som venn</a>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <br>

    <br>

    <h3>Blogger jeg leser</h3>

    <br>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="10" />

    <a href="URL HER">Navn</a>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="10" />

    <a href="URL HER">Navn</a>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="10" />

    <a href="URL HER">Navn</a>

    </li>

    </li>

    </ul>

    </div>

    <div>

    <br>

    <br>

    <h3>Widgets</h3>

    <br>

    <br>

    <ul>

    </ul>

    </div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <br>

    <h3>Design laget av:</h3>

    <br>

    <ul>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="10" />

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</a>

    <li>

    </li>

    </ul>

    <tag:profile>

    </div>

    </tag:if>

    <tag:if test="${HasProducts == 'true'}">

    <div>

    <h3>Jeg anbefaler</h3>

    <ul>

    <tag:productlist>

    <li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>

    </tag:productlist>

    </ul>

    </div>

    </tag:if>

    </div>

    </div>

    <div id="footer" class="yui-gb">

    <div class="yui-u first">

    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

    <tag:if test="${ProfileExists == 'true'}">skrives av

    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til ndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

    er selv ansvarlig for innhold. Henvendelser kan rettes til

    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

    </div>

    <div class="yui-u">

    <h4>Arkiv</h4>

    <ul>

    <tag:archivelist limit="5">

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div class="yui-u">

    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

    <ul>

    <li><a href="http://blogg.no">blogg.no</a> - F din egen blogg, helt gratis.</li>

    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd og hjelp om blogging og design.</li>

    </ul>

    </div>

    </div>

    </div>

    </body>

    </html>

  • 7

    maler innlegg design #3

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <br>

    <br>

    <br>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${EntryTitle} (${BlogTitle})</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon"http://i1123.photobucket.com/albums/l560/Inaanjuta/Strawberry.gif" type="image/gif" />

    </head>

    <body>

    <div id="doc2">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <img src="http://img80.imageshack.us/img80/1039/headertest5.png" width="810" />

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><ahref="http://blogg.no/">blogg.no</a> <a href="${BlogUrl}">${BlogTitle}</a>

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a> ${EntryTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entry>

    <div class="entry">

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <h2><div align="center">${EntryTitle}</h2>

    <div class="meta">

    <ul>

    <li>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    </div>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <li>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    <tag:if test="${EntryHasTags == 'true'}">

    <div class="tags">Stikkord:

    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

    </tag:if>

    <tag:include module="postentry"></tag:include>

    </div>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <br>

    <br>

    <br>

    <br>

    <div id="comments">

    <tag:commentlist>

    <div class="comment ${CommentClass}">

    <div class="meta">

    <tag:if test="${CommentProfileUrl != ''}">

    <a href="${CommentProfileUrl}">

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    </a>

    <tag:else />

    </tag:if>

    </tag:if>

    <h4><img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="20" />${CommentAuthorLinkIf}</h4>

    <p></p>

    </div>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <br>

    <br>

    <div id="newcomment" class="clearfix">

    <h1>Skriv en kommentar</h1>

    <br>

    <form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">

    <div id="comment_author_wrapper">

    <label for="comment_author">Navn:</label>

    <input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div id="comment_authoremail_wrapper">

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:415px;"onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div id="comment_authorurl_wrapper">

    <label for="comment_authorurl">URL:</label>

    <input id="comment_authorurl" type="text" name="authorurl"style="width:710px;"onchange="doChange(this)" value="http://" maxlength="100" />

    </div>

    <div id="comment_text_wrapper">

    <label for="comment_text">Din kommentar:</label>

    <textarea id="comment_text" name="comment"style="width:710px;"onchange="doChange(this);" cols="40" rows="10"></textarea>

    </div>

    <div id="comment_submit_wrapper">

    <input type="hidden" name="commentid" value="${CommentID}" />

    <input id="comment_submit" class="submit" type="submit" name="submit" value="Takk for kommentaren" />

    </div>

    <div id="comment_remember_wrapper">

    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

    <label for="comment_remember">Husk meg ?</label>

    Design av:

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</a>

    <br>

    <br>

    </div>

    </form>

    </div>

    </tag:if>

    </div>

    <div id="side" class="yui-u">

    <div id="meny">

    <ul id="navbar">

    <li><a href="#">Innlegg</a>

    <ul>

    <tag:recentlist limit="10">

    <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>

    </tag:recentlist>

    </ul>

    </li>

    <li><a href="#">Kategorier</a>

    <ul>

    <tag:categorylist>

    <li><a href="${CategoryLink}" class="nav"> ${CategoryName}</a></li>

    </tag:categorylist>

    </ul>

    </li>

    <li><a href="#">Arkiv</a>

    <ul>

    <tag:archivelist>

    <li><a href="${ArchiveLink}">${ArchiveName}</a></li>

    </tag:archivelist>

    </ul>

    </li>

    </div>

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <br>

    <br>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="URL TIL PROFILBILDE" height="290">

    </a>

    </div>

    <h3>

    <a href="${ProfileUrl}"></a>

    </h3>

    <p>${ProfileDescription}</p>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <a href="${ProfileUrl}">Legg meg til som venn</a>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <br>

    <br>

    <h3>Blogger jeg leser</h3>

    <br>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <a href="URL HER">Navn</a>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <a href="URL HER">Navn</a>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <a href="URL HER">Navn</a>

    </li>

    </li>

    </ul>

    </div>

    <div>

    <br>

    <br>

    <h3>Widgets</h3>

    <br>

    <br>

    <ul>

    </ul>

    </div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <br>

    <h3>Design laget av:</h3>

    <br>

    <ul>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif" width="10" />

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</a>

    <li>

    </li>

    </ul>

    </div>

    </tag:if>

    <tag:if test="${HasProducts == 'true'}">

    <div>

    <h3>Jeg anbefaler</h3>

    <ul>

    <tag:productlist>

    <li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>

    </tag:productlist>

    </ul>

    </div>

    </tag:if>

    </div>

    </div>

    <div id="footer" class="yui-gb">

    <div class="yui-u first">

    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

    <tag:if test="${ProfileExists == 'true'}">skrives av

    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til ndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

    er selv ansvarlig for innhold. Henvendelser kan rettes til

    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

    </div>

    <div class="yui-u">

    <h4>Arkiv</h4>

    <ul>

    <tag:archivelist limit="5">

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div class="yui-u">

    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

    <ul>

    <li><a href="http://blogg.no">blogg.no</a> - F din egen blogg, helt gratis.</li>

    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd og hjelp om blogging og design.</li>

    </ul>

    </div>

    </div>

    </div>

    </body>

    </html>

  • 0

    Stilsett design #3

    .entry {

    background-color: #transparent;

    cursor: crosshair;

    }

    #header {

    background-color: #ffffff;

    background-repeat: no-repeat;

    margin: 0px 0px 0px 0px;

    Width: 810px;

    Height: 270px;

    margin-left: -50px;

    border-bottom: 0px solid #cccccc;

    }

    .breadcrumbs {

    display: none;

    }

    #wrapper {

    background-color: #transparent;

    cursor: crosshair;

    width: 1011px;

    }

    #main {

    background-color:#ffffff;

    float: left;

    font-family: Sathu, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 9pt;

    padding: 20px;

    cursor: crosshair;

    Width: 810px;

    margin-left: -70px;

    }

    #side {

    background-color:#ffffff;

    width:210px;

    padding: 8px;

    margin-bottom: 10px;

    float: right;

    font-family: Sathu, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    margin-top: -348px;

    margin-left: -42px;

    border-left: 4px solid #cccccc;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Sathu, Tahoma, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    #header { color: #555555; }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #ffffff;

    }

    body {

    background-image: url(http://img707.imageshack.us/img707/3819/striper22.jpg);

    background-attachment: fixed;

    background-position: right bottom;

    font-family: Sathu, Arial, Helvetica, sans-serif;

    color: #555555;

    cursor: crosshair;

    }

    .entry .meta{

    padding: 0px;

    font-family: Sathu, Arial, Helvetica, sans-serif;

    color: #f5f5f5;

    font-size: 9pt;

    cursor: crosshair;

    text-align: left;

    }

    a:hover { color: #cccccc }

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #f5f5f5;

    Width: 695px;

    float: center;

    }

    #comments .owner .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    }

    #comments .owner .content{

    background-color:#f5f5f5;

    border: 0px solid #cccccc;

    color: #555555;

    margin-left: auto;

    margin-right: auto;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #f5f5f5;

    color: #555555;

    Width: 695px;

    }

    #comments .user .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background-color:#ffffff;

    color: #555555;

    text-align: left;

    }

    #comments .user .content{

    background-color: #f5f5f5;

    border: 0px solid #cccccc;

    color: #555555;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #f5f5f5;

    color: #555555;

    Width: 695px;

    }

    #comments .other .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    background-color:#ffffff;

    color: #555555;

    text-align: left;

    }

    #comments .other .content{

    background-color:#f5f5f5;

    border: 0px solid #cccccc;

    color: #555555;

    }

    .meta {text-align: center;}

    }

    #navbar {

    padding: 5px;

    border: 1px dotted #f5f5f5;

    height: 1em;

    width: 40px;

    margin: 0px;

    text-align: left;

    font-family: Sathu, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    }

    #navbar li {

    float: left;

    list-style: none;

    width: 70px;

    background-color: #f5f5f5;

    font-family: Sathu, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    }

    #navbar li a {

    padding: 5px;

    display: block;

    border: 1px solid #ffffff;

    color: #000000;

    text-decoration: none;

    font-family: arial;

    font-size: 10px;

    line-height: 12px;

    font-family: Sathu, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    }

    #navbar li ul {

    padding: 5px;

    display: none;

    width: em;

    background-color: #fff;

    }

    #navbar li:hover ul, #navbar li.hover ul {

    display: block;

    position: absolute;

    margin: 0;

    padding: 0;

    z-index: 1;

    text-align: left;

    }

    #navbar li:hover li, #navbar li.hover li {

    float: none;

    }

    #navbar li:hover li a, #navbar li.hover li a {

    border-bottom: 1px dotted #f5f5f5;

    color: #727272;

    }

    #navbar li li a:hover {

    background-color: #ffffff;

    }

    #meny {

    width: 250px;

    margin-left: auto;

    margin-right: auto;

    }

    h3 {

    cursor:default;

    background-color: #ffffff;

    color: #555555;

    font-size:10px;

    font-family: Zapfino, Sathu, tahoma;

    letter-spacing:1px;

    line-height:10pt;

    padding: 1px;

    margin-bottom: -9px; margin-top: -9px; margin-right: -9px; margin-left: -9px;

    cursor: crosshair;

    border-bottom: 1px solid #cccccc;

    text-align: center;

    }

    #footer {

    display: none;

    }

    input{

    background-color: #f5f5f5;

    border: 1px solid #cccccc;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -khtml-border-radius: 8px;

    border-radius: 8px;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center ;

    font-size: 10px;

    }

    textarea{

    background-color: #f5f5f5;

    border: 1px solid #cccccc;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -khtml-border-radius: 8px;

    border-radius: 8px;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    }

    h2 {

    color: #555555;

    font-family: Zapfino, tahoma, verdana;

    border-bottom: 1px solid #cccccc;

    line-height: 40px;

    letter-spacing: 0px;

    font-size: 20px;

    }

    h1 {

    color: #555555;

    font-family: Zapfino, tahoma, verdana;

    line-height: 40px;

    letter-spacing: 0px;

    font-size: 25px;

  • 5

    Stillestende bakgrunn p bloggen

    G inn p design> rediger > stilsett

    Lim inn koden under #body.

    background-image: url ('URL TIL BILDET');

    background-attachment: fixed;

    background-repeat: no-repeat;

    Slik at det ser snn ut:

    #body{

    background-image: url ('URL TIL BILDET');

    background-attachment: fixed;

    background-repeat: no-repeat;

    }

    1.For f et bakgrunnsbilde kan du laste opp et bilde p tinypic.com eller photobucket.com

    2.Kopiere url til bildet ditt.

    3.Lime inn url der der str URL TIL BILDET

    4. Husk ta bort linjen med background-color: #ffffff;

  • 1

    Hvordan vise siste kommentar verst

    G inn p design > rediger> maler> innlegg.

    Erstatt denne linjen : <tag:commentlist>.

    med denne : <tag:commentlist sort="desc"> i malene p innlegg.

  • 3

    Linkliste i sidebar

    1.G inn p design >rediger > maler

    2. Kopier koden under:

    <h3>NAVN P LINKLISTEN</h3>

    <p><a href="ADRESSEN TIL SIDEN DU LINKER TIL" target="_blank">NAVN P LINK</a>

    <p><a href="ADRESSEN TIL SIDEN DU LINKER TIL" target="_blank">NAVN P LINK</a>

    <p><a href="ADRESSEN TIL SIDEN DU LINKER TIL" target="_blank">NAVN P LINK</a>

    <p><a href="ADRESSEN TIL SIDEN DU LINKER TIL" target="_blank">NAVN P LINK</a>

    3. lim inn koden et sted mellom <div id="side" class="yui-u">og <div id="footer" class="yui-gb">

    4.gjr det samme i alle fire malene.

    Hvis du lurer p akuratt hvor linklisten br legges er det bare sprre, men vanskelig vite hvor den nskes. S det er bare prve seg frem og forhndsvise til det funker.

  • 1

    Midtstille bloggen

    G inn p design >rediger >stilsett.

    Dette er koden du skal bruke:

    margin-left: auto;

    margin-right: auto;

    }

    Lim inn slik det ser ut under:

    #header {
    margin-left: auto;
    margin-right: auto;

    }
    #wrapper {
    margin-left: auto;
    margin-right: auto;

    }
    #footer {
    margin-left: auto;
    margin-right: auto;

    }

  • 0

    Fjerne eller skjule blogg.no link

    For skjule:

    1. G inn p design >rediger>stilsett

    Lim inn denne koden nederst i stilsettet:

    }
    .breadcrumbs {

    display: none;

    }

    For fjerne helt:

    1.G inn p design > rediger > maler > forside.

    P forsiden fjerner du denne linjen:

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> ${BlogTitle}</div>

    P innlegg fjerner du hele denne linjen:(design>rediger>maler>innlegg)

    <div class="breadcrumbs"><ahref="http://blogg.no/">blogg.no</a> <a href="${BlogUrl}">${BlogTitle}</a> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> ${EntryTitle}</div>

    P kategori fjerne du denne linjen:(design>rediger>maler>kategori)

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a>
    <a href="${BlogUrl}">${BlogTitle}</a> ${CategoryName}</div>

    P arkiv fjerner du denne linjen: (design>rediger>maler>arkiv)

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a>
    <a href="${BlogUrl}">${BlogTitle}</a> ${ArchiveName}</div>

  • 2

    Bilde som link

    1. G inn p design > rediger >maler

    Dette er koden:

    <a href="LINK TIL INNLEGG"><img src="URL TIL BILDE" alt="bilde"width="400"/></a>

    2. Lim den inn egentlig der du vil, men om du vil ha den rett under profilen i sidemenyen s limer du den inn rett

    under<p>${BlogDescription}</p>

    3. Last opp et bilde p tinypic.com eller photobucket.com og kopier url

    4. Lim inn url der det str URL TIL BILDE

    5. Finn url til siden du vil linke til og lim inn der det str LINK TIL INNLEGG

    6. For endre strrelse endrer du p width="400" til et annet tall.


  • 0

    Sidemeny opp ved siden av header

    G inn p design>rediger> stilsett

    Lim inn koden under nederst i stilsettet:

    }

    #side {

    margin-top: -300px;
    background-color: #ffffff;
    width: 200px;
    }
    Hvis du allerede har #side i stilsettet limer du inn disse linjene under overskriften:

    margin-top: -300px;
    background-color: #ffffff;
    width: 200px;
    Hvis du ikke vil at sidemenyen skal overlappe header m du endre p bredden p header.
    Da limer du inn denne koden under #header i stilsettet: Width: 500px; S m du tilpasse strrelsen slik at det blir riktig
    Det kan hende det vil vre fint om du endrer bredden p sidemenyen ogs da endrer du p width: 200px; til et lavere eller hyere tall under #side.

  • 0

    Luft/mellomrom rundt teksten

    G inn p design > rediger > stilsett

    Snn at ikke tekstene str klint inntil sidene er denne koden fin , den skal limes inn under #entry i stilsettet:

    padding: 5px;

    Jo hyere tall jo strremellomrom.

    Slik som dette:

    }

    #entry {

    padding 5px;

    Denne koden er for de som har oppdelt blogg. Med innlegg og sidemeny forkjellige klammer.

  • 2

    Fjerne profil eller deler av den

    G inn p design > rediger > maler.

    For fjerne hele profilen s fjerner du linjene under fra de fire malene:

    Det ser nok ikke helt likt ut hos deg som hos meg , men fjern alt mellom:

    <a href="${ProfileUrl}" title="${ProfileName}"> og<p>${ProfileDescription}</p>

    Dette skal fjernes:

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://i1123.photobucket.com/albums/l560/Inaanjuta/fe.jpg" height="110">

    <br>

    <br>

    <h7>${BlogTitle}</h7>

    <h3>

    <a href="${ProfileUrl}"></a>

    </h3>

    <p>${ProfileDescription}</p>

    For kun fjerne deler av den:

    Profilnavn: fjern<h7>${BlogTitle}</h7>

    Fjerne alt bortsett fra profiltekst: da lar du<p>${ProfileDescription}</p> vre igjen.

  • 2

    Flytte profilnavn til over profilbilde

    G inn p design>rediger>maler

    Finn denne koden i maler:

    <h7>${BlogTitle}</h7>

    Klipp den ut og lim inn under :

    <div id="side" class="yui-u">

    <tag:profile>

    Slik at det ser snn ut:

    <div id="side" class="yui-u">

    <tag:profile>

    <h7>${BlogTitle}</h7>

    Gjr det samme i alle fire malene.

    Du kan ogs endre p skriftstrrelse ved endre tallet<h7> til eks:<h5>

  • 45

    strre profilbilde

    G inn p design > rediger > maler.

    Her er koden:

    <img style="float: right; border: 0;" src="URL-ADRESSEN DITT BILDE" height="170">

    1. Den skal erstattes med denne linjen i alle malene <img src="${ProfileImageUrl}" alt="${ProfileName}" />

    2. Last opp et bilde p tinypic.com eller photobucket.com

    3. lim inn url til bildet der det str URL-ADRESSEN TIL DITT BILDE. Ikke fjern mer eller mindre.

    4. Endre strrelsen der det strheight="170" til et hyere tall.

  • 7

    Skille blogg og sidemeny med mellomrom

    G inn p design>rediger>stilsett

    Lim disse kodene inn i stilsettet, gjerne nederst.

    1. Bakgrunnsfargen for #wrapper m vre #transparent

    2.Lim inn koden og endre gjerne p breddene alts: width

    #main{

    background-color: #ffffff;

    width: 75%;

    }

    #side{

    background-color: #ffffff;

    width: 20%;

    }


  • 1

    Mellomrom mellom header og blogg.

    metode 1

    G inn p design> rediger> stilsett

    Her er koden:

    margin-top: 10px;

    Den skal limes inn under #header i stilsettet.

    Eksempel:

    }

    #header {

    margin-top: 10px;

    }

    For f strre eller mindre mellomrom endrer du p tallet der det str 10px; til et hyere eller lavere

    Metode 2

    G inn p design> rediger>Maler.

    Finn denne linjeni malene <div id="doc2">

    Lim inn<br>over denne linjen. Du kan lime den inn flere ganger etter hverandre om du vil

    Hvis du har en toppmeny s kan du lime den inn over linjen <head>

    Det er to steder det str <head> s da m du legge det inn over den verste.



  • 1

    Mellomrom mellom innlegg og header

    Metode1.

    G inn p design >rediger>stilsett.

    Lim inn denne koden under # header: margin: 0px 0px 30px 0px;

    Eksempel slik:

    }

    #header {

    Width: 860px;

    Height: 300px;

    margin: 0px 0px 30px 0px;

    }

    Ved endre 30px til et hyere tall fr du strre mellomrom.

    Metode 2: Lim inn<br>under der det str <head> i malene.

    Gjr det samme p alle fire malene. Det str head to steder , du skal lime inn under den nederste.

  • 1

    Effekter nr du tar musepeker over link.

    G inn p design >rediger> stilsett

    Velg en av linkeffektene under og lim inn valgt kode nederst i stilsettet.

    Bytte farge p skriften nr du tar musepeker over en link. Den under er hvit men fargen kan byttes ut ved endre fargekode.

    a:hover{color: #ffffff;}

    Mellomrom mellom bokstavene nr du tar musepeker over link

    a:hover{letter-spacing:2px;}

    Strek under nr du tar musepeker over link

    a:hover{text-decoration: underline;}

    Strek p hver side

    a:hover{color: #000000;text-decoration:none; border-left:solid 1px; border-right:solid 1px;}

  • 0

    Ramme rundt sidebar og skrivefelt

    G inn p design > rediger > stilsett

    Lim inn denne koden under #wrapper:border: 1px solid #000000;

    Slik skal det se ut:

    }

    #wrapper {

    border: 1px solid #000000;

    }

  • 3

    Ramme rundt header

    G inn p design > rediger > stilsett.

    Lim inn denne koden under #header som vist under: border: 1px solid #000000;

    }

    #header {

    border: 1px solid #000000;

    }

    Forskjellige rammetyper finner du her.

  • 1

    Ramme rundt sidebar/sidemeny

    G inn p design > rediger > stilsett

    Koden or rammer: border: 1px solid #000000;

    Lim inn koden under #side

    Hvis du ikke har #side limer du inn hele koden under nederst i stilsettet:

    }

    #side {

    border: 1px solid #000000;

    }

    Annet utseende p rammer?-kommer

  • 0

    Ramme rundt innleggene

    G inn p design > rediger > stilsett

    Koden for ramme: border: 1px solid #000000;

    Lim denne koden inn i stilsettet. om du ikke har #main eller .entry s limer du inn hele kodene under.

    Alle innleggene samlet.

    }

    #main {

    border: 1px solid #000000;

    }

    Hvert enkelt innlegg

    .entry {

    border: 1px solid #000000;

    }

  • 3

    Endre utseende p kommentarer som er skrevet

    Hvis du vil ha mer muligheter for strre endringer p kommentarfelt.

    Har skrevet forklaringer p hva de forskjellige betyr nedover. Det gjr ingenting om forklaringene blir med i stilsettet men du kan ta de bort senere om du vil.

    Lim hele koden inn nederst i stilsettet:

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    }

    #comments .owner{ <-----bestemmer hvordan dine hvordan dine kommentaer ser ut.

    border: 0px solid #cccccc; <-----ramme rundt dine komentarer

    background-color: #ffffff; <-----Bakgrunnsfarge p dine kommentarer

    margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; <-----hvor kommentarene skal ligge fra venstre,hyre osv

    Width: 695px; <------bredde p dine kommentarer

    }

    #comments .owner .meta{ <------bestemmer hvordan infolinjen skal se ut p dine kommentarer

    border-top: 0px solid #cccccc;

    border-bottom: 0px solid #cccccc;

    background-color:#f5f5f5; <------bakgrunnsfarge p infolinje

    color: #ffffff; <-------farge p skrift i infolinje

    margin-bottom: 0px; margin-top: px; margin-right: 0px; margin-left: 0px;

    text-align: left; <----- hvor Skriften i infolinje skal st, kan endres til center hvis du vil ha den p midten

    }

    #comments .owner .content{ <-------bestemmer hvordan kommentar innholdet skal se ut.

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

    }

    #comments .user{ <------ Bestemmer hvordan andres kommentarer skal se ut, de med blogg-url.

    border: 0px dotted #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 695px;

    }

    #comments .user .meta{ <-----infolinje

    border-top: 0px solid #cccccc;

    border-bottom: 0px solid #cccccc;

    background-color:#fdeee9;

    color: #555555;

    text-align: auto;

    }

    #comments .user .content{ <-----selve kommentarene

    background-color: #ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    }

    #comments .other{ <------ Bestemmer hvordan andres kommentarer som ikke har blogg ser ut

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 695px;

    }

    #comments .other .meta{ <-------infolinje

    border-top: 0px solid #cccccc;

    border-bottom: 0px solid #cccccc;

    background-color:#fdeee9;

    color: #555555;

    text-align: left;

    }

    #comments .other .content{ <------selve kommentarene

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    }

  • 7

    Stillestende sidemeny

    G inn p design >rediger > stilsett

    Her er koden:

    position: fixed;
    margin: -300px 0px 0px 610px; <----- Her endrer du p posisjonen, hvor sidemenyen skal ligge fra toppen eller siden,sett et annet tall hvis du vil tilpasse.

    Lim inn under #side slik at det ser ut som dette:

    # side {
    position: fixed;
    margin: -300px 0px 0px 610px;

    }

  • 27

    Legge inn bilder i sidemeny

    Koden du skal bruke:

    <img src="BILDEURL" height="200">

    G inn p design >rediger>maler

    Finn denne linjen: <p>${ProfileDescription}</p> i malene og lim inn koden ovenfor rett under denne linjen. Da vil bildene komme rett under profilteksten.


    2. Last opp et eller flere bilder p tinypic.com eller photobucket.com

    3. Lim inn url til bildet der det str BILDEURL

    4. Du kan endre strrelsen hvis du nsker. Det vil si der det str height="200"> kan du endre til ethyere tall for strre bilde.

    Her er det mulig prve seg frem i forhold til hvor du vil ha bildene.

    Det er ogs mulig legge inn url til bildene rett inn der du legger inn widgets. Men for riktig strrelse og slikt er det greit gjre det slik som over.

  • 2

    Menyboks i sidemeny/sidebar

    Steg 1

    G inn p design > rediger > stilsett.

    #meny {

    font-family: arial; <----- Skriftype

    font-size: 7px; <----strrelse p skrift

    text-align: center;

    width: auto;

    height: auto;

    padding: 0 0 0 0;

    background: transparent;

    margin: 0 auto 10px auto;

    }

    #meny a {

    background: #f5f5f5; <-----bakgrunnsfarge p knappene

    color: #555555; <-----farge p skrift p knappene

    text-transform: none;

    font-weight: none;

    padding: 3px 0 3px 0;

    width: 100%;

    margin: 0 0 3px 0;

    display: block;

    }

    #meny a:hover {

    color: #ffffff; <---- Farge p linken nr du frer pekeren over

    background: #eaeaea; <----bakgrunnsfarge

    }

    Steg 2

    1. G inn p design > rediger > Maler

    2. Koden skal limes inn rett under denne linjen i alle malene: <div id="side" class="yui-u">

    Koden du skal bruke:

    <div id="meny">

    <a href="/"> Forsiden</span> </a>

    <a href="#"> Om meg</span> </a>

    <a href="#"> Blogger jeg leser </a>

    <a href="#"> Bilder </a>

    <a href="#"> Videoer </a>

    <a href="#"> Kontakt meg </a>

    </div>

    3. Du kan endre p navnene p knappene ved skrive inn hva du vil ha p knappene

    4. For linke til en side eller et innlegg m du finne url og lime inn der det str #.

  • 1

    Takk for kommentarbilde og egen tekst.

    G inn p design >rediger>maler>innlegg

    Finn denne linjen i maler> innlegg:<label for="comment_remember">Husk meg ?</label>

    Under denne linjen setter du inn denne koden:<div align="center"><img src="URL TIL BILDE" alt="takk for kommentaren!"/></div>

    Deretter m du lime inn url til det bildet du nsker.

    Feks kan du laste opp et bilde p Tinypic.com eller photobucket.com og kopiere opp url derfra.

    Det skal kun gjres p innlegg i malene.

    For f egen tekst over kommentarfeltet finner du koden: <h1>Skriv en ny kommentar</h1>

    lim inn denne koden under den linjen:

    <br>

    <h7>Skriv inn din tekst her.</h7>

    <br>

    <br>

    Slik at det ser ut som under:

    <h1>Skriv en ny kommentar</h1>

    <br>

    <h7>Skriv inn din tekst her</h7>

    <br>

    <br>


  • 2

    Skriftstrrelse og skrifttype p innlegg

    G inn p design > rediger > stilsett.

    For annen strrelse:

    Lim inn kodenfont-size: 8pt; under #body i stilsettet.

    Det skal se slik ut:

    #body {
    background-color: #ffffff;
    font-size: 8pt;
    }

    For endre p skriftstrrelsen m du endre p tallet. Jo hyere tall jo strre skrift.
    For annen skrifttype:
    Her er koden: font-family: arial ,helvetica, sans sherif;
    Slik kan det se ut:
    #body {
    background-color: #ffffff;
    font-family: arial ,helvetica, sans sherif;
    }
    For bytte skrift m du sette inn navnet p en annen font foran de andre. Det kan kan du finne p feks: photoshop eller paint.

  • 2

    Smalere eller bredere blogg. Best for blogg som er i en boks.

    G inn p Design> rediger> stilsett

    Dette er koden: width: 700px; Den skal limes inn under #header, #wrapper og #footer

    Slik det skal se ut:

    #header {

    background-color: #FFFFFF;

    height: 236px;

    margin-left: auto;

    margin-right: auto;

    width: 700px;
    }
    #wrapper {

    background-color: #FFEFFC;

    margin-left: auto;

    margin-right: auto;

    width: 700px;
    }
    #footer {

    background-color: #FFFFFF;

    margin-left: auto;

    margin-right: auto;

    width: 700px;
    }

    Hvis du legger til disse kodene blir bloggen samtidlig midtstilt:

    margin-left: auto;

    margin-right: auto;

    Disse kodene er best om du har sidemeny og innleggene i samme boks. Hvis du har delt sidemeny og skrivefelt se her.

  • 1

    Endre farge p linker

    G inn p design >rediger>stilsett.

    Finn frem disse kodene de ligger oftest nederst.

    Endre p farge koden til eksempel: #555555 som er mrk gr eller en annen farge.

    }

    a { color: #FARGEKODE}
    a:link { color: #FARGEKODE}
    a:visited { color: #FARGEKODE}
    a:active { color: #FARGEKODE}

    Dette gjelder for alle linker.

    Noen fargekoder:

    #000000 -sort

    #f5f5f5 -lysgr

    #ff0000 -rd

    #0024ff -bl

    #de00ff -lilla

    #ff00c0 -knallrosa

    #feb8e1 -lysrosa

    Du kan ogs ta bort # skrive inn fargenavnet p engelsk for gjre det enkelt. Men da blir det ikke s mye nyanser.

  • 1

    Bredere skrivefelt. Best for oppdelt blogg.

    1. G inn p design > rediger > stilsett.

    2. Lim inn denne koden nederst i stilsettet:

    }

    #main{

    background-color: #ffffff;

    width: 500px;

    }

    3. Der det str width kan du endre til et hyere tall.

    Hvis du har sidemeny som faller nederst i bloggen kan du gjre #wrapper bredere med lime inn:

    Width: 1050px;

    Slik som dette:

    }

    #wrapper{

    Width: 1050px;

    }

    Denne koden er best for deg som har delt sidemeny og skrivefelt. Hvis du har hele bloggen i en boks de her

  • 39

    Meny under header med egne knapper

    Her er selve koden:

    <a href="LINK TIL INNLEGGET"> <img src="URL_ADRESSE TIL BILDET" height="STRRELSE"> </a>

    1. FinnBlogDescriptioni malene og lim koden inn under </div> slik som dette:

    BlogDescription

    </div>

    <a href="LINK TIL INNLEGGET"> <img src="URL_ADRESSE TIL BILDET" height="STRRELSE"> </a>

    3. Last opp bildene/knappene p photobucket.com eller tinypic.com

    4. Kopier url til bildet og lim inn der det str "URL-ADRESSEN TIL BILDET"

    5. Finn url til valgt innlegg eller kategori du nsker linke til og lim inn det det str "LINK TIL INNLEGGET".

    Hvordan finne url til kategorier eller innlegg?

    Jo du trykker deg inn p en kategori du har og kopierer hele linjen som str i skefeltet. Samme gjelder for innlegg.

    Her har jeg noen ferdige knapper som jeg har laget for de som ikke gidder lage selv med url:


    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta11.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta12.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta10.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta9.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta8.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta7.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta2-1.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta-1.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta5-1.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta6-1.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta3-1.png

    http://i1123.photobucket.com/albums/l560/Inaanjuta/knappinaanjuta4-1.png

    For f knappene til ligge helt inntil hverandre m du legge alt p en linje. sli at kodene i malerne ikke ligger p hver sin linje.


  • 4

    Skille blogg og sidemeny med en strek

    G inn p design > rediger > stilsett.

    Her er koden du skal bruke:
    #side {
    width: 20%;
    }
    #main {
    border-right: 1px solid #000000; <----- Endre 1px til 2 px for tykkere strek eller endre fargekode for annen farge.
    width: 75%;
    }

    Denne limer du inn overa { color: #000000} som ofte ligger nesten nederst i stilsettet.

  • 3

    Delvis gjennomsiktig

    G inn p design > rediger > stilsett

    Lim inn denne koden under der du vil ha det delvis gjennomsiktig:

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    Du kan endre p graden av gjennonsiktighet ved endre p tallene bak.

    For f gjennomsiktig sidemeny : (hvis du allerede har #side)

    }

    #side {

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    }

    Eller wrapper som er hele bloggen:

    }

    #wrapper{

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    }


  • 2

    Endre utseende p skrevne kommentarer

    G inn p design >rediger>stilsett

    lim denne koden inn nederst i stilsettet:

    }

    #comments .owner { <----kommentarene du skriver p din blogg.

    border: 0px solid #555555; <---rammen rundt kommentarene

    background: #FFFFFF; <----Bakgrunnsfarge

    width: 750px; <---- Endre bredde ved sette inn et hyere eller lavere tall

    }

    #comments .user { <----kommentarene andre skriver p din blogg.

    border: 0px solid #555555; <---rammen rundt kommentarene

    background: #FFFFFF; <----Bakgrunnsfarge

    width: 750px; <---- Endre bredde ved sette inn et hyere eller lavere tall

    }

    Vil du ha bakgrunnsbilde p skrevne kommentarer?

  • 0

    Kode for runde hjrner.

    G inn p design > rediger > stilsett

    Med denne koden kan du f runde hjrner der du mtte nske det.

    Dette er koden:

    -moz-border-radius: 7px; <---- Hyere tall jo rundere hjrner

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    Eksempel:

    }

    #header {

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #wrapper {

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    -Wrapper er selve bloggen.

    koden kan legges under p alt du nsker

    Mulig ikke koden ikke vises i Internett explorer.

  • 0

    Strrelse og skrifttype p overskrifter

    1. G inn p design>rediger>stilsett

    2. Lim inn koden eller kodene under nederst i stilsettet.

    Under har jeg forklart hvordan du kan forandre p ting.

    Koden for innlegg:

    h2 {

    color: #555555; <----farge p skrift

    line-height: 200%;

    letter-spacing: 1px; <---mellomrom mellom bokstaver

    font-family: Arial, Helvetica, sans-serif; <---- skrifttype ,endre ved lime inn navnet p en annen font foran.

    font-size: 15px; <----strrelse p skrift

    }

    I sidemeny:

    }

    h3 {

    color: #555555; <----farge p skrift

    font-size:12pt; <----strrelse p skrift

    font-family: American typewriter, tahoma; <---- skrifttype, endre ved lime inn navnet p en annen font foran.

    letter-spacing:1px; <----mellomrom mellom bokstaver

    line-height:10pt;

    }

    Ramme rundt overskrifter?

    Skygge rundt overskrifter?

  • 0

    Skygge bak overskrifter.

    1.G inn p design>rediger>stilsett.

    2. Lim inn koden eller kodene nederst i stilsettet.

    Overskrifter i innlegg:

    h2 {text-shadow: 1px 1px 3px #555555;}

    Overskrifter i sidemeny:

    h2, h3 {text-shadow: 1px 1px 3px #555555;}.

    Du kan endre p fargekoden ved skrive inn en annen kode etter #. Ats fargen p skyggen.

  • 2

    skjule footer. det som str i bunnen av bloggen.

    G inn p design > rediger > stilsett

    Lim denne koden inn nederst i stilsettet.

    #footer {
    display: none;
    }

  • 2

    Ramme rundt overskrifter

    G inn p design > rediger> stilsett.
    Lim inn en eller begge kodene under nederst i stilsettet.
    For innlegg:
    h2 {
    background-color:#f5f5f5; ------> Bakgrunnsfargen.
    border: 1px solid #f5f5f5; ------> Selve rammen rundt innleggene.
    For sidemeny:
    #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: normal;">h3 {
    border: 2px solid #000000;------> Selve rammen rundt innleggene.
    background-color:#f5f5f5; ------> Bakgrunnsfargen.
  • 5

    Endre utseende p overskrifter innlegg eller sidemeny

    G inn p design > rediger > stilsett

    Lim inn koden nederst i stilsettet:

    Koden for overskrifter i innlegg

    h2 {

    cursor:default;

    color: #16CC16; <------ Farge p skrift. endre farge ved sette inn en annen kode etter #.

    font-size: 9pt; <------skriftstrrelse, endre ved sette inn et annet tall.

    font-family: tahoma; <------- skrifttype

    letter-spacing:1px; <------- mellomrom mellom bokstaver, hyere tall gir strre mellomrom

    line-height:13pt;

    text-align: center; <----midtstilt eller venstrestilt. Skriv inn left i stedenfor center hvis du vil ha den til venstre.

    padding: 1px;

    font-weight: bold; <----- tykkelse p skrift.

    text-transform: uppercase;

    border-bottom: 2px solid #16CC16; <----- strek under overskrift, hvis du ikke nsker strek kan du ta bort hele linjen.

    Har skrevet forklaring p hva de ulike tingene betyr ved siden av som du kan endre p.

    Koden for overskrifter i sidemeny.

    h3 {

    cursor:default;

    color: #16CC16; <------ Farge p skrift. endre farge ved sette inn en annen kode etter #.

    font-size: 9pt;<------skriftstrrelse, endre ved sette inn et annet tall.

    font-family: tahoma; <------- skrifttype

    letter-spacing:1px; <------- mellomrom mellom bokstaver, hyere tall gir strre mellomrom

    line-height:13pt;

    text-align: center; <----midtstilt eller venstrestilt. Skriv innlefti stedenfor center hvis du vil ha den til venstre.

    padding: 1px;

    font-weight: bold; <----- tykkelse p skrift.

    text-transform: uppercase;

    border-bottom: 2px solid #16CC16;<----- strek under overskrift, hvis du ikke nsker strek kan du ta bort hele linjen.

    Ramme rundt overskrifter?

  • 1

    strek under overskrifter.

    1.G inn p design>rediger>stilsett.

    2.Lim koden eller kodene inn nederst i stilsettet.

    For strek under overskift i innlegg:

    h2 { border-bottom: 1px solid #000000}

    

    For strek under overskrifter i sidemeny:

    h3 { border-bottom: 1px solid #000000}

    Hvis du nsker f.eks en gr stek kan du endre fargekoden til #cccccc.
    

    Endre mer av utseendet p overskrifter?

  • 1

    skygger p bloggen

    G inn p design > rediger > stilsett.
    Her er koden:
    -webkit-box-shadow: 0px 0px 20px #5c5c5c;
    -moz-box-shadow: 0px 0px 20px #5c5c5c;
    box-shadow: 0px 0px 20px #5c5c5c;

    Den kan limes inn der du vil.
    For f skygge rundt selve bloggen legger du den inn under #wrapper som vist under:

    }

    #wrapper {

    -webkit-box-shadow: 0px 0px 20px #5c5c5c;
    -moz-box-shadow: 0px 0px 20px #5c5c5c;
    box-shadow: 0px 0px 20px #5c5c5c;
    -moz-border-radius: 15px;
    For f skygge rundt sidemeny limer du inn koden under #side som vist under , eller lime inn hele koden om du ikke har #side.

    }

    #side {

    -webkit-box-shadow: 0px 0px 20px #5c5c5c;
    -moz-box-shadow: 0px 0px 20px #5c5c5c;
    box-shadow: 0px 0px 20px #5c5c5c;
    -moz-border-radius: 15px;}
    For f skygge rundt header limer du den inn under #header som vist under.
    }

    #header {

    -webkit-box-shadow: 0px 0px 20px #5c5c5c;
    -moz-box-shadow: 0px 0px 20px #5c5c5c;
    box-shadow: 0px 0px 20px #5c5c5c;
    -moz-border-radius: 15px;}

  • 0

    Bildebakgrunner der du nsker.

    G inn p design >rediger>stilsett.

    Her er koden:

    background: url(http://i1123.photobucket.com/albums/l560/Inaanjuta/fe2.png) no-repeat right bottom;

    1. For lime inn et nytt bilde tar du bort alt innenfor de to parentesene og limer inn url til bilde.

    2. For finne url til bilde kan du laste opp et bilde p tinypic.com eller photobucket.com

    Koden kan limes inn forskellige steder som jeg forklarer under.

    Bildebakgrunn p skrevne kommentarer

    Lim inn hele denne koden nederst i stilsettet om du ikke allerede har instillinger for kommentarer. Hvis du har disse allerede legger du bare inn selve koden rett under overskriftene.

    }

    #comments .owner {

    background: url(http://i1123.photobucket.com/albums/l560/Inaanjuta/fe2.png) no-repeat right bottom;

    border: 0px solid #555555;

    width: 750px;

    }

    #comments .user {

    background: url(http://i1123.photobucket.com/albums/l560/Inaanjuta/fe2.png) no-repeat right bottom;

    border: 0px solid #555555;

    width: 750px;

    }

    Bildebakgrunn i kommentarfelt

    }

    #newcomment textarea{

    background: url(http://i1123.photobucket.com/albums/l560/Inaanjuta/fe2.png) no-repeat right bottom;

    }

    Bildebakgrunn p infolinje

    Lim inn denne koden nederst i stilsettet

    }

    .entry .meta {

    background: url(http://i1123.photobucket.com/albums/l560/Inaanjuta/fe2.png) ;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 7pt;

    padding: 0px;

    }


    Bildebakgrunn p sidemeny:

    Lim inn hele koden under dersom du ikke allerede har side i stilsettet. Hvis du har #side limer du bare inn selve koden inn under overskriften som vist under.

    }

    #side {

    background: url(http://i1123.photobucket.com/albums/l560/Inaanjuta/fe2.png) no-repeat right bottom;

    border: 1 px solid #555555;

    }
    Bildebakgrunn for innlegg:
    Lim hele koden inn i stilsettet. Hvis du allerede har main limer du bare inn setningene under overskriften og limer inn.

    }

    #main {

    background: url(http://i1123.photobucket.com/albums/l560/Inaanjuta/fe2.png) no-repeat right bottom;

    border: 1px solid #transparent;

    }

  • 7

    Endre utseende p kommentarfelt.

    G inn p design > rediger > stilsett.

    Lim inn hele koden under nederst i stilsettet.

    P sidene str en beskrivelse av hvordan du endrer p farger osv.

    }

    input{ <---- her bestemmer du hvordan der folk skriver navn og bloggadresse skal se ut.

    background-color: #f5f5f5; <----- Bakgrunnsfarge , skriv inn et annet tall eller bokstaver bak #.

    border: 0px solid black; <------ Ramme rundt boksen

    font-family: verdana; <------ Skrifttype

    color: black; <------ Farge p skrift

    font-weight: ; <------- Tykkelse p skrift

    font-size: 10px; <------ Strrelse p skrift

    }

    textarea{ <---- her bestemmer du hvordan tekstboksen skal se ut.

    background-color: #f5f5f5; <----- Bakgrunnsfarge , skriv inn et annet tall eller bokstaver bak #.

    border: 0px solid black; <------ Ramme rundt boksen

    font-family: verdana; <------ Skrifttype

    color: black; <------ Farge p skrift

    font-weight: <------- Tykkelse p skrift

    font-size: 10px; <------ Strrelse p skrift

    }

    Legge inn bakgrunnsbilde?

  • 0

    Bredere eller smalere der du kommenterer.

    1.G inn p design>rediger>maler>innlegg

    Dette er koden:

    style="width:400px;"

    2.Den skal limes inn i maler for innlegg rett foran ordet:onchange=

    Du kan endre p bredden for navn ,epost , url og der man skriver inn kommentar.

    Under viser jeg hvordan det ser ut for de fire ulike tingene.

    For endre bredde m du skrive inn et annet tall bakwidth.

    Bredden der du skriver inn e-post:

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:400px;"onchange="doChange(this)" value="" maxlength="100" />

    Bredden der du skriver inn navn:

    <label for="comment_author">Navn:</label>

    <input id="comment_author" type="text" name="author"style="width:400px;"onchange="doChange(this)" value="" maxlength="100" />

    Bredden der du skriver inn url:

    <label for="comment_authorurl">URL:</label>

    <input id="comment_authorurl" type="text" name="authorurl" style="width:695px;"onchange="doChange(this)" value="http://" maxlength="100" />

    Bredden der du skal skrive inn kommentarene:

    <label for="comment_text">Din kommentar:</label>

    <textarea id="comment_text" name="comment" style="width:695px;"onchange="doChange(this);" cols="40" rows="10"></textarea>

    Endre fargen i kommentarfelt? kommer snart

  • 5

    To sidemenyer

    Steg 1

    1. G inn p Design >rediger >maler

    Dette er koden som skal inn i malerne:

    <div id="side1"> Her skal innholdet i den andre sidemenyen vre </div>

    2. Lim den inn rett over denne linjen:<div id="main" class="yui-u first">

    3. Husk lagre.

    Steg 2.

    4. G inn p design > rediger > stilsett

    5. Lim inn hele koden som str under nederst i stilsettet.

    #side1 {

    width: 190px;
    background: #transparent;
    padding: 5px;
    float: left;
    padding: 5px;
    }
    #side {
    width: 180px;
    background: #ffffff;
    float: right;
    padding: 5px;
    }
    #main {
    width: 600px;
    background: #ffffff;
    padding: 5px;
    float: left;
    }
    #wrapper{
    background-color: #transparent;
    width: 1028px;

    }

    Hvis du allerede har #wrapper som de fleste har limer du kun inn denne koden under:

    background-color: #transparent;
    width: 1028px;

    Hvis du allerede har #side limer du inn denne koden under:

    width: 180px;
    background: #ffffff;
    float: right;

    Hvis du allerede har #main limer du inn koden under:

    width: 600px;
    background: #ffffff;
    float: left;

    Til slutt m du lime inn denne koden nederst i stilsettet:

    #side1 {

    width: 190px;
    background: #transparent;
    padding: 5px;
    float: left;
    padding: 5px;

    }

    Eksempel p hva du kan legge inn i den andre sidemenyen:

    Du kan skrive tekst rett inn.

    Legge inn bilder

    Eller legge inn ting fra den vanlige sidemenyen i den nye sidemenyen eksempel s kan du Lime inn profilen.

    eksempel:

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://i1123.photobucket.com/albums/l560/Inaanjuta/fe.jpg" height="110">

    <br>

    <br>

    <h7>${BlogTitle}</h7>

    <h3>

    <a href="${ProfileUrl}"></a>

    </h3>

    <p>${ProfileDescription}</p>

    1. Klipp ut denne koden fra malene og lim inn i den nye sidemenyen. Det ser nok ikke helt likt ut hos meg men s lenge det er innenfor den verste og nederste koden.

    Spr hvis noe er uklart!

  • 12

    Dropdown meny

    steg 1.

    1. G inn p design > rediger > stilsett.

    2. Lim inn hele koden som er under helt nederst i stilsettet.

    3. Husk lagre til slutt.

    Stilsett:

    #navbar {

    padding: 5px;

    height: 1em;

    width: auto;

    margin: 0px;

    text-align: center;

    }

    #navbar li {

    float: left;

    list-style: none;

    width: 150px;

    background-color: #fff;

    }

    #navbar li a {

    padding: 5px;

    display: block;

    border-bottom: 0px dashed #F7D7EE;

    color: #000000;

    text-decoration: none;

    font-family: arial;

    font-size: 10px;

    line-height: 12px;

    }

    #navbar li ul {

    padding: 5px;

    display: none;

    width: em;

    background-color: #fff;

    }

    #navbar li:hover ul, #navbar li.hover ul {

    display: block;

    position: absolute;

    margin: 0;

    padding: 0;

    z-index: 1;

    text-align: left;

    }

    #navbar li:hover li, #navbar li.hover li {

    float: none;

    }

    #navbar li:hover li a, #navbar li.hover li a {

    border-bottom: 1px dotted #ffc0c0;

    color: #727272;

    }

    #navbar li li a:hover {

    background-color: #ffc0c0;

    }

    #meny {

    width: 610px;

    margin-left: auto;

    margin-right: auto;

    }

    ps. Hvis du nsker flere knapper og de faller under hverandre kan du endre width:610px; som str under#meny til et hyere tall.

    Steg 2.

    3. G inn p design > rediger > maler.

    4. Koden skal limes inn enten:

    Over header:

    Rett over denne linjen i maler: <div id="header">

    Under header:

    Rett over denne linjen i maler: <div id="wrapper" class="yui-gc">

    Her er koden for dropdown med kategorier , siste innlegg og arkiv:

    <div id="meny">

    <ul id="navbar">

    <li><a href="#">Siste innlegg</a>

    <ul>

    <tag:recentlist limit="10">

    <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>

    </tag:recentlist>

    </ul>

    </li>

    <li><a href="#">Kategorier</a>

    <ul>

    <tag:categorylist>

    <li><a href="${CategoryLink}">&raquo; ${CategoryName}</a></li>

    </tag:categorylist>

    </ul>

    </li>

    <li><a href="#">Arkiv</a>

    <ul>

    <tag:archivelist limit="10">

    <li><a href="${ArchiveLink}">${ArchiveName}</a></li>

    </tag:archivelist>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </ul>

    </div>

    Drop down meny med eget innhold?

  • 6

    Dropdown meny med eget innhold

    steg 1.

    1. G inn p design > rediger > stilsett.

    2. Lim inn hele koden som er under helt nederst i stilsettet.

    3. Husk lagre til slutt.

    Stilsett:

    #navbar {

    padding: 5px;

    height: 1em;

    width: auto;

    margin: 0px;

    text-align: center;

    }

    #navbar li {

    float: left;

    list-style: none;

    width: 150px;

    background-color: #fff;

    }

    #navbar li a {

    padding: 5px;

    display: block;

    border-bottom: 0px dashed #cccccc;

    color: #000000;

    text-decoration: none;

    font-family: arial;

    font-size: 10px;

    line-height: 12px;

    }

    #navbar li ul {

    padding: 5px;

    display: none;

    width: em;

    background-color: #fff;

    }

    #navbar li:hover ul, #navbar li.hover ul {

    display: block;

    position: absolute;

    margin: 0;

    padding: 0;

    z-index: 1;

    text-align: left;

    }

    #navbar li:hover li, #navbar li.hover li {

    float: none;

    }

    #navbar li:hover li a, #navbar li.hover li a {

    border-bottom: 1px dotted #ffc0c0;

    color: #727272;

    }

    #navbar li li a:hover {

    background-color: #ffc0c0;

    }

    #meny {

    width: 610px;

    margin-left: auto;

    margin-right: auto;

    }

    Steg 2.

    3. G inn p design > rediger > maler.

    4. Koden skal limes inn enten:

    Over header:

    Rett over denne linjen i maler:<div id="header">

    Under header:

    Rett over denne linjen i maler:<div id="wrapper" class="yui-gc">

    Her er koden:

    <div id="meny">

    <ul id="navbar">

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </div>

    1. Der det str Overskrift kan du bestemme hva som skal st p knappen

    2. Der det str Link kan du bestemme hvilken side du vil linke til. Lim inn url til feks. et innlegg.

    Hvis du nsker flere knapper under hver kopierer du bare opp denne linjen og limer inn som p eksemplet:

    <li><a href="#">Link</a></li>

    Eksempel:

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

  • 1

    Ikoner ved siden av linker

    Eksempel Ikoner til ha i sidemenyen foran alle linkene eller s kan det settes foran kommentarnavnene.

    Her skal jeg fortelle hvordan du legger ikoner foran disse to:

    Her er selve koden:

    <img src="Urltil ikon" width="20" />

    1.Lim inn koden der du nsker.

    2.Lim url inn der det str "url ti ikon" ( Ikoner finner du en link til neders p siden.)

    Hvor det skal legges inn:

    I sidemeny:

    Foran kategorier:


    (Trykk p bildet for se strre)

    Foran siste innlegg:


    (Trykk p bildet for se strre)

    Foran Lenker:

    (Trykk p bildet for se strre)

    Foran navnet til den som kommenterer:


    (Trykk p bildet for se strre)

    Ikoner finner du her.

  • 1

    Ikoner til blogg

    Her har jeg lagt ut noen direkte linker til ikoner som kan brukes ved siden av F.eks linker i sidemeny eller foran kommentarer.

    Firkanten rundt ikonet synes ikke p linkene.

    Url til ikoner:

    http://i1123.photobucket.com/albums/l560/Inaanjuta/RubyHeart-1.gif

    http://i1123.photobucket.com/albums/l560/Inaanjuta/Ixia.gif

    http://i1123.photobucket.com/albums/l560/Inaanjuta/Sunflower.gif

    http://i1123.photobucket.com/albums/l560/Inaanjuta/RubyRound.gif

    http://i1123.photobucket.com/albums/l560/Inaanjuta/Strawberry.gif

    http://i1123.photobucket.com/albums/l560/Inaanjuta/Doggie.gif

    http://i1123.photobucket.com/albums/l560/Inaanjuta/DiamondHeart.gif

    http://i1123.photobucket.com/albums/l560/Inaanjuta/RedDog.gif

  • 3

    stilsett (gr, bred)

    .entry {

    background-color: #transparent;

    cursor: crosshair;

    }

    #header {

    background-image: url(http://img818.imageshack.us/img818/2006/skohvitt.jpg);

    background-repeat: no-repeat;

    margin: 0px 0px 10px 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    Width: 890px;

    Height: 200px;

    margin-left: auto;

    margin-right: auto;

    -webkit-box-shadow: 0px 0px 20px #5c5c5c;

    -moz-box-shadow: 0px 0px 20px #5c5c5c;

    box-shadow: 0px 0px 20px #5c5c5c;

    -moz-border-radius: 15px;

    margin-left: -80px;

    }

    .breadcrumbs {

    display: none;

    }

    #wrapper {

    background-color: #transparent;

    cursor: crosshair;

    width: 1010px;

    }

    #main {

    background-color:#ffffff;

    Width:720px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 10pt;

    -webkit-box-shadow: 0px 0px 20px #5c5c5c;

    -moz-box-shadow: 0px 0px 20px #5c5c5c;

    box-shadow: 0px 0px 20px #5c5c5c;

    -moz-border-radius: 15px;

    padding: 5px;

    cursor: crosshair;

    Width: 920px;

    margin-left: -100px;

    }

    #side {

    background-color:#e5e2e3;

    width:155px;

    padding: 8px;

    margin-bottom: 10px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    float: right;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    margin-top:0px;

    -webkit-box-shadow: 0px 0px 20px #5c5c5c;

    -moz-box-shadow: 0px 0px 20px #5c5c5c;

    box-shadow: 0px 0px 20px #5c5c5c;

    -moz-border-radius: 15px;

    cursor: crosshair;

    margin-top:-250px;

    margin-left: -40px;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: American typewriter, Tahoma, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    #header { color: #555555; }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #ffffff;

    }

    body {

    background-color: #f1f1f1;

    background-attachment: fixed;

    background-position: right bottom;

    background-repeat: repeat;

    font-family: Arial, Helvetica, sans-serif;

    color: #555555;

    cursor: crosshair;

    }

    .entry .meta{

    background-color: #e5e2e3;

    padding: 7px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #f5f5f5;

    font-size: 10pt;

    cursor: crosshair;

    }

    a:hover { color: #ffffff }

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #comments .owner{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    Width: 695px;

    float: center;

    }

    #comments .owner .meta{

    border-top: 0px solid #cccccc;

    border-bottom: 0px solid #cccccc;

    background-color:#eaeaea;

    color: #ffffff;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    text-align: left;

    }

    #comments .owner .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    margin-left: auto;

    margin-right: auto;

    }

    #comments .user{

    border: 1px dotted #cccccc;

    background-color: #ffffff;

    color: #555555;

    border-bottom: 1px solid #cccccc;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    Width: 695px;

    }

    #comments .user .meta{

    border-top: 0px solid #cccccc;

    border-bottom: 0px solid #cccccc;

    background-color:#eaeaea;

    color: #555555;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    text-align: left;

    }

    #comments .user .content{

    background-color: #ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    }

    #comments .other{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    Width: 695px;

    }

    #comments .other .meta{

    border-top: 0px solid #cccccc;

    border-bottom: 0px solid #cccccc;

    background-color:#eaeaea;

    color: #555555;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    text-align: left;

    }

    #comments .other .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    }

    .meta {text-align: center;}

    }

    #navbar {

    padding: 5px;

    height: 1em;

    width: auto;

    margin: 0px;

    text-align: left;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    }

    #navbar li {

    float: left;

    list-style: none;

    width: 150px;

    background-color: #fff;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    }

    #navbar li a {

    padding: 5px;

    display: block;

    border-bottom: 0px dashed #F7D7EE;

    color: #000000;

    text-decoration: none;

    font-family: arial;

    font-size: 10px;

    line-height: 12px;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    }

    #navbar li ul {

    padding: 5px;

    display: none;

    width: em;

    background-color: #fff;

    }

    #navbar li:hover ul, #navbar li.hover ul {

    display: block;

    position: absolute;

    margin: 0;

    padding: 0;

    z-index: 1;

    text-align: left;

    }

    #navbar li:hover li, #navbar li.hover li {

    float: none;

    }

    #navbar li:hover li a, #navbar li.hover li a {

    border-bottom: 1px dotted #f5f5f5;

    color: #727272;

    }

    #navbar li li a:hover {

    background-color: #f5f5f5;

    }

    #meny {

    width: 610px;

    margin-left: auto;

    margin-right: auto;

    }

    h3 {

    cursor:default;

    background-color: #ffffff;

    color: #555555;

    font-size:12pt;

    font-family: American typewriter, tahoma;

    letter-spacing:1px;

    line-height:10pt;

    text-align: center;

    padding: 1px;

    margin-bottom: -9px; margin-top: -9px; margin-right: -9px; margin-left: -9px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    cursor: crosshair;

    }

    #footer {

    display: none;

    }

    input{

    background-color: #eaeaea;

    border: 1px solid #cccccc;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -khtml-border-radius: 8px;

    border-radius: 8px;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center ;

    font-size: 10px;

    }

    textarea{

    background-color: #eaeaea;

    border: 1px solid #cccccc;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -khtml-border-radius: 8px;

    border-radius: 8px;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    }

    h2 {

    color: #555555;

    line-height: 200%;

    letter-spacing: 10px;

    font-size: 15px;

  • 1

    Maler;Innlegg:(Gr,smal)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <br>

    <br>

    <br>

    <br><div id="meny">

    <ul id="navbar">

    <li><a href="#">Siste innlegg</a>

    <ul>

    <tag:recentlist limit="10">

    <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>

    </tag:recentlist>

    </ul>

    </li>

    <li><a href="#">Kategorier</a>

    <ul>

    <tag:categorylist>

    <li><a href="${CategoryLink}" class="nav">&raquo; ${CategoryName}</a></li>

    </tag:categorylist>

    </ul>

    </li>

    <li><a href="#">Arkiv</a>

    <ul>

    <tag:archivelist>

    <li><a href="${ArchiveLink}">${ArchiveName}</a></li>

    </tag:archivelist>

    </ul>

    </li>

    </div>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${EntryTitle} (${BlogTitle})</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon"http://i1123.photobucket.com/albums/l560/Inaanjuta/Strawberry.gif" type="image/gif" />

    </head>

    <body>

    <div id="doc2">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><ahref="http://blogg.no/">blogg.no</a> <a href="${BlogUrl}">${BlogTitle}</a> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> ${EntryTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entry>

    <div class="entry">

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <h2><div align="center">${EntryTitle}</h2>

    <div class="meta">

    <ul>

    <li>

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    </div>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <li>

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    <tag:if test="${EntryHasTags == 'true'}">

    <div class="tags">Stikkord:

    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

    </tag:if>

    <tag:include module="postentry"></tag:include>

    </div>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <br>

    <h3>

    <br>

    <br>

    <br>

    </h3>

    <div id="comments">

    <tag:commentlist>

    <div class="comment ${CommentClass}">

    <div class="meta">

    <tag:if test="${CommentProfileUrl != ''}">

    <a href="${CommentProfileUrl}">

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    </a>

    <tag:else />

    </tag:if>

    </tag:if>

    <h4>${CommentAuthorLinkIf}</h4>

    <p></p>

    </div>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <div id="newcomment" class="clearfix">

    <h1>Skriv en ny kommentar</h1><font: zapfino;>

    <br>

    <form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">

    <div id="comment_author_wrapper">

    <label for="comment_author">Navn:</label>

    <input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div id="comment_authoremail_wrapper">

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:400px;"onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div id="comment_authorurl_wrapper">

    <label for="comment_authorurl">URL:</label>

    <input id="comment_authorurl" type="text" name="authorurl"style="width:695px;"onchange="doChange(this)" value="http://" maxlength="100" />

    </div>

    <div id="comment_text_wrapper">

    <label for="comment_text">Din kommentar:</label>

    <textarea id="comment_text" name="comment"style="width:695px;"onchange="doChange(this);" cols="40" rows="10"></textarea>

    </div>

    <div id="comment_submit_wrapper">

    <input type="hidden" name="commentid" value="${CommentID}" />

    <input id="comment_submit" class="submit" type="submit" name="submit" value="Takk for kommentaren" />

    </div>

    <div id="comment_remember_wrapper">

    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

    <label for="comment_remember">Husk meg ?</label>

    </div>

    </form>

    </div>

    </tag:if>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img838.imageshack.us/img838/9039/fe1i.jpg" height="110">

    </a>

    </div>

    <h3>

    <a href="${ProfileUrl}"></a>

    </h3>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="${ProfileUrl}">Legg meg til som venn</a>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <br>

    <br>

    <h3>Widgets</h3>

    <br>

    <br>

    <a title="Ina Anjuta on Bloglovin" href="http://www.bloglovin.com/en/blog/2655984/ina-anjuta/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_watkins.gif" /></a>

    <ul>

    </ul>

    </div>

    <div>

    <br>

    <br>

    <h3>Diverse</h3>

    <br>

    <br>

    <ul>

    <li>

    </li>

    </ul>

    </div>

    <div>

    <br>

    <br>

    <h3>Blogger jeg leser</h3>

    <br>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="URL HER">Navn</a>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="URL HER">Navn</a>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="URL HER">Navn</a>

    <ul>

    </li>

    </ul>

    </div>

    <div>

    <br>

    <br>

    <h3>Design laget av</h3>

    <br>

    <ul>

    <li>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <br>

    </li>

    <tag:profile>

    </ul>

    </div>

    <ul>

    </div>

    </div>

    <div id="footer" class="yui-gb">

    <div class="yui-u first">

    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

    <tag:if test="${ProfileExists == 'true'}">skrives av

    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til ndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

    er selv ansvarlig for innhold. Henvendelser kan rettes til

    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

    </div>

    <div class="yui-u">

    <h4>Arkiv</h4>

    <ul>

    <tag:archivelist limit="5">

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div class="yui-u">

    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

    <ul>

    <li><a href="http://blogg.no">blogg.no</a> - F din egen blogg, helt gratis.</li>

    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd og hjelp om blogging og design.</li>

    </ul>

    </div>

    </div>

    </div>

    </body>

    </html>

  • 0

    Maler; Forside: (gr, smal)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <br>

    <br>

    <br>

    <br><div id="meny">

    <ul id="navbar">

    <li><a href="#">Siste innlegg</a>

    <ul>

    <tag:recentlist limit="10">

    <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>

    </tag:recentlist>

    </ul>

    </li>

    <li><a href="#">Kategorier</a>

    <ul>

    <tag:categorylist>

    <li><a href="${CategoryLink}" class="nav">&raquo; ${CategoryName}</a></li>

    </tag:categorylist>

    </ul>

    </li>

    <li><a href="#">Arkiv</a>

    <ul>

    <tag:archivelist>

    <li><a href="${ArchiveLink}">${ArchiveName}</a></li>

    </tag:archivelist>

    </ul>

    </li>

    </div>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${BlogTitle} - ${BlogDescription}</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon" href="http://i1123.photobucket.com/albums/l560/Inaanjuta/Strawberry.gif" type="image/gif" />

    </head>

    <body class="front">

    <div id="doc2">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> ${BlogTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entrylist limit="30">

    <div class="entry">

    <h2>

    <div align="center">

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>

    </li>

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    </div>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">n kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>

    </tag:if>

    </li>

    </ul>

    <tag:if test="${EntryHasTags == 'true'}">

    <div class="tags">Stikkord:

    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

    </tag:if>

    </div>

    </div>

    </tag:entrylist>

    <div>Les mer i arkivet

    <tag:archivelist limit="3">

    <a href="${ArchiveLink}">${ArchiveName}</a></tag:archivelist></div>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img838.imageshack.us/img838/9039/fe1i.jpg" height="110">

    </a>

    </div>

    <h3>

    <a href="${ProfileUrl}"></a>

    </h3>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="${ProfileUrl}">Legg meg til som venn</a>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <br>

    <br>

    <h3>Widgets</h3>

    <br>

    <br>

    <a title="Ina Anjuta on Bloglovin" href="http://www.bloglovin.com/en/blog/2655984/ina-anjuta/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_watkins.gif" /></a>

    <ul>

    </ul>

    </div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <br>

    <h3>Diverse</h3>

    <br>

    <br>

    <ul>

    <li>

    </li>

    </ul>

    </div>

    <div>

    <br>

    <br>

    <h3>Blogger jeg leser</h3>

    <br>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="URL HER">Navn</a>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="URL HER">Navn</a>

    <br>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="URL HER">Navn</a>

    </li>

    </li>

    </ul>

    </div>

    <div>

    <br>

    <br>

    <h3>Design laget av:</h3>

    <br>

    <ul>

    <img src="http://img831.imageshack.us/img831/829/diamondheart.gif"width="11" />

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <br>

    <li>

    </li>

    </ul>

    <tag:profile>

    </div>

    </tag:if>

    <tag:if test="${HasProducts == 'true'}">

    <div>

    <h3>Jeg anbefaler</h3>

    <ul>

    <tag:productlist>

    <li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>

    </tag:productlist>

    </ul>

    </div>

    </tag:if>

    </div>

    </div>

    <div id="footer" class="yui-gb">

    <div class="yui-u first">

    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

    <tag:if test="${ProfileExists == 'true'}">skrives av

    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til ndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

    er selv ansvarlig for innhold. Henvendelser kan rettes til

    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

    </div>

    <div class="yui-u">

    <h4>Arkiv</h4>

    <ul>

    <tag:archivelist limit="5">

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div class="yui-u">

    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

    <ul>

    <li><a href="http://blogg.no">blogg.no</a> - F din egen blogg, helt gratis.</li>

    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd og hjelp om blogging og design.</li>

    </ul>

    </div>

    </div>

    </div>

    </body>

    </html>

  • 0

    Stilsett: (gr,smal)

    .entry {

    background-color: #transparent;

    cursor: crosshair;

    }

    #header {

    background-image: url(http://img818.imageshack.us/img818/2006/skohvitt.jpg);

    background-repeat: no-repeat;

    margin: 0px 0px 10px 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    Width: 690px;

    Height: 200px;

    margin-left: auto;

    margin-right: auto;

    -webkit-box-shadow: 0px 0px 20px #5c5c5c;

    -moz-box-shadow: 0px 0px 20px #5c5c5c;

    box-shadow: 0px 0px 20px #5c5c5c;

    -moz-border-radius: 15px;

    margin-left: 20px;

    }

    .breadcrumbs {

    display: none;

    }

    #wrapper {

    background-color: #transparent;

    cursor: crosshair;

    }

    #main {

    background-color:#ffffff;

    Width:720px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 10pt;

    -webkit-box-shadow: 0px 0px 20px #5c5c5c;

    -moz-box-shadow: 0px 0px 20px #5c5c5c;

    box-shadow: 0px 0px 20px #5c5c5c;

    -moz-border-radius: 15px;

    padding: 5px;

    cursor: crosshair;

    }

    #side {

    background-color:#e5e2e3;

    width:155px;

    padding: 8px;

    margin-bottom: 10px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    float: right;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    margin-top:0px;

    -webkit-box-shadow: 0px 0px 20px #5c5c5c;

    -moz-box-shadow: 0px 0px 20px #5c5c5c;

    box-shadow: 0px 0px 20px #5c5c5c;

    -moz-border-radius: 15px;

    cursor: crosshair;

    margin-top:-250px;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: American typewriter, Tahoma, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    #header { color: #555555; }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #ffffff;

    }

    body {

    background-color: #f1f1f1;

    background-attachment: fixed;

    background-position: right bottom;

    background-repeat: repeat;

    font-family: Arial, Helvetica, sans-serif;

    color: #555555;

    cursor: crosshair;

    }

    .entry .meta{

    background-color: #e5e2e3;

    padding: 7px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #f5f5f5;

    font-size: 10pt;

    cursor: crosshair;

    }

    a:hover { color: #ffffff }

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #comments .owner{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    Width: 695px;

    float: center;

    }

    #comments .owner .meta{

    border-top: 0px solid #cccccc;

    border-bottom: 0px solid #cccccc;

    background-color:#eaeaea;

    color: #ffffff;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    text-align: left;

    }

    #comments .owner .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    margin-left: auto;

    margin-right: auto;

    }

    #comments .user{

    border: 1px dotted #cccccc;

    background-color: #ffffff;

    color: #555555;

    border-bottom: 1px solid #cccccc;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    Width: 695px;

    }

    #comments .user .meta{

    border-top: 0px solid #cccccc;

    border-bottom: 0px solid #cccccc;

    background-color:#eaeaea;

    color: #555555;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    text-align: left;

    }

    #comments .user .content{

    background-color: #ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    }

    #comments .other{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    Width: 695px;

    }

    #comments .other .meta{

    border-top: 0px solid #cccccc;

    border-bottom: 0px solid #cccccc;

    background-color:#eaeaea;

    color: #555555;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    text-align: left;

    }

    #comments .other .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    }

    .meta {text-align: center;}

    }

    #navbar {

    padding: 5px;

    height: 1em;

    width: auto;

    margin: 0px;

    text-align: left;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    }

    #navbar li {

    float: left;

    list-style: none;

    width: 150px;

    background-color: #transparent;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    }

    #navbar li a {

    padding: 5px;

    display: block;

    border-bottom: 0px dashed #F7D7EE;

    color: #000000;

    text-decoration: none;

    font-family: arial;

    font-size: 10px;

    line-height: 12px;

    font-family: American typewriter, Arial, Helvetica, sans-serif;

    color: #555555;

    font-size: 8pt;

    cursor: crosshair;

    }

    #navbar li ul {

    padding: 5px;

    display: none;

    width: em;

    background-color: #fff;

    }

    #navbar li:hover ul, #navbar li.hover ul {

    display: block;

    position: absolute;

    margin: 0;

    padding: 0;

    z-index: 1;

    text-align: left;

    }

    #navbar li:hover li, #navbar li.hover li {

    float: none;

    }

    #navbar li:hover li a, #navbar li.hover li a {

    border-bottom: 1px dotted #f5f5f5;

    color: #727272;

    }

    #navbar li li a:hover {

    background-color: #f5f5f5;

    }

    #meny {

    width: 610px;

    margin-left: auto;

    margin-right: auto;

    }

    h3 {

    cursor:default;

    background-color: #ffffff;

    color: #555555;

    font-size:12pt;

    font-family: American typewriter, tahoma;

    letter-spacing:1px;

    line-height:10pt;

    text-align: center;

    padding: 1px;

    margin-bottom: -9px; margin-top: -9px; margin-right: -9px; margin-left: -9px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    cursor: crosshair;

    }

    #footer {

    display: none;

    }

    input{

    background-color: #eaeaea;

    border: 1px solid #cccccc;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -khtml-border-radius: 8px;

    border-radius: 8px;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center ;

    font-size: 10px;

    }

    textarea{

    background-color: #eaeaea;

    border: 1px solid #cccccc;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -khtml-border-radius: 8px;

    border-radius: 8px;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    }

    h2 {

    color: #555555;

    line-height: 200%;

    letter-spacing: 10px;

    font-size: 15px;

  • Ina Anjuta
    inaanjutablogg@hotmail.no

    N har du akuratt forvillet deg inn p min "nettside"/blogg. Denne siden fungerer som er slags online portfolio av mange av mine arbeider innenfor kunst og design. Jeg et utdannet Mac-operatr, jobber som grafisk designer og denne bloggen handler mye om utvikle disse ferdighetene enda mer, og legge ut arbeider og prveskisser fra skole og privat. Jeg elsker designe og skape ting, og har laget en rekke bloggdesign til blogg.no. Mange av disse er gratis design som du kan finne verst i menyen.
    Bortsett fra dette s er bloggen min ogs et sted hvor jeg fr uttrykt min overflatiskhet ved legge ut bilder av te-kopper, sminke, innkjp og andre rosa ting i hverdagen, med en unnskyldning om at jeg lrer meg ta bilder med min canon 550D.

    Instagram

    Kategorier

    Arkiv

    Siste innlegg

    bilde



    hits

    Tilkomstgruppen