Søg
Avatar billede soren1990 Nybegynder
05. juli 2003 - 20:33 Der er 26 kommentarer

Farveskift med markør?

Kan man lave det sådan at et farve skift når man kører markøren henover?
Avatar billede soren1990 Nybegynder
05. juli 2003 - 20:36 #1
Siden ligger her: http://homeland.h4f.dk/indexforsog2.htm
Avatar billede miss-g Seniormester
05. juli 2003 - 22:27 #2
Du skal bare indsætte denne:
<head>
<title>hover</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-decoration: none;
}
a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
}
a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-decoration: none;
}
-->
</style>
</head>
Avatar billede miss-g Seniormester
05. juli 2003 - 22:27 #3
Eksemplet her:

http://www.nicolin.dk/hover.htm
Avatar billede miss-g Seniormester
05. juli 2003 - 22:28 #4
a:link = farve på link
a:hover = hover farven når man kører musen over
a:visited = farven på besøgte link.

Så du kan bare selv ændre farvekoderne, pixelstørrelse på fonten osv.
Avatar billede miss-g Seniormester
05. juli 2003 - 22:32 #5
Da det ligger som en del af html koden vil alle links få den effekt, så hvis det ikke er alle - skal man lave et CSS (Cascading Style Sheet).

Hvis du har menuen i en frame - altså et html dokument for sig, så er det ikke noget problem. Smagssag om det skal være på alle link....
Avatar billede soren1990 Nybegynder
05. juli 2003 - 22:50 #6
Kan ikke få det til at virke...
Forstår mig ikke vilædt på den slags!
Avatar billede miss-g Seniormester
05. juli 2003 - 22:55 #7
Du skal sætte koden ind mellem <head> </head>

Nu står ordene <head></head> i koden i forevejen, så sørg for at de ikke står der to gange.

og så laver du bare nogle link som normalt. Hver gang du laver et link, vil koden fortælle hvordan linkene skal se ud.
Avatar billede soren1990 Nybegynder
05. juli 2003 - 22:57 #8
Hvis jeg sender koden.. Kan du så ændre til det rigtige`?
Avatar billede miss-g Seniormester
05. juli 2003 - 22:59 #9
Ja eller du kan bare give linket til siden på nettet.
Avatar billede miss-g Seniormester
05. juli 2003 - 23:01 #10
Hvis koden ikke er forfærdelig lang kan du også sætte den ind her i eksperten.
Avatar billede soren1990 Nybegynder
05. juli 2003 - 23:02 #11
http://homeland.h4f.dk/indexforsog2.htm
Avatar billede miss-g Seniormester
05. juli 2003 - 23:05 #12
Hvilken farve skal de være når man kører over?
Avatar billede soren1990 Nybegynder
05. juli 2003 - 23:06 #13
Sort
Avatar billede miss-g Seniormester
05. juli 2003 - 23:09 #14
Har lagt siden her:

http://www.nicolin.dk/hoover.htm
Avatar billede miss-g Seniormester
05. juli 2003 - 23:12 #15
Og så skal du nok passe på med at bruge for mange "fremmede" skrifttyper. Hvis folk ikke har f.eks. Lucida Calligraphy, så får de bare vist en standard som f.eks. Times, Verdana eller arial.

Ellers skal du lave det som et billede, så ændrer skriften sig ikke.

Jeg har skrifttypen, så jeg kan godt se den *S*
Avatar billede soren1990 Nybegynder
05. juli 2003 - 23:14 #16
okay... Har du en ide? til skriftype..
Og det virker ikke...
Avatar billede miss-g Seniormester
05. juli 2003 - 23:16 #17
Det virker da på den jeg har lagt ud! Prøv lige at gå op i funktioner, internetindstilinger og tryk på ryd oversigten.

Din browser kan formentlig huske at du HAR besøgt linksene, og derfor virker hoover effekten ikke.

Så ryd oversigten og tryk på opdater på siden (eller luk og åben den)
Avatar billede miss-g Seniormester
05. juli 2003 - 23:22 #18
Har lige rykket din tekst lidt

http://www.nicolin.dk/hoover.htm
Avatar billede soren1990 Nybegynder
06. juli 2003 - 12:08 #19
Takker.... Men,..... Kan alle se det der?
Avatar billede soren1990 Nybegynder
06. juli 2003 - 12:19 #20
Hm! Når jeg laver scrollbaren om så skifter linkene farve?
Avatar billede miss-g Seniormester
06. juli 2003 - 14:40 #21
Ja, alle kan se mine links, men jeg kan da bare slette dem, hvis du har hentet koden.

Hvis du mener at have ændret noget på

http://homeland.h4f.dk/indexforsog2.htm,

så kan jeg godt forstå det ikke virker. I koden er der jo ikke ændret noget, men måske har du ikke lagt den ud endnu...
Avatar billede soren1990 Nybegynder
06. juli 2003 - 14:42 #22
Det er ikke der men på din!
Det virker kun når jeg går op og ryder listen. Hvis jeg trykker på et link, og går tilbage... Så er det helt alm!
Avatar billede mczlimmer Nybegynder
11. juli 2003 - 00:23 #23
--->miss-g
Jo hover effekt virker også selvom du har besøgt siderne før!!!
Du skal blot opstille dit Stylesheet korrekt.
Sidstnævnte pseudo-class er den der har første prioritet, dvs. hvis nu der (som i dit udkast) står psuedo-class :visited sidst er det den der "bestemmer". Hvis du istedet flytter :hover nederst er det den der "bestemmer", og du kan derved opnå dne ønskede hover effekt selvom folk har besøgt din side før.

Håber dette hjalp lidt til forståelsen af denne del af CSS'en.

ZLimmer ~over&out~
Avatar billede miss-g Seniormester
12. juli 2003 - 01:18 #24
Tak for det - Det er soren1990 har har brug for det svar (blev også klogere selv) *S*
Avatar billede miss-g Seniormester
12. juli 2003 - 01:20 #25
Det er rækkefølgen her du mener?

Det er da spøjst at noget bestemmer, og at det er det nederste?! Hm...

<style type="text/css">
<!--
a:link {
    font-family: Tahoma;
    font-size: 11px;
    color: #3399FF;
    text-decoration: none;
}
a:hover {
    font-family: Tahoma;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}
a:visited {
    font-family: Tahoma;
    font-size: 11px;
    color: #3399FF;
    text-decoration: none;
}
-->
</style>
Avatar billede mczlimmer Nybegynder
14. juli 2003 - 18:15 #26
Ville sætte det sådan her op:

<style type="text/css">
<!--
a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-decoration: none;
}
a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-decoration: none;
}
a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
}
-->
</style>
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
Se alle it-kurser fra Computerworld Kurser
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.
Se alle it-kurser

Flere spørgsmål fra Småopgaver kategorien

Titel Indlæg Oprettet Seneste aktivitet
Negativ billeder på samsung Af ALICE i Småopgaver 2 16/01/202610:29 16/01/202618:31
Flytte mappe fra stationær til bærbar Af valby i Småopgaver 20 07/05/202520:51 10/05/202513:43
Hjælp til DC motorstyring Af axel21 i Småopgaver 7 06/03/202522:34 10/03/202518:51
Gode råd til kommende supporter Af SilentSloth i Småopgaver 4 31/12/202423:10 01/01/202515:09
Udregning af vinkel på brædder. Af Peter i Småopgaver 14 11/12/202415:12 13/12/202415:40
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 16:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
I dag 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
White papers
Flere white papers »