katring

Hva synes dere?

- katrin

..eller okei, faktisk gammelt design. Men jeg liker det. Det er det eneste designet jeg noen gang har klart å lage selv. Så jeg føler liksom at det er ordentlig mitt, da. Forhold til når jeg stjeler gratisdesign. Selvom de kanskje ser bedre ut- så er det andre som har helt likt som deg. Så da byttet jeg til dette, skal prøve å ordne ny header snart da. Da de bildene er typ ett år gamle. haha. "Om meg" siden i menyen er heller ikke oppdatert, tror jeg må lage nytt innlegg til det.

Hva synes dere om designet?

- katrin

Nå har jeg endelig fått somlet meg til å ordne ny header og det bilde ved siden av. Flott å ha en hel dag uten planer gitt. Det ble ikke akkuratt superbra, da det enste redigeringsprogrammet jeg har tilgjengelig er picasa, og jeg ikke egentlig vil ha noe nærbilde av meg selv.. da ble det kollasj. Bedre enn ingenting.

- katring

Begynte gå litt lei det gamle designet, selvom jeg egentlig likte det veldig godt. Likte veldig godt at jeg hadde laget det selv hvertfall. Nå er det liksom klipp og lim fra en annen, og resten av Norge kan også bare klippe og lime og få likt som meg. Så får se hvor lenge jeg beholder det. Godt med forandring hvertfall. Hva synes dere?

før

etter


- katring

Før:

Etter:

Hva synes dere? Selv er jeg veldig fornøyd, følte den nye headeren var mer meg. Hvis dere skjønner. Og den grå meny linja passet brått 100 ganger mer inn. Minner dere på at jeg lager slike "bokstav headere" som de over, bare å sende mail til katring.93@hotmail.com med bilder jeg kan bruke, og en liten beskrivelse av hvordan dere vil ha det.

- katring

.. hehe. ja, dette er et spørsmål jeg har fått i det siste. Og joda, jeg kan det, men jeg er egentlig helt elendig i photoshop. Og jeg klarer bare lage slike headere som den jeg har selv. Men ja, har dere fremdeles lyst så kan jeg det. Bare send meg bilder jeg kan bruke på mail, eller legg de ut i et eget innlegg på bloggen deres, og fortell meg hvordan dere vil ha det. Som sakt klarer jeg bare "bilder i bokstavene headere", men det kan jo være dere vil ha det på en spesiell måte, vet ikke jeg?

Jeg har forresten også skrevet et innlegg <her> om hvordan jeg lager headerene, så hvis dere har photoshop kan dere jo også prøve selv.

Husk også å melde dere på blogg vs blogg <her>, jeg trekker de to som får være med i kveld!

- katring

Fikk spørsmål fra en leser om jeg kunne forklare hvordan jeg fikk til menyen under headeren min, og det kan jeg jo så klart prøve på.

Først legger du inn denne koden nederst i stilsettet:

#meny {
font-family: arial;
font-size: 12px;
text-align: center;
width: 750px;
padding: 5px 0px 5px 0px;
background-color: #dddddd;
margin-left: auto;
margin-right: auto;
}
#meny a {
background-color: #dddddd;
color: #ffffff;
padding: 5px 15px 5px 15px;
width: 100%;
margin: 0px 8px 0px 0px;
}
#meny a:hover {
color: #000000;
background-color: #dddddd;
}

Deretter går du inn på maler, finn <div id="wrapper" class="yui-gc"> og legg inn denne koden under:
husk å legge koden både på forside, innlegg, kategori og arkiv

<div id="meny">
<a href="LINK"> NAVN </a>
<a href="LINK"> NAVN </a>
<a href="LINK"> NAVN </a>
<a href="LINK"> NAVN </a>
<a href="LINK"> NAVN </a>
<a href="LINK"> NAVN </a>
<a href="LINK"> NAVN </a>
</div>

Der det står LINK bytter du ut med linken du vil man skal komme inn på når man trykker der,
NAVN, bytter du ut med det du vil det skal stå på link knappen, f.eks "om meg".

