22. april 2005 - 15:18
Der er
14 kommentarer og 1 løsning
tekst effekt via CSS
En menu som designmæssigt styres af CSS - er det der muligt ved mouse-over at få teksten til at lyse op så den virker langt mere 'bright' ?
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
22. april 2005 - 15:28
#1
Du kan ændre tekstfaven på teksten med CSS, -- dog kun på links hvis stakkels Internet Explorer skal kunne følge med -- Hvis du tænker på en glow effekt, skal du bruge billeder , hvis det er til alle browsere, eller du kan bruge noget alpha M$ har udviklet i close souce, så det kun er IE der kan forstå det.
22. april 2005 - 15:31
#2
ja det kan nok også kaldes en glow effect det er lidt skidt hvis kun IE kan klare det ; skal være cross-browser comp.
22. april 2005 - 15:41
#3
Men hvis ikke du har links omkring teksten skal du over i noget javascript, hvis du vil bruge et farveskifte på teksten, f.eks. <li onmouseover="this.style.color='#0bc';" onmouseout="this.style.color='#111';" style="color:#111">Linktekst</li>
22. april 2005 - 16:49
#4
jo jo det er skam et link i menuen
22. april 2005 - 16:53
#5
Så kan du jo bare: a,a:link,a:visited{color:#111;} a:hover,a:active{color:#0bc;} i dit stylesheet !-) -- og hvis du vil have en effekt i menuen og andre effekter andre steder, kan du bare give hele menu-containeren en klasse, og: a,a:link,a:visited{color:#000;} a:hover,a:active{color:#f00;} .klassenavn a,.klassenavn a:link,.klassenavn a:visited{color:#111;} .klassenavn a:hover,.klassenavn a:active{color:#0bc;}
22. april 2005 - 17:18
#6
jo det kender - nemt nok at skifte farve med mouse over. Det jeg forsøger at sige er at jeg mangler en mere "smart" effekt, som fx. med moúseover får et langt mere lysende skær end blot en hvid farve. Kunne forestille mig at teksten skulle have lidt blur / udtværet ved mouse over
22. april 2005 - 18:48
#7
sådan ser mit CSS ud : .navigation a,.navigation a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 4px; text-decoration: none; margin: 6px; margin-bottom: 1px; margin-top: 1px; display: block; color: #ffffff; background: #fff url(/images/back-menu.jpg) no-repeat top right; background: #fff url(../../manager/media/images/misc/laptopmenu.gif) repeat-x top ; } .navigation a:hover { color: #dbdbdb; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background: ThreeDShadow url(../../manager/media/images/misc/laptopmenu.gif) repeat-x 0 top; padding: 4px }
22. april 2005 - 23:03
#8
<ole> Du kan skifte for- og baggrundsfarver - ikke andet :) /mvh </bole>
22. april 2005 - 23:08
#9
tak - syntes også jeg havde prøvet en masse via GoLive. Så må det blive en løsning med baggrunde der skifter. Smid svar ;o)
23. april 2005 - 01:19
#10
Det må være en anden. Jeg understregede bare, hvad andre skrev :)
23. april 2005 - 14:24
#11
så må det være hyberpreprocessor som skal smide et svar ;o)
hyberpreprocessor : smid et svar ;o)
hyberpreprocessor er åbenbart ikke aktiv længere på E Roenving og olebole: smid et svar !
sidste chance - får for lidt respons (svar) ;o|
04. juli 2005 - 10:36
#15
kan åbenbart få den til at blur'e lidt i IE (men ikke umiddelbart i FF) <!-- a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #0033CC} A:hover {COLOR: #000000; text-decoration:bold; font-weight:none; height:0; filter:blur;} -->
Vi tilbyder markedets bedste kurser inden for webudvikling