Link effekter

Sett inn denne koden:

dott Link - selve linken
dott Visited - en link du har vært på
dott Active - en link du nettopp har trykket på
dott Hover - en link du holder musen over

NB! Sett inn en av kodene under mellom { og } et sted, og du vil få den effekten det er vist. Linkene må ikke hele tiden se slik ut. Du kan f. eks ta en effekt på hover, slik at når man tar musen bort i linken, så kommer det en strek under linken.

Effekt på linken

dott border:1 solid; border-color:#1D5B94;
dott border:1 dashed; border-color:#1D5B94;
dott border-bottom: 1px dashed #1D5B94;
dott border-bottom: 1px solid #1D5B94;
dott text-decoration:underline overline
dott text-decoration:line-through;
dott filter:Invert(strength=3); height:9px;
dott filter:dropshadow(color=#1D5B94,offX=1,offY=1); height:7pt
dott filter:shadow(color=#1D5B94,offX=1,offY=1); height:0;
dott filter:blur(add="0",direction="180",strength="2"); height:0;>
dott filter:fliph; height:0; Linkene blir speilvendte
dott filter:flipv; height:0; Linkene blir opp ned
dott filter: gray(); height:0 Linkene blir grå
dott filter: invert(); height:0
dott filter: mask; height:0
dott filter: wave(strength="1"); height:0
dott height:0;color:1D5B94; filter:wave(add=0,phase=4,freq=5,strength=2);
dott filter:glow(color=1D5B94, strength=5); height:0;
dott text-transform:uppercase; Bokstavene blir store
dott text-transform:capitalize;Første bokstaven i hver link blir alltid stor
dott text-transform:lowercase; Linkene blir "lowercase"
dott background-color:1D5B94;
dott font-size:7pt;
dott font-weight:bold;
dott position:relative; left:1px; top:1px; Flytter 1px fra venstre og 1 fra toppen

Effekt på musen

Hold musen over linkene

dott May er kul - cursor:re-size;
dott May er kul - cursor: n-resize;
dott May er kul - cursor:se-resize;
dott May er kul - cursor: crosshair;
dott May er kul - cursor: help;
dott May er kul - cursor:pointer;
dott May er kul - cursor:text;
dott May er kul - cursor:move;
dott May er kul - cursor:wait;