Design

Hvordan få interaktive knapper "inni/oppå" eller under headeren - inkludert knapper du kan bruke


Her er en mal på hvordan du legger inn, og plasserer knapper på bloggen din. Du kan legge knappene oppå/inni headeren, eller under om du ønsker det.

Sånn her ser knappene du får ut: (De er litt mindre enn dette. ca halv str. Trykk her for å se str knappene blir)



Knapp nr: 4         
                                Knapp nr 1


Knapp nr: 3                                            Knapp nr 5


Knapp nr: 6                                            Knapp nr 7


Knapp nr: 2

Skriv opp hvilke knapper du vil ha.

Gå til: Design - Rediger - Maler

Lim inn denne koden under   <p>${BlogDescription}</p> (nesten øverst i malen)

<a href=" bloggadressen din " id="knapp1"></a>
<a href="
link til videobloggen din " id="knapp2"></a>
<a href="
link til konkurransesiden din " id="knapp3"></a>
<a href="
link til bloggen din/der du legger vanlige eller hverdagsinnlegg " id="knapp4"></a>
<a href="
link til siden om deg" id="knapp5"></a>
<a href=" link til siden med outfits" id="knapp6"></a>
<a href=" link til profilen din" id="knapp7"></a>

Bytt ut den uthevede skriften med det som står der.

Da ser det sånn her ut:
(Jeg har bare 5 knapper i koden min, men lim inn alle 7. Det har ingenting å si om det er noen av knappene du ikke skal ha, de fjerner vi på en annen måte etterpå.)

Trykk lagre, og gå til innlegg. Lim inn den samme koden på samme sted, og trykk lagre. Gjenta på arkiv og kategori.

Nå skal du gå til stilsettet ditt og lime inn denne koden her:

#knapp1{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh4.ggpht.com/_FyFo5Dntj0I/S4b2C_oyR8I/AAAAAAAAAPg/NFJkTKqrSaQ/s128/blaforside.jpg) 0px 0px;
margin-left: 50px;
margin-top: 50px;
}
#knapp2{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh5.ggpht.com/_FyFo5Dntj0I/S4b2RiXcHQI/AAAAAAAAAQI/EXO74UZh4H4/s128/blavideo.jpg) 0px 0px;
margin-left:5px;
margin-top:50px;
}
#knapp3{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh3.ggpht.com/_FyFo5Dntj0I/S4b2DRBrbCI/AAAAAAAAAPo/allHSUO0b_M/s128/blakonkurranser.jpg) 0px 0px;
margin-top:50px;
margin-left:5px;
}
#knapp4{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh6.ggpht.com/_FyFo5Dntj0I/S4b2C3eIeEI/AAAAAAAAAPY/MJGQO-oyPUA/s128/blablogg.jpg) 0px 0px;
margin-top:50px;
margin-left:5px;
}
#knapp5{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh3.ggpht.com/_FyFo5Dntj0I/S4b2Kf6DDUI/AAAAAAAAAPw/24A0atuIe1g/s128/blaommeg.jpg) 0px 0px;
margin-top:50px;
margin-left:5px;
}

#knapp6{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh5.ggpht.com/_FyFo5Dntj0I/S4b2Kt_gJYI/AAAAAAAAAP4/WhRjpJ23O5s/s128/blaoutfit.jpg) 0px 0px;
margin-top:50px;
margin-left:5px;
}

#knapp7{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh4.ggpht.com/_FyFo5Dntj0I/S4b2RrkL0YI/AAAAAAAAAQA/g5v0x31w90c/s128/blavenn.jpg) 0px 0px;
margin-top:50px;
margin-left:5px;
}
#knapp1:hover{
background:url(http://lh4.ggpht.com/_FyFo5Dntj0I/S4b2DCYxzoI/AAAAAAAAAPk/IVHor4fhfFs/s128/blaforsideover.jpg) 0px;
}
#knapp2:hover{
background:url(http://lh3.ggpht.com/_FyFo5Dntj0I/S4b2R_OtyLI/AAAAAAAAAQM/LunqtfMzing/s128/blavideoov.jpg) 0px;
}
#knapp3:hover{
background:url(http://lh3.ggpht.com/_FyFo5Dntj0I/S4b2KEe4yXI/AAAAAAAAAPs/aS0spi2R_XU/s128/blakonkurranserov.jpg) 0px;
}
#knapp4:hover{
background:url(http://lh6.ggpht.com/_FyFo5Dntj0I/S4b2C_-sVgI/AAAAAAAAAPc/u76f0mLsPYs/s128/blabloggover.jpg) 0px;
}
#knapp5:hover{
background:url(http://lh6.ggpht.com/_FyFo5Dntj0I/S4b2KQeCFAI/AAAAAAAAAP0/BBH9AA6DOFk/s128/blaommego.jpg) 0px;
}
#knapp6:hover{
background:url(http://lh4.ggpht.com/_FyFo5Dntj0I/S4b2KkeLgnI/AAAAAAAAAP8/4RhR0G0L080/s128/blaoutfitover.jpg) 0px;
}#knapp7:hover{
background:url(http://lh5.ggpht.com/_FyFo5Dntj0I/S4b2RjA4mDI/AAAAAAAAAQE/gOGqXRXX3ng/s128/blavennov.jpg) 0px;
}



