Egna bilder i horisontell meny
4 kommentarer /
Kommentera här!
Skapa en egen bild i din meny med hjälp av tex photoshop
Nu syns kanske inte detta på bilden att jag gjort detta men jag har laggt på en skugga och gjort dem
så stora som jag vill, även att dom ändrar färg när man håller musen över, ska visa hur man gör detta med.

1. Skapa din bild först i photoshop.
Ladda upp bilden på din blogg och kopiera länken.
2. Gå in i din kodmall och bläddra ner till din meny, så här ser det ut nu:
<li><a href="#"> Kategori </a>
Kopiera denna koden:
<img src="länk till din bild">
Så det ser ut så här:
<li><a href="#"> <img src="länk till din bild"> </a>
Spara och se hur det blev, gör nu resten på dom andra.
3. Gå in i stilmallen, bläddra ner till denna koden, ändra så det ser ut så här:

Hur ni gör för att ändra bilden när man håller musen över

Gör bilden i photoshop och ladda upp och lägg in den i kodmallen så koden ser ut så här:
<li><a href="#"> <img src="Bild 1" oversrc="bild 2" border="0"> </a>
Lägg in länken från bilden där det står bild 2 och den första bilden på bild 1
Hoppas ni förstår skriv annars om ni har några frågor.
Nu syns kanske inte detta på bilden att jag gjort detta men jag har laggt på en skugga och gjort dem
så stora som jag vill, även att dom ändrar färg när man håller musen över, ska visa hur man gör detta med.

1. Skapa din bild först i photoshop.
Ladda upp bilden på din blogg och kopiera länken.
2. Gå in i din kodmall och bläddra ner till din meny, så här ser det ut nu:
<li><a href="#"> Kategori </a>
Kopiera denna koden:
<img src="länk till din bild">
Så det ser ut så här:
<li><a href="#"> <img src="länk till din bild"> </a>
Spara och se hur det blev, gör nu resten på dom andra.
3. Gå in i stilmallen, bläddra ner till denna koden, ändra så det ser ut så här:

Hur ni gör för att ändra bilden när man håller musen över

Gör bilden i photoshop och ladda upp och lägg in den i kodmallen så koden ser ut så här:
<li><a href="#"> <img src="Bild 1" oversrc="bild 2" border="0"> </a>
Lägg in länken från bilden där det står bild 2 och den första bilden på bild 1
Hoppas ni förstår skriv annars om ni har några frågor.

Category: