Image Map

Hjelp

HTML/CSS

For mange år siden hadde jeg en piczo side, der jeg la ut Html koder og slikt, og jeg ble en av de med mest lesere. (ikke for å skryte altså). Men etterhvert ble jeg lei av piczo, og gikk over til Freewebs og fortsatte der med html koder og annen design hjelp. Jeg slutta med hjemmeside og oppdaget blogg, og bestemte meg for å fortsette med html koder og designhjelp! Kodene som er her, er koder som jeg har hatt i mine design eller som jeg har testa ut, noen av dem er fra den gamle hjemmesida mi. Grunnen til at det kommer ? i stedet for " er at jeg har kopiert kodene fra word.

Dersom du bruker gratisdesign som andre har laget, er det kanskje andre tagger på forskjellige plasser. Som f.eks h2 i sidemeny og h3 som overskrift i innleggene.  

 

Ctrl + C - Kopier
Ctrl + V - Lim inn
Ctrl + X - Klipp ut
Ctrl + F - Søk



Bloggen/Innlegg/sidebar/footer:
Ramme rundt hele bloggen
Runde hjørner
Gjennomsiktig
"Luft" på sidene
Skygger
Endre bakgrunn uten å ødelegge designet
Fast/stillestående bakgrunn
Smal blogg
Midstille bloggen
Endre bakgrunnsfarge på footer
Vise hele innlegg på kategorier og arkiv
Annen peker ved pil over linkene 


Innlegg:
Ramme rundt innlegg
Innleggene i bokser
Ramme rundt alle bildene som postes
Endre antall innlegg på forsiden
Endre størrelse på skriften i innleggene
Endre skrifttype på skriften i innleggene
Større/mindre mellomrom mellom innleggene
Dato/kategori/kommentarer opp ved overkskriften
Bilde ved siden av teksten
Legge inn linker i ett innlegg
Endre bakgrunnsfarge på dato/kategori/kommentarer (kommer)
Signatur under hvert innlegg
Endre bakgrunn på innleggene
Annet bilde når man tar pila over
Endre bredde på innleggene

 

Sidebar:
Delt innhold og sidebar - måte 1
Delt innhold og sidebar - måte 2
Få orden på sidebaren
Små ikoner fremfor linkene
Dele sidebaren i bokser
Linje under linkene
Endre størrelsen på profilbildet
Endre ramme rundt profilbildet
Endre bredden på sidebaren
Sidebaren lenger opp/ned
Sidebaren til venstre/høgre
Legge inn egne linker
Få bilder i sidebaren
Stillestående sidebar
2 sidebarer

 

Header:
Mellomrom over headeren
Skifte header uten å ødelegge designet
Få headeren på plass
Ramme rundt headeren
Header repeat/no-repeat/repeat-x

 

Kommentarer:
Endre bakgrunnsfarge bak kommentarene
Endre bakgrunnsfarge bak navn/dato på kommentarer
Endre bredden og bakgrunnsfargene på der man skriver inn navn, epostadresse, url
Endre der det står "Send kommentar"
Takk for kommentaren merke
Endre der det står "Èn kommentar" (kommer)
Beskjed til andre i kommentarfeltet 

 

Overskrifter:
Endre bakgrunnsfarge på overskifter - Innlegg og sidebar
Endre størrelsen på overskrifter - Innlegg og sidebar
Endre skrifttype på overskrifter - Innlegg og sidebar
Linje under overskrifter - Innlegg og sidebar
Bakgrunnsbilde på overskrifter - Innlegg og sidebar
Skygge bak overskrifter - Innlegg og sidebar
Stor skrift i overskrifter - Innlegg og sidebar
Kursiv eller tykk test i overskrifter - Innlegg og sidebar

 

Meny:
Meny under headeren - måte 1
Meny under headeren - måte 2
Dropdown-meny arkiv, kategori, linker
Dropdown-meny egen
Dropdown-meny pil ned
Avansert dropdown meny
Linke til en kategori i menyen

 

Fjerne:
Fjerne blogg.no under headeren
Fjerne navnet i headeren
Fjerne header
Fjerne sidebaren
Fjerne profilen
Fjerne bare profilbildet
Fjerne footer
Fjerne akriv, kategorier, siste innlegg, siste kommentarer eller lenker
Fjerne rammen rundt profilbildet
Fjerne profilinformasjon
Fjerne googlead i sidebaren
Fjerne "les mer i arkivet" 
Fjerne dato, klokkeslett og kommentarer i infolinjen 

 

Linkeeffekter, ved pil over:
Tykk skrift
Kursiv skrift 
Strek over
Strek under
Strek både over og under
Mellomrom mellom bokstavene