Sjekk hvilke nr det er på knappene du ønsker å ha, og fjern knappene du ikke ønsker å ha fra koden i stilsettet.
feks: Ønsker du bare å ha knapp nr 3,4 og 5 skal du fjerne knapp 1, 2, 6 og 7 fra koden i stilsettet ditt sånn som dette:


#knapp3{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh3.ggpht.com/_FyFo5Dntj0I/S4b2DRBrbCI/AAAAAAAAAPo/allHSUO0b_M/s128/blakonkurranser.jpg) 0px 0px;
margin-top:50px;
margin-left:5px;
}
#knapp4{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh6.ggpht.com/_FyFo5Dntj0I/S4b2C3eIeEI/AAAAAAAAAPY/MJGQO-oyPUA/s128/blablogg.jpg) 0px 0px;
margin-top:50px;
margin-left:5px;
}
#knapp5{
float:left;
display: block;
width: 128px;
height: 31px;
background:url(http://lh3.ggpht.com/_FyFo5Dntj0I/S4b2Kf6DDUI/AAAAAAAAAPw/24A0atuIe1g/s128/blaommeg.jpg) 0px 0px;
margin-top:50px;
margin-left:5px;
}

#knapp3:hover{
background:url(http://lh3.ggpht.com/_FyFo5Dntj0I/S4b2KEe4yXI/AAAAAAAAAPs/aS0spi2R_XU/s128/blakonkurranserov.jpg) 0px;
}
#knapp4:hover{
background:url(http://lh6.ggpht.com/_FyFo5Dntj0I/S4b2C_-sVgI/AAAAAAAAAPc/u76f0mLsPYs/s128/blabloggover.jpg) 0px;
}
#knapp5:hover{
background:url(http://lh6.ggpht.com/_FyFo5Dntj0I/S4b2KQeCFAI/AAAAAAAAAP0/BBH9AA6DOFk/s128/blaommego.jpg) 0px;
}

Du ser jeg har uthevet noen elementer i koden, de kan du endre på selv. Margin-top stiller hvor langt ned på headeren du vil ha knappene. margin-left stiller hvor langt fra hverandre knappene skal være ( hvor langt mellomrom på venstre side av knappen) margin left på knapp1 stiller hvor langt fra venstre side og ut på hedderen knappene skal være. Trykk på forhåndsvis etter du har stilt på hvor knappene skal være, for å se om det ble riktig. Du kan også bruke negativ verdi når du skal stille margin. feks: margin-left: -50px;

OBS: Hvis du vil ha knappene under headderen stiller du margin-top til 10px høyere enn høyden på headderen. Feks: margin-top: 450px; (Du kan bare prøve deg frem med forhåndsvisning)

Husk: jo høyere tall på margin-top, jo lengere ned på siden kommer knappene, og jo høyere tall på margin-left jo lenger til høyre på siden. Negativ verdi beveger knappene til til venstre.

Bare spørr om du er usikker på noe!

Når du er fornøyd, behøver du bare å trykke lagre, så skal du ha fullt funksjonable knapper på bloggen din, inni/oppå headderen.

Lykke til!

Håper dette var en grei forklaring.

Design til Frk Malin og Sabita


Her er to design jeg har laget.

Et til Sabita



og et til Frk Malin




Hva syns dere?

Hvordan endre skrifttypen/fonten til overskrift og bloggen/innlegg


Jeg fikk en forespørsel på hvordan man kan endre skrifttype..

