Templatemaster svenska

SKAPA FLERA LÄNKSTILAR | 2005-03-23

Du har just lärt dig att skapa länkstilar i Dreamweaver och äntligen kan du få bort det där ilskna blå understrecket på länken. Så en dag kommer du på att det skulle vara cool att ha två olika länkstilar på sidan. En för menyn och en för direktlänkar i texten med just ilskna blå understreck.
Hur du än gör så blir alla dina länkar likadana och du tänker att: "Bara jag kunde få webbläsaren att skilja på olika sorters länkar vore allt bra."

DESCENDANT SELECTORS ÄR SVARET.
Vi ska nu lära oss hur vi skapar den andra länkstilen.

1) Högerklicka i dokumentet och välj CSS Styles/New

2) Dialogrutan New Css Style öppnas och där väljer du:
Selector Type: Advanced
I Selector skriv in: .newlink a:link
Define In: This document only

3) Dialogrutan Style Definition öppnas:
Font: Verdana
Size: 12
Decoration: Underline
Weight: Normal
Color:blue
Klicka OK

4) Upprepa steg 2 och 3 för alla länkstilarna.

5) Skapa nu en "blindlänk" genom att markera din länk och i Egenskapspalettens länkfält skriver du in "javascript;:"

6) Markera din länk och från egenskapspalettens Style meny väljer du newlink. Din länk bör nu se ut såhär:

Demolänk VANLIG LÄNK

Så här ser din kod ut:

<span class="newlink"><a href="#">Demolänk</a>