Vill du ha en kontakta mig knapp?

Vill du ha en likadan "kontakta mig" knapp som jag har i min meny så gör du så här.

Kopiera den här coden (markera texten och tryck in ctrl c för att kopiera eftersom jag har högerklicksskydd).

<form action="*"> <input type="button" value="Här skriver du vad som ska stå på knappen!" onClick="parent.location='mailto:Här skriver du din emailadress'">
</form>

Klistra in i din codmall där du vill ha knappen!

Svårare än så är det inte :)

Dropdown meny!

Nu har jag knåpat ihop en dropdown meny som sitter längst upp till höger i min blogg :)

Och eftersom jag inte hittade någon beskrivning någonstans på dom sidor som finns så tänkte jag försöka mig på en här.

Sätt in den här coden under "Head" i din codmall.

<style type="text/css">
#dropdown {
float: right;
margin: 0;
padding: 0;
}
#dropdown li {
background: #704F62; /*Bakgrundsfärg på länkboxarna*/
border:0px solid #704F62; /*Kantfärg på länkboxarna*/
float: right;
list-style: none;
margin: 0;
padding:0 0 0 10px;
position: relative;
height:20px;
}
#dropdown li:hover {
background: #B5A8B1; /*Bakgrundsfärg på länkboxarna när muspekaren förs över*/
}
#dropdown li a {
display:block;
text-decoration:none;
font-size:16px;
width:100px;
}
#dropdown ul {
background: #F7F0E0; /*Bakgrundsfärg på dropdown menyn*/
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 20px;
left: -1px;
z-index: 500;
}
#dropdown ul {
position: absolute;
}
#dropdown li:hover ul {
display: block;
}
</style>

Om du vill ha en kantlinje runt orden i menyn så ändrar du bara den här raden..

border:0px solid #704F62; /*Kantfärg på länkboxarna*/


Till tex. 1px så blir det en ram/kantlinje.

Vill du ha menyn till vänster på sidan så ändrar du den här raden..

float: right;

Till "left".

Färgen på texten blir automatiskt den samma som du har valt i din stilmall.


Sen till länkarna som du sätter in under "body" i din codmall.


</div>
<ul id="dropdown">
<li><a href="#">Här skriver du i namnet på kategorin</a></li>
<ul>
<li><a href="Här skriver du in adressen till sidan">Här skriver du namnet på länken</a></li>
<li><a href="Här skriver du in adressen till sidan">Här skriver du namnet på länken</a></li>
<li><a href="Här skriver du in adressen till sidan">Här skriver du namnet på länken</a></li>
</ul>
<li><a href="#">Här skriver du i namnet på kategorin</a>
<ul>
<li><a href="Här skriver du in adressen till sidan">Här skriver du namnet på länken</a></li>
<li><a href="Här skriver du in adressen till sidan">Här skriver du namnet på länken</a></li>
<li><a href="Här skriver du in adressen till sidan">Här skriver du namnet på länken</a></li>
</ul>
<li><a href="#">Här skriver du i namnet på kategorin</a>
<ul>
<li><a href="Här skriver du in adressen till sidan">Här skriver du namnet på länken</a></li>
<li><a href="Här skriver du in adressen till sidan">Här skriver du namnet på länken</a></li>
</ul>            
</li>
</ul>

Hoppas det var till någon hjälp :)

(Har du frågor eller tips på annat som man kan ändra på så skriv en kommentar!)



RSS 2.0