Skapa en footer

Gör en egen footer längst ner på din blogg efter alla dina inlägg, ska förklara hur man gör:

1. Gör din footer i tex photoshop, viktigt att den är lika bred som (content)

2. Ladda upp bilden på din blogg och kopiera adressen till den

3. Gå in i din stilmall, nu ser inte koden exakt ut så här men leta upp div#content{
Denna koden:

div#content {
position: absolute;
top:190px;
  left:40px;
  float: right;
  clear: right;
  display: inline;
padding-left:5px;
padding-top:5px;
padding-bottom:120px;
padding-right:5px;
  width: 665px;
background-color: #ffffff;
}

4. Lägg till denna koden:

background:url(LÄNK FRÅN DIN BILD) no-repeat left bottom;

5. Se nedan hur det ska se ut:

div#content {
position: absolute;
top:190px;
  left:40px;
  float: right;
  clear: right;
  display: inline;
padding-left:5px;
padding-top:5px;
padding-bottom:120px;
padding-right:5px;
  width: 665px;
background:url(länk från bild) no-repeat left bottom;
background-color: #ffffff;
}

6. Om texten hamnar på footern ellerfootern hamnar för långt ner så får du gå in i stilmallen igen och ändra det på padding.

7. Spara så var det klart.

Date: 2010-06-21 Clock: 23:22:29

Tack så jättemycket för tipset :) btw. jag har ju frågat dig en sak som handlar om bloggdesign förut och nu undrar jag om du skulle kunna hjälpa mig? Det är så att jag tog bort min meny helt för att kunna lägga till små rutor istället, men på inläggsidan ser det väldigt konstigt ut. Rutorna har flyttat sig för mycket till höger. Jag har försökt med allt känns det som. Skulle vara väldigt tacksam om du kunde hjälpa mig. <3

Hej! Undrar bara om man ska ta bort parenteserna när man sätter in bild koden? Jag har testat båda men de funkar inte :(

Jag skrev innan men sen kom jag på att de inte var så utan jag hittar helt enkelt inte de kod avsnittet i min stilmall.

Sv: Den närmsta jag hittar är --> div#content {
position: absolute;
top:190px;
left:40px;
float: right;
clear: right;
display: inline;
padding-left:5px;
padding-top:5px;
padding-bottom:120px;
padding-right:5px;
width: 665px;
background-color: #ffffff;
}

men om jag sätter in den där funkar de inte

Oj, den jag skrev i förra kommentaren var kopierad som så den skulle se ut jag menar att min är så här -->
#content {
overflow: hidden;
width: 520px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:538px;
float: right;
margin: 0px 10px 0px 0px;
}html>body #content { width: 538px
background:url(länk från bild) no-repeat left bottom;
background-color: #ffffff;
}

Ska jag sätta in koden med bilden där, isf var?

Den koden finns inte jag har sökt med Ctrl+f men den kan inte hitta den och jag behöver verkligen hjälp kan du skriva vilken kod det är som jag ska använda ?