Det som er viktig å tenke på når du skal endre skrifttype på bloggen, er at hvis personen som ser på bloggen din ikke har den skrifttypen installert på pc'n, vil han/hun ikke kunne se hva som står der.. Det er derfor viktig å ha flere skrifttyper i backup.. Gjerne 3 stykker..

Her er hvordan det gjøres på OVERSKRIFTER:

Gå til Design -> Rediger

Nederst i stilsettet ditt finner du denne linja:

h1, h2, h3, h4, h5 { font-family: Trebuchet MS, Helvetica, sans-serif; }

Trebuchet MS, Helvetica, sans-serif er skrifttypene som bloggen viser, i dette tilfellet Trebuchet MS..
Hvis du ikke har Trebuchet MS installert på pc'n vil bloggen vises med Helvetica, hvis ikke den fonten er installert. vil bloggen vise sans-serif.

Finn ut hva skrifttypen du vil ha heter, og lim inn navnet istedenfor det første som står der (i dette tilfellet Trebuchet MS).
(Pass på at det fortsatt er komma mellom hver font.)

OBS: La de to andre skrifttypene stå, slik at de som ikke har skrifttypen du ønsker fortsatt kan lese bloggen!

Hvis du trykker forhåndsvis nå, vil du kunne se at fonten er endret på overskriftene.
Nå kan det hende du synes at skrifta er alt for liten/stor ,  hvis dette er tilfelle kan du gå inn på Hvordan få større overskrift på innlegg og menyer og se hvordan du endrer størrelsen på skrifta.


Her er hvordan du endrer skrifttypen på bloggen/innleggene:

Gå til Design -> Rediger
Trykk crlt+f og søk etter body

Her finner du:

body {
background-color: #ffffff;
font-family: Trebuchet MS, Helvetica, sans-serif;
color:#000000;
}


Trebuchet MS, Helvetica, sans-serif er skrifttypene som bloggen viser, i dette tilfellet Trebuchet MS..
Hvis du ikke har Trebuchet MS innstallert på pc'n vil bloggen vises med Helvetica, hvis ikke den fonten er innstaller vil bloggen vise sans-serif.

Finn ut hva skrifttypen du vil ha heter, og lim inn navnet istedenfor det første som står der (i dette tilfellet Trebuchet MS).
(Pass på at det fortsatt er komma mellom hver font.)

OBS: La de to andre skrifttypene stå, slik at de som ikke har skrifttypen du ønsker fortsatt kan lese bloggen!

Trykk forhåndsvis, for å se at alt er riktig, så er det bare å lager.

Har dere noen spørsmål, så er det bare å fyre løs :)

Lykke til!

Hvordan oversette bloggen til engelsk


Jeg fikk et spørsmål om hvordan man oversetter bloggen til engelsk, så da lager jeg et kjapt innlegg :)

Gå til Design -> Rediger -> Widgets

Lim inn denne koden

<form action="http://www.google.com/translate" style="visibility;collapse">
<script language="JavaScript">
<!--
document.write ("<input name=u value="+location.href+" type=hidden>")
// -->
</script>
<input name="hl" value="no" type="hidden">
<input name="ie" value="UTF8" type="hidden">
<input name="langpair" value="" type="hidden">
<input name="langpair" value="no|en" title="English" src= "http://lh3.ggpht.com/_FyFo5Dntj0I/S363PeXHtNI/AAAAAAAAAH0/B5brtppvmqE/engelsk_flagg.jpg" onclick="this.form.langpair.value=this.value" height="36" type="image" width="60">
</form>






Trykk lagre, så skal du ha et engelsk flagg under profilen din.

hmmm.. helt unikt design??

Hva er det folk egentlig mener når de skal ha et helt unikt design.. Stort sett alle jeg lager til ønsker dette.. Men jeg mener, det er jo ikke sånn at jeg går inn på en blogg, og lager samme design som den har...
Så uansett hva jeg gjør, så blir det jo unikt, siden ingen andre har akkuratt det samme....

Og med tanke på layout, så er det jo faktisk begrensa på hvordan den kan være.... Eller mener de at jeg skal legge headeren på siden, og hovedmeny med kategorier osv på toppen, mens innleggene da kommer under??

Sååå... om du vet hva folk mener med "unikt" design, så må du gjerne dele det med meg.. Blir litt forvirra...

Design til Måløy hud og fotpleie

Jeg fikk en forespørsel om å lage design til Måløy hud og fotpleie

Her er resultatet



Hva syns dere?

Design til wois og Melissa

Da er to nye design klare :)

Wois


og Melissa


Hva syns dere?