Håper det var til noe hjelp, og at jeg ikke har skrevet helt feil her nå. Må bare si at jeg ikke kan det her. Var innom typ 50 blogger den kvelden jeg laget den menyen for å finne noe som funket på min blogg. Så unnskyld hvis jeg har glemt noe nå. Anbefaler dere bare å google litt rundt på egenhånd, det gjør alltid jeg når jeg trenger noe!

- katring

Ettersom jeg har tatt vekk hele menyen fra siden, tenkte jeg det kanskje var greit med en meny under headeren. Det blir da lettere for dere å legge meg til som venn og følge meg via bloglovin. Også tenkte jeg dere kanskje ville like å ha alle outfitene mine samlet der oppe, lett tilgjengelig. Samme med musikktips og videoer, selvom det ikke er så altfor mange av de enda.

Hva synes dere?

- katring

Nå prøver å ordne meg meny under headeren, får se hvor bra det går. haha. Men da vet dere hvorfor bloggen ikke ser ut helt som den skal en liten stund fremover.

ett stk godt brukt arkivbilde.

- katring

Følte det var på tide med ny header. Ble ikke store forandringen, men jeg liker sånne headere.

Ny:

Gammel:

Hva synes dere?

Vinner av blogg vs blogg http://marterb.blogg.no/

- katring

Har fått spørsmål om hvordan jeg har laget headeren min. Siden jeg er elendig til å forklare tenkte jeg å ta det i ett eget innlegg, med bilder er det i det minste håp for at noen skjønner. Først og fremst må du ha photoshop. Jeg har det pga jeg går interiør og utstilling, så da får vi adobepakka fra skolen, ellers må man kjøpe den.

Du må ha to sider oppe, en med bildet du vil lage bokstaven av, og en blank. Så velger du "Horizontal Type Mask Tool"

Så bare skriver du det du vil skrive, jeg har da skrevet en bokstav, og tatt nytt bilde for neste bokstav igjen i min header, men du kan selvfølgelig skrive alt på ett bilde om du vil det.  

Så bare kopier du det over på det blanke arket.  Enkelt og greit. Hvis du gjør som i min header må du da lage en og en bokstav av hvert sitt bilde, og kopiere en og en over på det blanke arket.
Bare å spørre hvis det er noe mer dere lurer på, eller om jeg bare ikke forklarte godt nok.

-katring

Følte bare behov for en ny, vet ikke om jeg kommer til å ha denne noe særlig lenge men. haha.

Hva synes du?

-katring

Fikk spørsmål om jeg kunne forklare hvordan jeg har lagd designet mitt. Vet ikke om det var noe spessielt du lurte på, men kan legge ut 5 enkle, men viktige koder i designet mitt.
Bare å legge igjen kommentar om dere lurer på noe jeg ikke tok med her, eller om noe helt annet.

1. For å ta vekk hele menyen legger du denne koden i stilsettet:
}
#side {
display: none;
}

2. For å utvide bloggen legger du inn width: 750px; på #main, og width: 800px på #doc2
tallene endrer du etter hvor bred du ønsker din blogg skal være

 3. For å midtstille, og få ramme rundt hele bloggen legger du inn denne koden i stilsettet:
tallene endrer du etter hvor bred bloggen og rammen skal være
}
#doc2 {
width: 800px;
border-style: solid;
border-width: 2px;
border-color: #000000;
margin-left: auto;
margin-right: auto;
}

4. For å få linje under overskriften legger du inn denne koden i stilsettet under #h2:
h2 { border-bottom: 1px solid #000000}
tallet endrer du etter hvor bred linjen skal være

5. For å få mellomrom over headeren/rammen går du inn på:
design- rediger- maler
trykker ctrl+f - søk på <head>
foran/over <head>, setter du koden <br>
<br> kan du sette inn så mange ganger du vil. Jo fler ganger - jo større mellomrom

Håper dette var til noe hjelp for noen!
-katring