Bloggdesign - diverse

Jeg får begynne bloggdesign-tutorials'ene mine med litt generell informasjon. Dersom du ikke er så dreven med koder og sånt, så ikke fortvil - jeg skal lage dem så korte og enkle som jeg kan, men likevel steg-for-steg.

Hvis man gjør noe feil, så er det alltid mulig å trylle seg litt tilbake i tid *myser*, ved å gå inn på 'Designarkiv' og tilbakestille. ('Design' - 'Arkiv')

Som mange sikkert har skjønt så er html-koder det beste å bruke for et fint design på blogg.no. Designbyggeren er helt grei hvis man ikke legger så mye vekt på detaljer, men er du litt pirkete så blir det fort svært begrenset. Men HUSK at når du først har begynt å redigere koder og gjøre om stilsett, så må du ikke gå tilbake til å bruke designbyggeren - da går alt arbeidet tapt og du kan ende opp med masse rot.

For å komme til de magiske kodene, går du til 'Design' - 'Rediger'. Og så skjer det meste under 'Maler', men også noe under 'Stilsett'.

Alltid huske å lagre når man har endret noe, men husk å 'forhåndsvise' først - så slipper man søl.

 

 

 

Noen nyttige snarveier

CTRL + A = Merk alt
CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk

 

Fargekart

Enten kan du gå inn på denne siden: html-color-codes.info, hvor du finner både fargekoder og litt info.

Eller så kan du bruke denne:



Skal forklare litt senere hvordan man skal bruke dem, så bare pust rolig og wait for it. ;)

 

Rammer

Man kan bruke rammer rundt ting hvis man vil, og da kan man velge mellom disse:

solid (vanlig ramme/rett strek), dotted, dashed, double, ridge, groove, outset og inset.

Endre type = bytt ut solid (hvis den opprinnelig er det) med en av de andre.

Endre tykkelse = bytt ut 2px med ønsket tykkelse.

Endre farge = bytt ut #000000; med ønsket farge.

 

Diverse koder

Disse kan du bruke både når du designer bloggen din og når du skriver innlegg (da må du trykke på HTML-knappen først).

Fet tekst: <b> DIN TEKST </b>

Kursiv: <i> DIN TEKST </ i>

Midtstill: <center> TEKST ELLER BILDE </ center>

Understreket tekst: <u> DIN TEKST </ u>

Legg til et bilde: <img src="URL TIL BILDET">

Lenke: <a href="URL TIL SIDEN"> NAVN PÅ SIDEN </ a>

 

Url

Det er ikke alle som vet hva 'url' er, men det er enkelt og greit hele adressen til en nettside.

Hvis du skal kopiere url'en til en side du skal linke til feks, må du få med hele adressen - med http://www. osv.

 

Url til bilder

Hvis du skal legge inn bilder på sidemenyen eller andre steder på bloggen, så må du ha en url til bildet som skal limes inn i en kode. Det vil si at du ikke bare kan kopiere bildet fra dataen din el.l., men du må laste opp bildet på et nettsted og så kopiere url til bildet (skal forklare det litt bedre senere). Jeg har tidligere brukt Google-kontoen min til å lagre bilder og hente url, men nå bruker jeg Photobucket, som gjør det veldig enkelt.

 



Håper du henger med neste gang - kom gjerne med ønsker om hva du vil ha forklaring på.

Spør og grav - evt send meg en mail på vikinghuldra@gmail.com!

Signatur

8 verdsatte kommentarer!

Mentalvirus

20.03.2013 kl.12:30

Liker :)

Kanskje kjekt å nevne at starter en kommando, og avslutter. (x kommer jo selvsagt an på). Eventuelt bruker bilder med eksempler i forklaringene. Regner med du avanserer etterhvert, og da er det fint å ha visuell støtte.

Kan en del basics, men hører gjerne hvordan du har fått headeren "gjennomsiktig" på sidene, istedenfor en kloss som går i ett med kroppen :>

Eva a.k.a. Vikinghuldra

20.03.2013 kl.12:42

Mentalvirus:
Ja! Skal lage en enkel forklaring på bruk av koder - start og slutt, (hvis det var det du tenkte på?) før jeg begynner på selve kodene.

"Gjennomsiktig", tenker du på at det er luft rundt headeren?

Bildeforklaringer kommer :) Dette første var egentlig bare en slags innledning, hvor det kommer til å komme en oversikt med lenker videre. Dette innlegget er nemlig klistra inn i rullemenyen min, der det står Bloggdesign, så skal det komme mer under den etterhvert :)

Fint at du liker :D

Lugburz

20.03.2013 kl.21:14

Fliiink. Her skal jeg følge med, og når jeg får livet mitt tilbake en gang, så skal jeg prøve å modifisere på bloggen min :)

Eva a.k.a. Vikinghuldra

20.03.2013 kl.23:48

Lugburz:
Hehehe :) Kuli :D

Pyrodam

21.03.2013 kl.13:29

Jeg bruker også photoshop til å blande en farge jeg vil ha er samme koder liksom :3 Ellers kommer jeg også til å følge litt med her, jeg kan veldig lite om bloggdesign og prøvd meg litt enkelt, så kan liksom ikke så mye mer enn det du har nevnt nå. Fikk ikke til å ha et stort valgt bakgrunnsbilde en gang uten at det skulle bli feil proporsjoner, enten strekt og stygt eller bare dekket halve og fikk ikke til å tilpasse riktig x) Så kom gjerne med litt hvordan en tilpasser bilder til bakgrunn.

Eva a.k.a. Vikinghuldra

21.03.2013 kl.13:49

Pyrodam:
Så bra! Jepp, det skal jeg fikse :D

Heresetai

22.03.2013 kl.16:48

"What are you Tolkien about." Fniiiis! :D

Eva a.k.a. Vikinghuldra

22.03.2013 kl.19:54

Heresetai:
Tjihi... ^^ :D

Skriv en ny skademelding!

hits