Hvordan vise hele innlegg på kategorier

Gå til Design - Rediger - Maler - Kategori

Trykk Crlt+f og søk etter entrylist.
Der står det

<tag:entrylist limit="1000" maxchars="200">


Fjern maxchars="200" Og du viser hele innlegg! :)
Limmit="1000" er tallet for hvor mange innlegg du ønsker å vise på per kategori..
Det kan lønne seg å sette den til 100, så det ikke blir alt for mange nedover.

Når du er ferdig ser det sånn her ut:



Trykk lagre, så er du ferdig!

Lykke til

Enda et design til Elizabeth

Som jeg har nevnt tidligere, så får Elizabeth de designene som jeg ikke helt vet hva jeg skal gjøre med, eller som jeg lager når jeg kjeder meg...

Det er vel ikke mer enn en uke siden sist.. men jaja..

Her er i hvertfall det nye :)


Hva syns dere?

Nytt design til meg selv!

Nå er det lenge siden jeg har laget et design til meg selv, så da tenkte jeg at det kan jeg jo unne meg :)


 Hva syns dere om det nye designet mitt?

Design til Sunniva

Jeg har fått veldig mange forespørsler på å lage design nå.. så nå blir det en del innlegg med det :)

Her er designet til Sunniva


Hva syns dere?

Design til thssb!

Da ble det er  design til denne søte jenta..

Sånn her ble det


 Hva syns dere?

Design til Ezo

Da har jeg laget design til Ezo.

Dette ble resultatet



Hva syns dere?

Design din egen nettleser med firefox 3.6

Jeg har endelig fått surra meg til å laste ned nyeste firefox, og det første jeg fant, var at jeg kunne designe mitt eget layout til nettleseren! Det er jo helt supert!

Så nå kan nettleseren stå i stil til resten av skrivebordet! Jeeej!


Du får selvfølgelig velge mellom en hel del forskjellig designs, hvis du ikke vil eller kan lage selv. (Jeg har ikke laga det du ser her)

Hvordan får man dette selv

  1. Last ned Firefox 3.6 her
  2. Installer
  3. Velg et tema du ønsker HER
Voila!

nytt design til Lille Blondie

Det har seg slik at jeg kjeder meg litt i blandr.. og det har nok en gang gått utover Lille blondie..

Her er resultatet


Hva syns dere?

ARG!

Hvorfor i all verden skal det være så vanskelig å komme på en bra bakgrunn til det nye designet!?? hmpf!

Nytt design...

... Eller jeg holder ihvertfall på med et.

Nå som det nye året er her, er det vel på tide med et nytt design... Forløpig har jeg bare laget hedaeren, så jule designet mitt får være her enn så lenge.. :P

Ettersom jeg har helt hekta på Dragon Age, ble temaet fantasy.



Hva syns dere forløpig? Noe om burde endres?

Designhjelp: En lettere måte å endre bredden på kommentartekstboksen! :)

Jeg har skrevet et innlegg tidligere med hvordan man endrer bredden på tekstboksen man skriver komentarer i..
Etter litt frem og tilbake, konkluderte jeg med at dette er VELDIG mye lettere, + at det gjør det lettere å endre på senere også! :D

Dette endrer bredden på kommentarene, kommentartekstboksen og kommentarurl.

Gå til Design -> Rediger og lim inn dette nederst i stilsettet:

#newcomment textarea, #newcomment input#comment_authorurl,#comments {
width:500px;
}


width:500px; -> Dette er den bredden du ønsker å ha på tekstboksen, der de skriver inn url, og kommentarer. Bytt ut 500 med den bredden du ønsker å ha (som regel bredden på innleggene -20px).. (Bruk forhåndsvis for se hvilken bredde som blir riktig)

Lagre stilsett
, så er du ferdig! :D

Ps: For dere som har brukt den tidligere forklaringen for å endre str, så er det bare å fjerne det dere la inn før dere legger inn denne koden. For å se hvilken kode dere la inn, klikk her.

Forslag til Header til Trine.

Hmm.. Trine Har en Header konkurranse på bloggen sin.. Og da tenkte jeg at jeg skulle delta.. Men jeg trenger litt feedback på hvordan det ser ut.. (Jeg har en tendens til å se meg blind på designet hvis jeg ikke får litt konstruktiv kritikk)

Her er et kjapt førsteutkast

utkast01


Hun ville ha en vinterheadder. Ikke Jul eller nyttår...
Jeg lager vel flere utkast.. og velger en eller to til å gå utifra etter det...

Hva syns dere så langt? Noe Jeg burde endre på? Har dere noen gode idèer å dele med meg?

Juleheader til Elizabeth

Siden nettet mitt klikka tidligere i dag, konkluderte jeg med at jeg ville lage en heder til noen.. Så jeg tenkte at jeg kunne lage en juleheader til Elizabeth :)

Her er resultatet

jul



Hva syns dere?

Jeg minner om konkurransen jeg har gående her.  - Vinn en invite til Google wave - Skriv et innlegg om hva du tror en ailien ville ha sagt om jula/julestria!

Header til Ida

Fikk spørsmål fra Ida oom jeg kunne lage en header til hu, så da tenkte jeg at jeg kunne gjøre det. :)

Her er resultatet
utkast02

Hva er dommen?

Header til M.B.

Da har jeg laget en enkel header til M.B.

her er resultatet

utkast02

Hva syns dere??

Hvordan endre "kommentarer" til feks "juleklemmer"

Gå til Design ->Rediger->Maler
Trykk crlt+f og søk etter kommentar

Da kommer du hit
fig08

Endre kommentarer til hva du ønsker. i dette tilfellet Juleklemmer.

Da blir det sånn her:
fig09

Søk videre nedover (trykk finn neste i browseren din) og bytt ut alle "Kommentarer" med "Juleklemmer" eller hva du ønsker det skal stå.

Trykk lagre malen når du er ferdig. :)

Gjenta dette på innlegg, kategorier og arkiv.


Bare si ifra om dere lurer på noe. :)

Marianne fikk headeren!

I natt la jeg ut en header jeg hadde laget når jeg kjeda meg, og spurte om noen som ville ha den. :)

Marianne -bramarianne.blogg.no var raskest ut til å si hun ville ha den. :)

utkast02


Gratulerer! :D

Hvordan få større overskrift på innlegg og menyer

Jeg fikk et spm om hvordan man får større overskrift på innlegg og menyer, og her er fremgangsmåten. :)

Gå til Design -> Rediger
 Lim inn dette nederst i stilsettet ditt

h3 {font-size:250%}             -Dette er str på Arkiv, kategori osv
h2 {font-size:250%}             -Dette er str på overskriften på innlegg

Trykk på Forhådmdsvis, og se resultatet.
Ønsker du større eller mindre skrift, er det bare å stille på % verdien. så det feks blir

h3 {font-size:150%}
h2 {font-size:150%}


Når du er fornøyd, trykker du lagre, så er du ferdig! :)

ER DET NOEN SOM VIL HA DENNA HEADEREN?? FØRSTEMANN TIL MØLLA!

Det har seg sånn at jeg kjeda meg litt.. og siden jeg var så godt i gang med å lage headere, så tenkte jeg at jeg kunne lage en til.. :P Meen.. Hvem vil ha den??

sånn her er den:
(Trykk for større bilde)
blogg copy
Mål: 950 x 450px


Førstemann til mølla! :D

Header til Elizabeth

Da har jeg lage en kjapp header til Lille Blondie

Her er resulatet.

utkast01

Jeg har laget et design til henne tidligere, som hun ville ha noe lignende.. det kan du se her

Hva syns dere?

Nytt design til Annette

Jeg fikk en forespørsel fra denne søte damen, jeg kunne lage design/header til henne. :)

Dette er hennes gamle design

gammel

Her er resultatet:

printscr


Hva syns dere?

Endelig 100% fornøyd med juledesignet! :D

Detta er vel det designet jeg har brukt lengst tid på noen sinne...

Her er førsteutkatet mitt
utkast02

Detta var slengt sammen på relativt kort tid, så jeg fikk en ide om hvordan jeg ville ha det..

Neste steg ble å få det sånn jeg så det for meg.. og det viste seg å være problematisk...
Så etter en masse stygge ord, og frustrasjon endte jeg opp med dettta:

head

Heldigvis, så er jeg ganske sta, så jeg ville ikke helt gi opp ideen...

Så nå, etter uendelig mange timer ble jeg 100% fornøyd! :D

Dette blei det endelige resultatet:
printscr

Hva syns dere??

Designhjelp: Hvordan få sidebaren smalere/innleggene bredere

For de som har knota litt med kodene, kjenner igjen problemet med at når du skal ha smalere sidebar, så blir bare teksten smalere... Man kan liksom ikke gjøre innleggene bredere..
Detta funka for meg i hvertfall:

