Milly - It's all about me

Hur gör man en sån kontakta mig knapp?

1. Först så måste man göra en bild i t.ex photoshop.

2. Ladda upp bilden på din blogg


3. Kopiera bildadressen


4. <a href="mailto:din mailadress"><img src="adressen till bilden" border="0"></a>

5. Lägg in koden i din kodmall där du vill ha den.


Hur får man mellanrum mellan bloggen och menyn?

Har man en sånhär blogg: (som går ihop)


1. Gå in i din stilmall och leta upp avsnittet:

#side {
margin-right:0;
padding: 24px 12px 0px;
background: #FFFFFF;
float: right;
width: 213px;

2. Lägg till :

border-right: 3px Solid #000000;


3.

Lägg koden under:

#side {
margin-right:0;
padding: 24px 12px 0px;
background: #FFFFFF;
float: right;
width: 213px;
Här lägger du koden
}

Har du en blogg där menyn är kapad?

#side {
margin-right:0;
padding: 24px 12px 0px;
background: #FFFFFF;
float: right;
width: 213px; <<-- Här ändrar du bredden på menyn, gör den lite mindre om du vill ha mellanrum :)

Flikmeny

Lägg denna kod längst ner i din stilmall:

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/ <<--- här ändrar du plats på flikarna 0px är precis vid kanten
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left; /*Ändra till right om du vill ha flikarna till höger*/
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

2. Spara stilmallen och gå till kodmallen.

3. Lägg koden koden emellan :

<div id="header"
här emellan.
</div>

<div class="mattblacktabs">
<ul>
<li><a href="http://designbymilly.blogg.se">Länk 1</a></li>
<li><a href="http://designbymilly.blogg.se">Länk 2</a></li>
<li><a href="http://designbymilly.blogg.se">Länk 3</a></li>
<li><a href="http://designbymilly.blogg.se">Länk 4</a></li>
<li><a href="http://designbymilly.blogg.se">Länk 5</a></li>
</ul>
</div>

Hur gör man en fin header någonstans?

Jag gör ialla fall i photoshop.
vet iinget annat program.
Photoshop finns att ladda ner gratis i 30 dagar HÄR

Hur lärde du dig allas koderna?

Jag höll på ett bra tag och testa mig fram, jag ändrade en viss sak på ett ställe sen så kollade jag vad det var som hände på bloggen. Sen efter ett tag så kommer man ihåg :)

Hur gör man bild/text längst ner på bloggen (footer).?

1. Man gör  en bild i photoshop
2. Lägger till denna kod under #content

background-image: url(adressen till bilden);
background-repeat: no-repeat;
background-position: bottom;




----------------------------------------------------------------------------------------------------------------------------------------------------------------------