Lås fast bakgrunden.
Lås fast bakgrunden så att den är på samma ställe även om du scrollar ned på bloggen..
2. Leta upp body{ (finns högst upp!) och lägg till följande precis innan det lilla tecknet } :
background-position: center center;
background-attachment: fixed;
Det är viktigt att koden med adressen till bilden står över det du klistra in!!
Alltså ska det se ut såhär:
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
3. "Spara stilmall" eller "Förhandsgranska".
Kortare meny.
Vill du få menyn att sluta där innehållet i menyn slutar?
2. Leta upp #wrapper:after { och ta bort hela det stycket. Som på bilden här:
3. Nu måste du lägga till background-color: #ffffff; både efter #side { och #content {
Precis som på bilden här:
4. "Spara stilmall" eller "Förhandsgranska".
Ta bort linjen mellan inläggen.
Vill du ta bort linjen som finns mellan alla dina inlägg?
1. Klicka på fliken "Design" och sedan vidare på "Kodmallar".
2. Leta upp <hr class="separator"/> och ta bort. Alltså det jag har markerat på bilden här:
4. "Spara kodmall"
Ändra utseende på header texten.
Vill du ändra utseende på header texten? Där ditt bloggnamn och beskrving till bloggen står?
1. Klicka på fliken "Design" och sedan vidare på "Redigera stilmall".
2. Leta upp h1 { och h2 {. Det jag har markerat på bilden här:
Det är alltså fär du ändrar utseendet på texten i headern. Under h1 ändrar du texten för bloggnamnet och h2 texten för blogg beskrivning.
Här är lite hjälp om du inte vet vad som du ska ändra på:
font-family: verdana; <- Här ändrar du teckensnitt på texten.
color: #619454; <- Här ändrar du färgen på texten.
font-size: 17px; <- Här ändrar du storlek på texten.
background:#FFFFFF; <- Här ändrar du bakgrundsfägen bakom texten.
font-weight: bold; <- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
color: #619454; <- Här ändrar du färgen på texten.
font-size: 17px; <- Här ändrar du storlek på texten.
background:#FFFFFF; <- Här ändrar du bakgrundsfägen bakom texten.
font-weight: bold; <- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
text-transform:uppercase; <- Lägg till denna rad du om du bara vill ha stora bokstäver.
3. "Spara stilmall" eller "Förhandsgranska".
Ta bort header texten.
Vill du ta bort header texten? Det markerade på bilden över? Där ditt bloggnamn och beskrving till bloggen står?
1. Klicka på fliken "Design" och sedan vidare på "Kodmallar".
2. Leta upp <div id="header"> och ta bort de två raderna under precis. Det jag har markerat på bilden här:
Om du bara vill ta bort bloggnamnet, så tar du bort den första raden av de två.
Om du bara vill ta bort blogg beskrivningen, så tar du bort den andra raden av de två! :)
4. "Spara kodmall".
5. Gör nu precis likadant i alla kodmallar! Dvs i inläggsidan, kategorisidan och arkivsidan. Glöm bara inte att spara kodmall innan du byter sida!
Hej igen!
Hej på er! Känns som om jag har varit lite oaktiv på senaste tiden!? Men snart bli det ändring på det, på lovet kommer jag ha hur mycket tid som helt för att lägga upp nya inläggen här. Så ta nu chansen och skriv vad ni ska komma upp här!
Datumet och tiden då inlägget är publicerat.
Vill du ändra utseende på datumet och tiden för då inlägget är skrivet på?
1. Gå in på "Design" och "Redigera stilmall".
2. Leta upp:
/** 'Posted by' txt **/
.entrymeta {
font-family: verdana;
font-size: 9px;
font-weight: normal;
color: #fff;
text-align:left;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: verdana; <- Här ändar du teckensnitt på texten.
font-size: 9px; <- Här ändrar du storlek på texten.
font-weight: normal; <- Här ändrar du om tecken ska vara normal eller tjock (normal/bold)
color: #fff; <- Här ändrar du vilken färg tecken ska ha.
text-align:left; <- Här bestämmer du vilken sida du vill ha texten på (left/right/center)
}
3. Ändra sedan till så du vill ha det!
4. "Spara stilmall" eller "Förhandsgranska".
4. "Spara stilmall" eller "Förhandsgranska".
Ändra utseende på kommentarsrutan.
Vill du ändra utseende på din kommentars ruta på din blogg? Det vill säga där dina läsare skriver din kommtar i?
1. Klicka på fliken "Design" och sedan vidare på "Redigera stilmall".
2. Lägg in följande längst ned i din stilmall:
input {
background-color: #D9C596;
font-family: verdana;
color: #000;
font-weight: bold;
font-size: 10px;
border: 1px solid black;
}
textarea{
background-color: #D9C596;
border: 1px solid black;
font-family: verdana;
color: #000;
font-weight:normal;
font-size: 10px;
}
input {
background-color: #D9C596; <- Här ändrar du bakgrunds färgen på rutan
font-family: verdana; <- Här ändrar du teckensnitt på texten.
color: #000; <- Här ändrar du färgen på texten
font-weight: bold; <- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
font-size: 10px; <- Här ändrar du storlek på texten.
border: 1px solid #000; <- Här ändrar du utseendet på ramen kring rutan
}
textarea{
background-color: #D9C596; <- Här ändrar du bakgrunds färgen på rutan
border: 1px solid #000; <- Här ändrar du utseendet på ramen kring rutan
font-family: verdana; <- Här ändrar du teckensnitt på texten.
color: #000; <- Här ändrar du färgen på texten
font-weight:normal; <- Här ändrar du om texten ska vara tjock eller normal (bold/normal)
font-size: 10px; <- Här ändrar du storlek på texten.
}
NOTERA: input styr de smala rutorna högst upp.
textarea styr den stora rutan längst ned där man skrivet sin kommentar.
4. "Spara stilmall" eller "Förhandsgranska".
