Jeg er blevet spurgt, hvordan jeg har fået min sidebar til at følge med siden, når man scroller ned. Det kræver at man redigerer lidt i HTML-koden, men det er ret simpelt, så det skulle ikke være noget problem. Det vil jeg så forklare, hvordan man gør her.
Jeg ville dog hører hvordan du har lavet boksen ude til højre??
Der hvor der står "ALLE INDLÆG *mellemrum* sep.. osv". Den er
super smart! Og jeg kunne meget godt tænke mig en magen til.
Må man hører hvordan du har gjort det? :)))
SÅDAN GØR DU
1. Gå ind på din blog og tryk på "Skabelon" i menuen ude til venstre.
2. Tryk på "Rediger HTML" og på "Fortsæt" for at redigere HTML'en.
3. Find det sted, der står:
a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
TIP: Brug evt. din "Find" funktion til at finde det (ctrl+F / cmd+F)
4. Indsæt følgende kode mellem "}" og "a:visited {".
.sidebar {
position: fixed;
}
5. Nu skulle det gerne se sådan her ud:
a:link {
text-decoration:none;
color: $(link.color);
}
.sidebar {
position: fixed;
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
6. Tryk "Gem skabelon" - så skulle det gerne virke!
Rigtig fed side du har fikset sammen.
SvarSletHvordan har du sat "skriv en kommentar" eller bare i det hele taget "kommentar" linket i midten? På min blog er den ude i venstre side.
www.modelsareskinny.blogspot.com
Ih, tusind tak!
SletJeg har beskrevet det i en ny tutorial! :)
http://livetseffekter.blogspot.dk/2012/06/postfooter-centered.html
Når jeg sætter koden ind, er det kun halvdelen af min sidebar der er synlig..? Har du oplevet det? :/
SvarSletlivogditte.blogspot.com
Hm, nej det lyder underligt.
SletEr du sikker på, at du kun indsætter den røde linje?
Hej! Super dejlig tutorial :) Jeg kunne se den virkede, men kun for højre-sidebare, jeg har en left-sidebar, ved du hvad der virker der? :)
SvarSletUf ja, det er et godt spørgsmål.
SletJeg har siddet og rodet lidt med det, men blev nødt til at finde hjælp på nettet.
Prøv at indsætte dette i din HTML. (Indsæt det et sted, hvor du mener, at det ville passe ind. Måske under "Content" ell. lign.)
.main-inner .column-left-outer {
margin-left: 50px !important;
position: fixed !important;
left: 0% !important;
}
Ved "margin-left: 50px" kan du ændre "50" til et andet tal, som passer på din blog. (Prøv at vælge "Vis eksempel" for at prøve det af).
Håber, at det kunne hjælpe. :-)