Blogghjälp: Problem med Headern

Hej hopp!

Har förstått att många, precis som jag hade, har problem med headern när man är nybörjarbloggare & inte kan det där med alla koder om design, utseende & allt sånt, så självklart ska jag försöka hjälpa er så gott jag kan =) Det vanligaste problemet är att den är liten och "innanför", inne i själva bloggutrymmet istället för ovanför.

Jag vet att det kan vara lite krångligt att förstå & så, men kolla, tänk efter & prova dig fram så ska det nog gå bra, jag lovar att allting faktiskt är helt logiskt egentligen  även om det är svårt att tro i början! :)  Era stil- och kodmallar ser nog lite olika ut från min, men det är uppbyggt på samma sätt. =)

Så, först ska du flytta headern ut från det där "vita", alltså själva bloggen som man skriver i, så att den hamnar ovanför som jag har den (om ni vill ha den utanför vill säga). Leta upp ett stycke som ser ut ungefär så här, i kodmallen, ganska i början:

<div id="header">
  <h1><a href="${BlogUrl}"></a></h1>
  <h2></h2>
 </div>

Alltså koden för headern. Platsen som en kod har i kodmallen, är samma plats som den har i själva bloggen, så om ni  t.ex. klistrar in header - koden ovanför "wrapper" ( "det vita"), så hamnar headern alltså ovanför wrapper i bloggen. (Sa ju att det var logiskt!) ;)

Klistra in header- koden mellan "body" & "wrapper". Glöm inte att radera header- koden från den gamla platsen! Då ser det ut så här i min kodmall:

<body>

<div id="header">
  <h1><a href="${BlogUrl}"></a></h1>
  <h2></h2>
 </div>


<div id="wrapper">

Vill ni ha bort bloggnamnet från er header, gör som jag har gjort & helt enkelt radera där det står ungefär "${BlogName}" i header - koden =)


Sådär, nu har du flyttat den dit, men om jag inte har fel så sitter den säkert helt knasigt? Så det ska vi fixa i Stilmallen.
Leta upp ett stycke som ser ut ungefär så här:

#header {
background: #4CCED1;
background: #FFFFFF url (https://cdn3.cdnme.se/cdn/9-2/638374/images/2008/nyheader_14340351.jpg) no-repeat right center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 30px 340px 50px;       
width: 960px;
height: 410px;
}

(så här ser min ut)

Nu kan ni leka lite för att flytta den & ändra storlek, ändra storlek på width & height, och placering på raden där det står "margin". Tänk på att om du gör den för stor på width & height blir också hela bilden utdragen & tvärtom om du gör den för liten.

Där som jag markerat med svart, om ni inte har den raden så kan ni skriva in den där. Det gör så att headern inte upprepas & sånt.

Lycka till nu! ;D

P.s. Tänk på att vara väldigt försiktig & noggrann med koderna, bara om du glömmer ett "<" i kodmallen t.ex. , så kan hela bloggen vändas upp & ner! Det hände mig & jag fick minst sagt panik. Kom ihåg att förhandsgranska i stilmallen, eftersom det går att göra det där.

Hoppas det här hjälpte i alla fall lite, så hör vi snart igen! ;)




RSS 2.0