Avatar billede pyromaniac Nybegynder
18. januar 2001 - 12:09 Der er 14 kommentarer og
2 løsninger

Mouse over effekt på Tekst - Ligesom det på altavista

Dette er egentligt et simpelt spørgsmål, men jeg kan sku ikke finde ud af hvordan.

Jeg tror det har noget med DHTML at gøre.

30 points til den der fortæller mig hvordan
Avatar billede barlach Nybegynder
18. januar 2001 - 12:13 #1
A {text-decoration: none;}
A:link {color: #003300; text-decoration: none;}
A:visited {color: #000FF00;text-decoration: none;}
A:hover {color: #00FF00;text-decoration: none;
}

det her giver effekt på alle links...var det det du mente?
Avatar billede pyromaniac Nybegynder
18. januar 2001 - 12:13 #2
Prøver det lige
Avatar billede barlach Nybegynder
18. januar 2001 - 12:14 #3
det er denne der giver effekten på mouse-over:

A:hover {color: #00FF00;}
Avatar billede pyromaniac Nybegynder
18. januar 2001 - 12:16 #4
Øv jeg kan ikke finde ud af hvordan man sætter det ind  - - - Hjælp!
Avatar billede barlach Nybegynder
18. januar 2001 - 12:19 #5
det skal sættes ind som styles:

<html>
<head>

<style type=\"text/css\">
<!--

  A {text-decoration: none;}
A:link {color: #003300; text-decoration: none;}
A:visited {color: #000FF00;text-decoration: none;}
A:hover {color: #00FF00;text-decoration: none;


-->
</style>
</head>
<body>
<a href=\"www.boo.com\">link</a>
</body>
</html>
Avatar billede barlach Nybegynder
18. januar 2001 - 12:20 #6
herefter kan du selvfølgelig ændre farverne i hex-koderne: #00FF00
Avatar billede hobbez Nybegynder
18. januar 2001 - 12:24 #7
Du indsætter simpelthen linierne mellem dine <HEAD></HEAD> tags.

Altså:

<HTML>
<HEAD>
<TITLE>Sídens titel</TITLE>

<STYLE TYPE=\"text/css\">
A {text-decoration: none;}
A:link {color: #003300; text-decoration: none;}
A:visited {color: #000FF00;text-decoration: none;}
A:hover {color: #00FF00;text-decoration: none;}
</STYLE>

</HEAD>

<BODY>
Her er så indholdet af siden
</BODY>

</HTML>

Avatar billede hobbez Nybegynder
18. januar 2001 - 12:26 #8
Sorry:

<HTML>
<HEAD>
<TITLE>Sídens titel</TITLE>

<STYLE TYPE=\"text/css\">
<!--
A {text-decoration: none;}
A:link {color: #003300; text-decoration: none;}
A:visited {color: #000FF00;text-decoration: none;}
A:hover {color: #00FF00;text-decoration: none;}
-->

</STYLE>

</HEAD>

<BODY>
Her er så indholdet af siden
</BODY>

</HTML>
Avatar billede sporado Nybegynder
18. januar 2001 - 12:26 #9
Bemærk liiige at det lille fif IKKE virker i Netscape (4.7 - jeg ved ikke mæ 6\'eren). der sker ingenting (på den anden side virker link\'et stadig)

Du kan osse ty til JavaScript.

I HEAD-tag indsætter du:

<script language=\"JAVASCRIPT1.2\" type=\"text/javascript\">
<!--
if (document.images)
{
knap01=new Image();
knap01.src =\"images/knapMO.gif\"
//hvor knapMO.gif er den gif der skal vises ved mouse over
}
function change(nr, filnavn)

{
if (document.images)

{document.images[nr].src=filnavn}

}

//-->
</script>

I dit link skriver du så:

<a href=\"link.htm\"
onmouseout=\"change(0, \'images/knap.gif\')\" onmouseover=\"change 0, \'images/knapMO.gif
\')\">
<img src=\"images/knap.gif\" width=\"100\" height=\"50\" alt=\"link 1\" border=\"0\"></a>

- hvor images/knap.gif er den gif man ser når musen ikke er over link\'et. Husk at JavaScript starter med at tælle fra 0 - d.v.s. at første billede på siden er 0.

problemet er, at det er noget mere omstændigt end Barlach\'s forslag. så hvis du er ligeglad med Netscape....
Avatar billede hobbez Nybegynder
18. januar 2001 - 12:26 #10
Ups, så lige at der var en anden der havde lavet samme svar :o/

/Rob
Avatar billede pyromaniac Nybegynder
18. januar 2001 - 12:43 #11
Et sidste spørgsmål :-)

Når man nu har lavet et link og man så har fået det der ytil at virke ( det virker )

Hvordan får man så den pågældende side (den der kommer op når man trykker på linket) til at maksimere sig selv??????
Avatar billede pyromaniac Nybegynder
18. januar 2001 - 12:53 #12
HALLO!!!!!!!!!!!!!!!!!!!!!???
Avatar billede barlach Nybegynder
18. januar 2001 - 13:03 #13
det har noget at gøre med den individuelle browser på clientens comp. medmindre du bruger javascript til at åbne siden med kan du ikke gøre noget ved det.
Avatar billede pyromaniac Nybegynder
18. januar 2001 - 13:07 #14
ok

Så er det POINTS tid :-)
Avatar billede pyromaniac Nybegynder
18. januar 2001 - 13:09 #15
Balach = 25 points ( for hurtigt besvarelse )

Sporado = 5 points ( for alternativ løsning )
Avatar billede Slettet bruger
18. januar 2001 - 14:16 #16
pyromaniac> Hvis du opretter et nyt spørgsmål til 30 point skal jeg fortælle dig det (maksimering af vinduer) ;-)
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