Gå til Design->rediger->maler
trykk crlt+f, og søk etter id="main"

inni den div klaffen legger du til style="width:bredden.du.vil.ha.på.innlegg;" feks style="width:570px;"
Da blir linja sånn her:
<div id="main" class="yui-u first" style="width:570px;">

Her er printscr av hvordan det skal være
fig06


Trykk lagre malen

Gjør dette på innlegg, kategori og arkiv også

Nå må du bare endre width .entry og #side i stilsettet ditt til den bredden du ønsker så er du i boks!
Det kan feks se sånn her ut:
fig07

Håper detta var greit forklart..
Spør om det er noe. .)

Designhjelp: Søk på bloggen! :)

For dere som ønsker søkemotor på bloggen deres, sjekk her!
Her legger du inn at den skal søke i bloggen din, og voila, så har alle mulighet etter å søke etter spesifike ting på bloggen din. :)

Google søkemotor.

Registrer dere gratis på google, og følg anvisningene der. :)
Koden du får derifra limer du inn i Design->Rediger->widgets

Nå har du enten fått en  veldig lang kode eller en veldig kort en.
Og hvis du ikke vil ha en tabellborder rundt søket må du gjøre sånn her:

Hvis du har fått en lang kode må du gjøre dette:
Scroll deg til nederst på siden, og lim inn
.gsc-search-box td{border:none;}
over </style>
Da skal det se sånn her ut

For dere som har fått en kort kode
Lim inn dette helt øverst:
<style type="text/css">
.gsc-search-box td{border:none;}
</style>

Da ser det sånn her ut:
fig05

Lykke til! :)

Designhjelp: Hvordan få et bilde eller tekst nederst i hvert innlegg.

Gå til DESIGN

Trykk VELG BILDE under HVERT INNLEGG.
Velg bilde du vil ha.. (Det blir i den str du har)

LAST OPP BILDE

Kopier bildeurl(den teksten som kommer i den hvite ramma.)(lim den inn et sted så du ar den til etterpå.)

IKKE LAGRE!!!

Gå til REDIGER -> Maler
trykk CTRL+f samtidig på tastaturet, og søk etter entrybody

Da kommer du til en linje som ser sånn ut:

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

mellom {EntryBody} og </div> Limer du inn dette:

<CENTER>
<img src="her.limer.du inn.bildeurl.du.kopierte.i.starten" />
</CENTER>

Da ser det sånn her ut:

<div class="content">${EntryBody}
<CENTER>
<img src="her.limer.du inn.bildeurl.du.kopierte.i.starten" />
</CENTER>
</div>


Lim inn bildeurl fra tidligere i linje nr 3.

Trykk LAGRE MALEN
Du kan trykke på forhåndsvis for å sjekke at du har gjort riktig. :)

Gjør dette på INLEGG også. :)

Ønsker du tekst istedenfor lim inn dette:

<CENTER>
  <p>Her skriver du det som skal stå</p>
</CENTER>


Nå skal du ha et bilde eller tekst nederst i midten av hvert innlegg...

Halloweendesign

Da har jeg fått opp Halloweendesign på bloggen.

printscr

Hva er dommen??

Design og Designhjelp

Her legger jeg ut diverse design laget av meg.
Det hender også jeg får sånne rykk, som medfører at jeg legger ut litt forskjellige HTML og CSS koder.



Design:

Trykk på bildene for å se større bilde!


Design til Sabita


Enda et til elizabeth      Design til Melissa        Design til wois           Frk Malin


Design til Elizabeth   Design til thssb   Design til Sunniva        Design til meg selv

utkast02utkast02utkast02
Header til Marianne    Header til M.B.        Header til Ida            Design til Ezo


printscrprintscrutkast01printscr
Halloweendesign          Juledesign         Nytt til Elizabeth         Design til Annette


printscrprintscr

printscrtanorexichead karoline04header2
Design til Elizabeth  Header til Tanorexic Header til Koraline  De første to jeg lagde



hele01
Design til meg selv! 


Designhjelp:

28.okt.2009

Jeg driver å fikser linkene på siden min. så det blir noen innlegg her nå som skal være førstesidene for knappene, kansje ikke de mest intressante, men det må til. :)

Header til Lena

Da fikk jeg spørsmål om jeg kunne lage header til hun her.

Bloggen er helt nyoppstratet, så dette er første header hun har. :)

head

