Avatar billede kristjan Nybegynder
30. juni 2003 - 12:59 Der er 7 kommentarer og
1 løsning

Farvekode når man kører hen på et link

Hej derude...

Jeg skal høre om der er nogle der kan hjælpe mig med at designe en fed farvekode til når man kører hen over et link.
Jeg bliver inspireret af denne side : http://home20.inet.tele.dk/nif-support/nif-supporters/forside.htm . I menuen kan i prøve at køre over linksene. Det kan jeg godt lide, og vil gerne have en der ligger tæt på det.

I kan også selv blive inspireret lidt. Min hjemmeside er www.partizanfc.webbyen.dk
Der er naturligvis kun forsiden at kigge på, da jeg lige er begyndt. Der vil komme et logo op de nærmeste dag...
Avatar billede kristjan Nybegynder
30. juni 2003 - 14:39 #1
Det er der ikke nogen der kan finde ud af eller...?? :-(
Avatar billede thb Nybegynder
30. juni 2003 - 15:19 #2
Jeg forstår ikke helt hvad det er du vil have.. Farven i den menu du henviser til er jo bare en grå nuance, der kommer ved en onmouseover.

Er det koden til den grå farve ?

Thomas
Avatar billede miss-g Seniormester
30. juni 2003 - 15:30 #3
Style sheet:

<html>

<head>
<title> NIF Supporters</title>
<style>
<!--
A:link { color: #000000; text-decoration : none;}
A:visited { color: #000000; text-decoration : none;}
A:active { color: #000000; text-decoration : none;}
A:hover { color: #808080; text-decoration : none;}
-->
</style>
</head>

Du kan selv ændre farvekoderne.
Avatar billede miss-g Seniormester
30. juni 2003 - 15:33 #4
Tabellen med menuen og link-hover-effekt:

<html>

<head>
<title> NIF Supporters</title>
<style>
<!--
A:link { color: #000000; text-decoration : none;}
A:visited { color: #000000; text-decoration : none;}
A:active { color: #000000; text-decoration : none;}
A:hover { color: #808080; text-decoration : none;}
-->
</style>
</head>

<body background="images/bg.gif">
<div align="center"><center>
  </center></div><div align="center"><center>
  </center></div><div align="center"><center>

<table border="0" width="746" height="107" cellspacing="0" cellpadding="0">
  <tr>
    <td width="15%" height="100" valign="top"><table border="0" width="90%" height="1"
    style="border: 1px solid #000000" cellspacing="0" cellpadding="0">
      <tr>
       
      <td width="100%" height="1" style="border-bottom: 1px solid #000000"
        background="cell_l_short.jpg"><table border="0" width="100" cellspacing="0" cellpadding="0">
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="forside.htm"><small>Forside</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/galleri.htm"><small>Galler</small>i</a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/downloads.htm"><small>Download</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/forum.htm"><small>Forum</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/afstemninger.htm"><small>Afstemninger</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/bannere.htm"><small>Bannere</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/kampprogram.htm"><small>Kampprogram</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/merchandise.htm"><small>Merchandise</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/stadion.htm"><small>Stadion</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/links.htm"><small>Links</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/konkurrence.htm"><small>Konkurrence</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/historie.htm"><small>Historie</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">» <a href="pages/kontakt.htm"><small>Kontakt</small></a></font></small></small></small></td>
          </tr>
          <tr>
            <td onMouseover="this.style.backgroundColor=&quot;#E7E3DB&quot;"
                onMouseOut="this.style.backgroundColor=&quot;#ffffff&quot;" width="100%"><small><small><small><font
                face="Verdana" style="FONT-SIZE: 11px">»<small> <a href="pages/g_book.htm">Gæstebog</a></small></font></small></small></small></td>
          </tr>
        </table></td>
    </tr>
    <tr align="center">
       
      <td width="100%" height="1" bgcolor="#FFFFFF" valign="center">&nbsp;
Avatar billede kristjan Nybegynder
30. juni 2003 - 16:37 #5
Thomas : Ja, det er koden til den grå farve der, men den skal ikke være grå men hvid... Og så skal effekten være den samme hos mig med at den markere hele bredden og ikke kun linket...
Forstår du ??

Miss G: Jeg har prøvet din farvekode, men det virker ikke :-(
Avatar billede mosegris.dk Nybegynder
30. juni 2003 - 18:22 #6
Hejsa

<td width="20%" height="21" style="background-color:#cccccc;" onMouseOver="this.style.background='#FFFFFF'" "this.style.background='#ccccc'">

- Er hvad du har brug for :)

style="background-color:#cccccc;" onMouseOver="this.style.background='#FFFFFF'" "this.style.background='#ccccc'">


- Dette sættes ind i din TD :) Ligesom ovenstående eksempel!

//Rasmus
Avatar billede mr_carpark Nybegynder
30. juni 2003 - 21:25 #7
jeg synes du bare skulle prøve at kopire htmlen fra den side til din egen og så sætte hvid ind i stedet for grå så nemt er det vel
Avatar billede mosegris.dk Nybegynder
01. juli 2003 - 01:14 #8
Tak for det! :)
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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