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 :)
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.
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>
#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.
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>
<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!)
(Har du frågor eller tips på annat som man kan ändra på så skriv en kommentar!)