Det er bra du ble fornøyd. :)

Hva syns dere?

Nytt design til Diana

Jeg fikk en forespørsel fra denne jenta om å lage design til henne.

Mitt førsteutkast så sånn her ut
utkast01


Her ønsket hun å flytte litt på ting, og vi endte opp med dette.

printscr

Håper du ble fornøyd! :)
Hva syns dere?

Designhjelp: Hvordan få kommentarboksen til å bli like smal som innlegget

Det er nok flere enn meg som blir litt oppgitt over at halve komentaren forsvinner når man skriver den.. Så da tenkte jeg at det må jo gå ann å fikse! :)

HER ER EN LETTERE MÅTE Å FIKSE DET PÅ!


Det har seg slik at det er en CSS fil vi ikke kan endre på, som bestemmer bredden på tekstboksen, og denne må du overstyre med å endre det HTML koden. Sånn her gjør du det:

Gå til Desig -> rediger -< maler ->innlegg
Trykk CRLT+f og søk etter: textarea

Linja du kommer på da ser sånn her ut:
<textarea id="comment_text" name="comment"  onchange="doChange(this);" cols="40" rows="10"></textarea>

Det du nå skal gjøre er å lime inn: style="width:samme.som.bredde.på.innlegg.px;" feks: style="width:515px;"
width setter du til samme bredde som du har på innleggene dine. Edit: Ta gjerne 20px mindre enn innleggene. Trykk forhåndsvis for å se hvordan det blir. :)

Da blir linja:
<textarea id="comment_text" name="comment" style="width:515px;" onchange="doChange(this);" cols="40" rows="10"></textarea>
Her er print screen av hvordan det skal se ut.
fig03

Trykk lagre malen, så er du i mål. :)

Bare spør om du lurer på noe.

Nytt design til Sandra

Denne søte damen spurte om å få et nytt desig, så da laga jeg det til henne.

Resultatet ble dette. :)

printscr


Håper du ble fornøyd! :)

Hva syns dere?

Litt designhjelp for de som ønsker

Her er hvordan du får meny under headeren din. :)

gå til design->rediger->maler
trykk ctrl+f og søk etter {BlogDescription}

etter </div> limer du inn denne koden:

<center>
<a href="adressen til siden du skal få frem" class="knapp">her skriver du hva knappen skal vise</a> (en sånn her linje per knapp)
</center>


da ser det sånn her ut:

<p>${BlogDescription}</p>
            </div>
<a href="http://sanne87.blogg.no" class="knapp">her skriver du hva knappen skal vise</a>

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


gå helt nedrest og lim inn dette over </body>

<style>
a.knapp, a.knapp:link, a.knapp:active, a.knapp:visited {
line-height:20px;
line-width:100px;
margin:4px;
display:;
letter-spacing:0px;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 4px;
text-align: middle;
background: #FFFFFF;
text-transform: none;

}
</style>


Her får du en svart ramme rundt hver link. endre på fargen på rammen hvor det står #000000 med en annen fargekode.

Lagre mal når du er ferdig så har du knapper
---------------------

eller om du vil ha bilde som knapper(linker)

<div id="knapper">
<a href="
adressen til siden du skal få frem"><img border="0" src="bilde url"></a>(en sånn her linje per knapp)
</div>

da ser det sånn her ut:
fig01
(Trykk på bildet)



Trykk Lagre malen
---------
Nå kan du gå til Stilsett.


start med å lime inn dette helt nederst eller helt øverst:

#knapper {
her kan du skrive inn hvordan du vil at layout skal være gå til w3schools for mer inngående om hvordan css funker
Background-color: #transparent;
background-image:
width: ;
height: ;
padding-left: ;
(denna stiller knappene mer mort høyre skriv verdi i antall px)
}

min ser sånn  her ut:
fig02
(trykk på bildet)


Si fra om det er noe du lurer på. :)

Edit: Hanne: Jeg har laget bilder som knapper. Disse er laget i photoshop. Du kan bruke andre redigeringsprog også.
:) Hvis jeg fårstår spm ditt riktig, så ønsker du få opp en spesiell side i bloggen din når du trykker på feks "kontakt"?

Da skal du :
Gå til den siden/innlegget du ønsker å få frem. kopier adressen og sett den inn i koden. så det feks blir sånn her:

<p>${BlogDescription}</p>
            </div>
<a href="http://sanne87.blogg.no/design.html" class="knapp">Design</a>

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


