Linda till Hanna

Haha, Hanna sa ju att vi skulle kommunicera här så då blir det så. Jag kan ju starta en göra-om-bloggen lektion här i Hanna's blogg? :) Någon som vill? Hanna? Vill du? Det vore ju kul tycker jag iaf. För det är fan så mycket roligare att skriva i någon annans blogg har jag kommit fram till!

Men Hanna! Färgen är exakt lika, för jag kopierade färgen ifrån din visningsbild här på sidan så jag fick fram koden till just den färgen. Jag vet att du är pillig varav därför jag gjorde så. Så det så!

För att få mellanrum mellan bilderna lägger du till <br> efter bilden. Då blir det ett hopp ner. Vill du ha större mellanrum lägger du till en till <br>. Förstår du? Annars får du säga till :) Men om du nu skulle vilja byta färg iaf, så gör du såhär:
Gå in på design, tryck på redigera stilmall och bläddra ner till du hittar ett avsnitt som ser ut:
/** Entry headers **/
h3 {
font-family: courier new;
font-size: 23px;
color: #3ECEC5;
background-color:#ffffff;
background-image: url();
background-repeat:
no-repeat;
background-position:
left;
padding:17px 0px 10px 75px;
margin: 0px 0px 10px;
height: 23px;
vertical-align: top;
}
.navheader {
font-family: courier new;
font-size: 19px;
font-weight: bold;
color: #3ECEC5;
margin-bottom: 0px;
}
/** Entry headers **/
h3 {
font-family: courier new;
font-size: 23px;
color: #3ECEC5;
background-color:#ffffff;
background-image: url();
background-repeat:
no-repeat;
background-position:
left;
padding:17px 0px 10px 75px;
margin: 0px 0px 10px;
height: 23px;
vertical-align: top;
}
.navheader {
font-family: courier new;
font-size: 19px;
font-weight: bold;
color: #3ECEC5;
margin-bottom: 0px;
}
På dom två som jag markerat med fetstil ska du ändra koden i, alltså ta bort den koden jag satt dit och sen sätta dit den koden du vill ha. Se till att det är # framför siffrorna/bokstäverna för annars funkar det inte.

På den som det står "navheader" på är rubrikerna i sidmenyn. Den andra som det står " h3" på är rubrikerna på inläggen :) Hänger du med?



Om du nu vill fortsätta med att lägga in bilder i sidmenyn så gör du såhär:

Ladda först upp bilden på din blogg. När du gjort detta så klicka på bilden igen så den blir stor. Då kommer du få fram koden till bilden där uppe, där det egentligen står "publishme.se/kldaölkdöa" typ. Jag vet inte riktigt hur jag ska förklara bättre. Kopiera den koden/textraden och gå in i kodmallar. Väl inne i kodmallar får du bestämma vart du vill sätta bilden, tex om du vill ha den under "Senaste inläggen" så letar du reda på ett avsnitt som det står såhär:

<div class="nav">
<center>  <div class="navheader">Senaste inläggen</div>
<ul>
<tag:recentlist limit="20">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul></Center>
Efter </ul> sätter du då in <img src="adressen till din bild här"> och spara. Vips så ligger din bild i sidmenyn. Om du inte får upp ändringen på en gång tryck på f5 på din blogg så uppdateras internetsidan och du ser vad du gjort.
Det är viktigt att du inte har bilden större än vad själva sidmenyn är. Som i Hannas fall är hennes sidmeny 245 pix bred, vilket framkommer här i stilmallen.
#side {
margin-right:0px;
background: #ffffff;
width: 245px;
float: right;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 40px;
padding-left: 20px;
}
Så om du har en bild som är bredare än vad själva sidmenyn är så kommer den ligga ut på inläggen och man kan inte läsa vad du skrivit i dina inlägg.

Eh, jag kanske inte var så bra på detta men jag gjorde det ett försök iaf. Får hoppas på att Hanna förstår hur jag menar med allting! :) PoK MammaLinda

Kommentarer

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0