Endre header

BLOGGEN ER 940 px BRED SÅ DET MÅ DIN HEADER VÆRE OGSÅ!

Du kan enten laste opp bilde i ‘sidetopp’ men da får du en veldig liten header (max 198 px høy).

Slik gjør du for å få stor header:

1. Last ned dette bildet (ja det er et helt usynlig bilde) -> trykk her for å laste det ned.

2. Last det bildet opp som din sidetopp. 

3. Gå så i din ‘CSS‘ og finn frem til der det står #branding img {
margin-top:-5px;
position:relative;


4. Lim inn denne koden mellom «position:relative;» og  »} »

background-image:url(‘url-til-bilde-her‘);
background-repeat:no-repeat;
height:høyden-på-bildet-herpx;
width:940px;

 

5. Fyll inn der det det er fet skrift. Du er nødt til å laste opp headeren din på tinypic eller lignende for å få en url (bildeadresse). Den ferdige koden kan se noe slik ut som dette:

#branding img {
margin-top:-5px;
position:relative;
background-image:url(‘http://designs.bloggr.no/files/2011/07/graaatis.jpg’);

background-repeat:no-repeat;
height:500px;
width:940px;
}


tjis
Dette innlegget ble publisert i Generelt. Bokmerk permalenken.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *

*

Du kan bruke disse HTML-kodene og -egenskapene: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <div align="" class="" dir="" id="" lang="" style="" xml:lang=""> <embed style="" type="" id="" height="" width="" src="" object=""> <iframe width="" height="" frameborder="" scrolling="" marginheight="" marginwidth="" src=""> <img alt="" align="" border="" class="" height="" hspace="" longdesc="" vspace="" src="" style="" width="" title="" usemap=""> <map name="" area="" id=""> <object style="" height="" width="" param="" embed=""> <pre style="" name="" class="" lang="" width="">