Det som er understreket er den siden som kommer opp når du trykker på knappen. Det er der du limer inn adressen fra siden du ønsker å få frem.

Nytt design til Therese

Da rakk jeg vist å lage et design til Therese også. :) eller nesten.. litt små bug, men det får jeg fikse i morgen.. for nå er jeg trøtt. :)

printscr


Hva syns dere?

God Natt!

Edit: Da er det meste fiksa opp... Av en eller annen merkelig grunn så er ikke jeg og kodinga helt enige i dag... hmmm... Kansje det fikser seg av seg selv? Vokser det av seg liksom.. :P hehe.. Får se på det når jeg skal fikse linkene til knappene under headeren... :P

Design til Elizabeth

Da har jeg fått laga design til Elizabeth. :)

printscr

Det er bra du ble fornøyd! :)

Hva syns dere andre?

Nytt design...

Sorry at ting kansje er litt buggy buggy her.. hehe.. driver å fikser nytt design.. :) YEAH!! :D
meeeeeen.. nå har jeg ikke tid til å sitta mer, så da får det bare værra sånn så lenge.. :P hehe..
Tar det igjen i morgen.. :)

Hva syns dere om designet så langt??

her er mitt gamle... eller bare hedaen da.. for det var stort sett det det var. :P
blogghead

Kos dere i kveld! Det skal jeg vaffal! :D


Edit: Da var buggene fiksa. :) hvis det er noe dere merker, så i ifra da! :)

Edit: Sånn! Da var jeg 100% førnøyd! :D hvertfall for nå.. :P hehe

Jeg er med i header konkurranse!

........ IGJEN....  Hehe..

Jeg kan ikke noe for det, men jeg syns det er gøy å lage headere! :D
Så så jeg en konkurranse hos denne pene damen.. Og med en premie på verdi av 760 kr så MÅÅÅ man jo bare være med.. hehe...

Jaja, her er i hvert fall de jeg kommer til å sende til henne... Klarte ikke helt å bestemme meg.. :P
head01

head02

Jeg tenkte hun skulle få mulighet til å endre farger da, om hun vil det. :)

Hva syns dere?

Header

Da har jeg laga enda en header.. Var ei som spurte på bloggen sin om noen kunne lage header til hu.. så da tenkte jeg å "give it a go"
Detta blei resultatet:

tanorexichead

Så får vi se om hun vil bruke den.. :) *spennende* :P

Hva syns dere?


Designet ny header til Karoline

Da har jeg laget en ny header til Karoline.. Eller rettere sagt, hun fikk noen forslag å velge mellom, også tenkte jeg å gå ut ifra de. :) men det slapp jeg, hun var fornød med denne:

ramme02

De andre forslagene var:
karoline01
Detta lagde jeg mest for å teste ut hvordan man lager krøllete papir.. hehe

karoline03
Her var det hvis litt feil bilder, men hun syns ideen var god, så jeg lagde en til som ble denna:

karoline04


Så da vet dere det... :)


PS: Jeg tar gjerne imot komentarer på hva som var bra/dårlig. :)

Trenger inspirasjon til Layout!! HJELP!

Æsj... går det ikke ann å finne på noe som helst som man blir fornøyd med selv?
Det er snart så jeg river av meg håret! BLÆ!!!!

Oooo Inspirasjon! Hvor er du?? isj! frustrert
Er det noen som kan komme med forslag til tema for meg??

hmmmm...
Tenke tenke tenke...

Design

Det har seg sånn at jeg syns det er ganske morro å drive med bilde redigering. Så her kommer jeg til å legge ut det jeg har satt sammen.. :)

Kult om dere legger igjen en komentar med hva dere syns, og eventulet hva jeg kan bedre på. :)

Min egen Headder er selvfølgelig den første jeg laget..
Her er to til:

Therese sin Header var den andre jeg lagde.
forslag02

Også har jeg laget en til Mamma..

header2



Denna mangler tittel å litt sånn, siden hun ikke har funnet ut hva hun skal kalle den.. :)
Sanne

Sanne

24, Trysil

Jeg er egentlig fra skedsmo, men har utvandra til Trysil. Har verdens beste kjærste, og en nydelig baby. Blogger i grunn ikke for tiden.. men les gjerne det jeg har skrevet, og bruk designhjelpen om du trenger det:) er i grunn derfor bloggen fortsatt er her..
God lesing! :)

Loading

Apocalyptica - Bittersweet

Postigirobygget - Alfred

Arkiv

hits