Diverse:
Hvor mange er online
Hvordan få youtube videoer og andre videoer innpå bloggen
Hva er bloggshout?
Få eget favicon
Venneforespørsel-link
Send meg epost-link
Få søkeboks på bloggen


Noe du lurer på? Noen koder du savner? Si fra!

 

 

 

 

Mellomrom over headeren

Nå skal jeg prøve å forklare dere hvordan dere får mellomrom ovenfor headeren, slik som jeg har f.eks.

1. Først går du på Design -> Rediger -> Maler
2. Så skriver du inn <br> så mange ganger du vil, spørs hvor stort mellomrom du vil ha. Og så skriver du inn like mange på samme plass i innlegg, kategori og arkiv.
Trykk for større bilde.

Spør visst du lurer på noe!

Ramme rundt hele bloggen

Nå skal jeg prøve å forklare hvordan du får ramme rundt hele bloggen.

 

#header, #wrapper, #footer {
border: 1px solid #808080;
}


Du kan skifte til den fargen du vil og det mønsteret du vil, og tykkelsen.


1px = bredden på linjen
Solid = Type linje, du kan velge mellom: dotted, dashed, double, rigde, inset, outset og groove.
#000000 = farge på linjene, finn flere farger her.

Hvor mange er online

Her er koden for å se hvor mange som er online på din blogg, jeg har koden på beskrivelse på profilen min.

<!-- Start FastOnlineUsers.com --><FONT color="black">
<SCRIPT src=http://fastonlineusers.com/online.php?d=DIN BLOGG ADRESSE HER>
</SCRIPT> HER KAN DU SKRIVE HVA DU VIL, SOM F.EKS: ONLINE NÅ</A>
<!-- End FastOnlineUsers.com --></FONT>
Håper det var til hjelp for noen!

Meny under headeren - måte 1

Denne metoden synes jeg er mye enklere enn andre. Først så lager du til knapper, i photofiltre eller photoshop eller hva du bruker.

Så laster du de opp i tinypic (http://tinypic.com)

Så går du til Design->Rediger->Maler og ser etter <div id="wrapper" class="yui-gc">


Under der limer du inn  <a href="LINK"><img src="URL TIL BILDET/KNAPPEN DITT" border="0" ></a> så bare skriver du inn linken du linker til og limer inn urlen til bildet/knappen din. Om du vil ha flere knappen tar du bare koden flere ganger.


Det må du gjøre i innlegg,arkiv og kategori også.
Så har du meny under headeren.


Vanskelig å forstå? Bare å spørre!

Få orden på sidebaren

Her er koden jeg bruker til å få orden på sidebaren min.

 

#side {
width: HVOR VID VIL DU HA DENpx;
font-size: 11px;
margin-right: JUSTER HERpx;
margin-top: OG HERpx; 
}



Ved å trykke forhåndsvis når du endrer på stilsettet kan du se hvor vid og hvor mange px right du må ha den og om du vil ha den lagt oppe eller nede. (Dårlig forklart)



Håper dette var til hjelp!

Delt innhold og sidebar - måte 1

Nå skal jeg prøve å forklare dere hvordan dere lager sånt design som jeg har, delt innhold og sidebar.
1. Først må dere lage en header, min ser slik ut: (trykk for større bilde)

2. Så lager du en bakgrunn, jeg bruker å bare ta nederste del på headeren og "croppe" det og lagre det som bakgrunn. Her er bakrunnen min: (trykk for større bilde)

3.  Så limer du denne koden inn i stilsettet:
#header {
background-color: #transparent;
background-image: url('LINK TIL DIN HEADER HER');
height: HØGDEN PÅ HEADEREN DINpx;
width: VIDDEN PÅ HEADEREN DINpx;
background-repeat: repeat;
}
#side {
width: VIDDEN DU VIL HA px;
font-size: STØRRELSE PÅ SKRIFTEN DU VIL HApx;
margin-right: -10px; HER BARE JUSTERER DU OG SER HVA SOM PASSER
margin-top: -120px; SAMME HER
}
#wrapper {
background-image: url('LINKEN TIL BAKGRUNNEN');
background-repeat: repeat;
margin-left: 0px;
margin-top: 0px;
}
#footer {
background-image: url('SAMME SOM WRAPPER');
background-repeat: repeat;
margin-left: 0px;
}

Headeren og bakgrunnen kan du laste opp i www.tinypic.com og så bare limer du linken inn i stilsettet.
Jeg suger til å forklare, men jeg prøver jo.
Har du problemer? Bare å spørre!





leser bloggen nå!

Norske blogger Blogglisten








Pyntdeg.no



hits