tab highlight farbe extern definieren

Status
Nicht offen für weitere Antworten.
K

Konne

Grünschnabel
Hi,

ich hab das tut hier gelesen und das war auch das was ich gesucht habe :-)
http://www.tutorials.de/tutorials129991.html

Nur, die mousover farbe mag ich eventuell mal ändern und da mag ich nicht alle seiten durcharbeiten -.- (sind sehr viel seiten wo ich das einbauen will)

Da war auch eine möglichkeit des per script zu machen - funktioniert leider nicht bei mir - wieso weis ich nicht, passiert einfach nix.
Kann mir da jemand helfen? wär am besten wenn ich des in eine externe datei reinschreiben könnte, welche farbe der mousover haben soll.

bye Konne

PS: Hab nur nen normalen html Server .. also nix mit php oder so.
 
Du nimmst am Besten eine externe CSS-Datei. Die Datei muss dann die Endung *.css haben. In die Datei schreibst du einfach das hier:

Code: 
a:link {text-decoration: underline; color: #99CC00;}        
a:visited {text-decoration: underline; color: #99CC00;}      
a:hover {text-decoration: none; color: #000000;}
a:active {text-decoration: underline; color: #99CC00;}

"text-decoration" steht für den Unterstrich bei Links, wenn du "none" statt "underline" hinschreibst, verschwinden die Linen.
Um bei einem mouseover die farbe zu ändern, muss bei "hover" einfach eine andere Farbe sein als bei link, vistied und active.

Nun fügst du einen Link im Headbreich deines HTML-Dokuments ein:
<link rel="stylesheet" href="DATEINAMEcss" type="text/css">
 
Zuletzt bearbeitet:
mach ich ^^


fruity , Ich meinte nicht die Links ;-)

Hab eine Lösung gefunden, falls jemand es irgendwann suchen sollte:

PHP: 
<html>
<head>
	<title>Unbenannt</title>
	<script language="javascript" src="js.js"></script>
</head>

<body>
<table width="200" border="1" cellpadding="1" cellspacing="0"> 
  <tr> 
    <td onMouseover="changeBackgroundOnMouseOver(this)" onMouseout="changeBackgroundOnMouseOut(this)">&nbsp;</td> 
    <td onMouseover="changeBackgroundOnMouseOver(this)" onMouseout="changeBackgroundOnMouseOut(this)">&nbsp;</td> 
    <td onMouseover="changeBackgroundOnMouseOver(this)" onMouseout="changeBackgroundOnMouseOut(this)">&nbsp;</td> 
  </tr> 
  <tr> 
    <td onMouseover="changeBackgroundOnMouseOver(this)" onMouseout="changeBackgroundOnMouseOut(this)">&nbsp;</td> 
    <td onMouseover="changeBackgroundOnMouseOver(this)" onMouseout="changeBackgroundOnMouseOut(this)">&nbsp;</td> 
    <td onMouseover="changeBackgroundOnMouseOver(this)" onMouseout="changeBackgroundOnMouseOut(this)">&nbsp;</td> 
  </tr> 
</table>
</body>
</html>
*******************************************************
js.js:

function changeBackgroundOnMouseOver(x){
		x.bgColor='beige';
}
	
function changeBackgroundOnMouseOut(x){
		x.bgColor='white'
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück