<a style="color:red"> ... und was ist mit :hover?

[Chet]

Hallo,

Wie kann ich denn die Pseudoklasse a:hover inline definieren?

Also so <a style=" :hover {color:white;} "> scheint es nicht zu klappen.

Viele Grüße
Tom

[telekommander]

... grübel ,

Darüber hab ich noch nie nachgedacht. Und probiert auch nicht.
Aber eine Frage stell ich mir schon:
Was für einen Sinn macht denn bitte eine direkte a:hover Definition ?

Ich würde eine Klasse anlegen:
<a href="#" class="weissdergeier" .... >Link</a>
Und das ganze übers Stylesheet definieren:
a:hover.weissdergeier { color: red }

[Chet]

Hallo telekommander,

hmm, wahrscheinlich mach ich da was falsch. Ich mein, wenn das so ungewöhnlich ist, dann läßt sich die ganze Sache wohl auch anders lösen.

Für was diese hover Definition Sinn macht?

Ich hab ein plugin, das in der Sidebar agiert und dort einen link sichtbar plaziert. Diesen einen link will ich anders formatieren, als im style.css für die sidebar definiert.
Also wollte ich das dann direkt in dem plugin machen, scheint aber schwierig zu sein.

Viele Grüße
Tom

[telekommander]

Zitat von Chet

... Ich hab ein plugin, das in der Sidebar ...

Bringt dieses Plugin eigene CSS Definitionen mit ? Sollte das der Fall sein, dann schreib die Def. doch dort rein.

[Chet]

Nein, leider nicht.

Schau mal, so sieht die Source aus:

<?php
/*
Plugin Name: Verse-O-Matic
Plugin URI: http://www.tradespotter.com/wp/?page_id=90
Description: Displays a single random verse from a list of verses in a text file. 
*/

function verse_o_matic() {

	//Set user defined variables
	$turnOnAltVersions = "false"; //set true to turn on links to alternate versions, otherwise false
	$fileLocation = "wp-content/plugins/verse-o-matic-list.txt"; //where is the list? if you followed the
	//installation instructions, you won't need to change this.
	
	//Get the file
	$theFile = file_get_contents($fileLocation);
	
	
	//put the lines into an array
	$lines = array();
	$lines = explode("\n", $theFile);


	//pick the vers of today
	$datum = getdate();
	$lineRand = $datum[yday]-1;
	
	//put the line into an array
	$verseArr = explode("|", $lines[$lineRand]);
	
	
	//get the size of the array
	$verseArrCount = count($verseArr);
	
	
	//put array contents into variables
	$verseBook = $verseArr[0]; 
	$verseChap = $verseArr[1]; 
	$verseVrse = $verseArr[2]; 
	$verseText = $verseArr[3];


	$verseRef  = "$verseBook $verseChap:$verseVrse";
	
	$verseOutput = "\n$verseText<br />$verseRef\n";

	
        echo "\n\n<!-- BEGIN Verse-O-Matic Plugin -->\n";
	echo $verseOutput;
	if ($turnOnAltVersions == "true"){
	echo "<br /><br />\n";
	echo "<!-- alternate version lookup -->\n";
	echo "<div>\n";
	echo "  <a style=\"color: red; \" href=\"http://www.provider.de\">Link</a> \n";
	echo "</div>\n";
	echo "<!-- end alternate version lookup -->\n";
	}
	echo "\n<!-- END Verse-O-Matic Plugin -->\n\n";

}?>

Der Knackpunkt ist der Link ganz am Ende, bei dem ich gerne einen andersfarbigen hover hätte.

Viele Grüße
Tom

[telekommander]

Dann definiere doch eine neue Klasse in diesem Link
Like this:

echo "  <a class=\"NEUE_KLASSE \" href=\"http://www.provider.de\">Link</a> \n";

Und in der style.css definierst du den Link.

/* Beginn Definition Verse-O-Matic Plugin */
a.NEUE_KLASSE  { color: red }
a:hover.NEUE_KLASSE  { color: blue }
/* End Definition Plugin */

[Chet]

Ja, vielen Dank. So ist das schön sauber.
Ich denk mal, dass ich mich noch viel mehr in CSS einarbeiten muß.

Viele Grüße
Tom