Avatar billede espersen Novice
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' ?
Avatar billede hyberpreprocessor Nybegynder
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.
Avatar billede espersen Novice
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.
Avatar billede roenving Novice
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>
Avatar billede espersen Novice
22. april 2005 - 16:49 #4
jo jo  det er skam et link i menuen
Avatar billede roenving Novice
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;}
Avatar billede espersen Novice
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
Avatar billede espersen Novice
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 }
Avatar billede olebole Juniormester
22. april 2005 - 23:03 #8
<ole>

Du kan skifte for- og baggrundsfarver - ikke andet  :)

/mvh
</bole>
Avatar billede espersen Novice
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)
Avatar billede olebole Juniormester
23. april 2005 - 01:19 #10
Det må være en anden. Jeg understregede bare, hvad andre skrev  :)
Avatar billede espersen Novice
23. april 2005 - 14:24 #11
så må det være hyberpreprocessor som skal smide et svar ;o)
Avatar billede espersen Novice
02. maj 2005 - 15:12 #12
hyberpreprocessor : smid et svar ;o)
Avatar billede espersen Novice
18. maj 2005 - 10:04 #13
hyberpreprocessor er åbenbart ikke aktiv længere på E

Roenving og olebole: smid et svar !
Avatar billede espersen Novice
19. maj 2005 - 11:48 #14
sidste chance - får for lidt respons (svar) ;o|
Avatar billede espersen Novice
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;}
-->
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester