Tilpasse knapper i dreamweaver

[Ezzpena]

Hei

Jeg skal ha noen knapper på nettsiden min, sånne som endrer seg når musa flyttes over og når du trykker på de.

Sånn det er nå, så har jeg bare ett annet bilde med en annen farge som kommer opp når man trykker på de. De endrer seg altså ikke når man bare drar musa over . Vanskelig å forklare, se på siden om du lurer: http://thehelpfulpage.com

 

Jeg likte ingen av de knappene som er standard i dreamweaver, selv om man kan tipasse de til en viss grad, så jeg lagde en "button" i flash, men jeg får ikke til å bruke den som en knapp som linker til andre sider.

 

Jeg prøvde også å åpne og endre de knappene som er standard i dreamweaver, i flash, men det gikk ikke å endre de.

 

Noen som vet hvordan man lager tilpassede knapper som brukes til å linke til andre sider i dreamweaver, eller html generelt?

 

Håper på svar

[AKIRAx77]

For og være helt ærlig er jeg litt usikker på hvordan du jobber. Det virker som om du blander sammen lit tanker om hvordan man bygger websider.

 

Dreamweaver malverk brukes sjelden som utgangspunkt. Man lager som regel sin egen grafikk. Så jeg vet ikke helt hva du mener med "Dreamweaver sine knapper".

 

Man KAN lage en meny i Flash, men man lager sjelden enkeltknapper i flash. Man gjør som regel dette i Photoshop eller Illustrator og lagrer ut GIF/PNG/JPG filer.

 

Men det jeg skjønner er at du vil ha en rollOver knapp. Det kan løses direkte i Dreamweaver med Javascript (automatisk) eller du kan lære deg en bedre metode ved bruk av CSS.

 

Her er linker til begge metodene:

http://www.tutorio.com/tutorial/pure-css-image-rollovers

 

http://www.tutorialized.com/view/tutorial/...eamweaver/25958

 

AKIRA

Endret 13. februar 2010 av AKIRAx24

[Kaptein Snus]

Istedet for å ha en anchor-tag som inneholder et bilde kan du heller sette bildet som bakground og heller ha navnet på linken i anchor-tagen.

 

<td>
<a href="link-til-side">Home</a>
</td>

osv..

 

#table-id td a {
background:url("bilder/Knapptutorial.jpg") no-repeat;
}

så putter du en ID på tabellen som inneholder menyen og bytter ut #table-id med den IDen

 

OG DA kan du gjøre slik for rollOver

#table-id td a:hover {
background:url("rollerOver-bildet-ditt") no-repeat;
}

Endret 13. februar 2010 av Lek1

[Ezzpena]

Takk for svar

Tenker jeg prøver meg på både css metoden som det ble linket til, og metoden til lek1