Link soll bei rollover verschiedene Buchstabenfarben bekommen

[Gast] Foren Web allgemein HTML und CSS / Stylesheets Link soll bei rollover verschiedene Buchstabenfarben bekommen

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1193

6413

FSt

19. Dez 2022, 21:28

Vitus

Nedsch

Beiträge gesamt: 30

7. Jun 2011, 15:55
Beitrag # 1 von 4
Bewertung:
(2042 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hello,

ich hätte gerne einen Textlink, z. B. das Wort "Hallo", der bei a:hover nicht nur die Farbe des ganzen Wortes ändert, sondern dass jeder Buchstabe eine andere Farbe bekommt.

"Hallo" bei a:hover.
Jemand ne Idee, wie ich das machen kann? (Bin Anfänger)

Link soll bei rollover verschiedene Buchstabenfarben bekommen

FSt

Beiträge gesamt: 1963

7. Jun 2011, 16:20
Beitrag # 2 von 4
Beitrag ID: #473197
Bewertung:
(2034 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Nedsch

Du musst jedem einzelnen Buchstaben eine eigene Klasse zuweisen, dann sollte das gehen ...

Code

<html> 
 
	<head> 
		<style type="text/css" media="screen"><!-- 
			a {color: black; font-size: 36px;} 
			a:hover .blau { color: blue;} 
			a:hover .rot { color: red;} 
			a:hover .gruen { color: green;} 
			a:hover .gelb { color: yellow;} 
			a:hover .magenta { color: magenta;} 
		--></style> 
	</head> 
 
	<body > 
		<p><a href="#"><span class="blau">H</span><span class="rot">a</span><span class="gruen">l</span><span class="gelb">l</span><span class="magenta">o</a></p> 
	</body> 
 
</html>

Nicht gerade ein schöner Code oder gar schlank, aber immerhin er funktioniert ...

Gruss
Martin

als Antwort auf: [#473195]

Link soll bei rollover verschiedene Buchstabenfarben bekommen

Nedsch

Beiträge gesamt: 30

7. Jun 2011, 16:32
Beitrag # 3 von 4
Beitrag ID: #473201
Bewertung:
(2031 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hi Martin,
in der Tat, funktioniert. Danke schön.

Antwort auf [ FSt ] Nicht gerade ein schöner Code oder gar schlank, aber immerhin er funktioniert ...

Da ich die eine kleine Navi, bestehend aus 4 Links so machen wollte, nun die Frage: (der Rest der website ist sehr simpel. Nur Fotos untereinander zum scrollen mit etwas beschreibendem Text, ähnlich wie ein Blog vom Layout)

- darauf verzichten, weil zu unschlank?
- Pixelbilder nehmen, anstatt HTML-Text?
- doch so machen?

als Antwort auf: [#473197]

Link soll bei rollover verschiedene Buchstabenfarben bekommen

FSt

Beiträge gesamt: 1963

7. Jun 2011, 16:49
Beitrag # 4 von 4
Beitrag ID: #473203
Bewertung:
(2020 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Frag das nicht einen Code-Puritaner Wink

Für ne Funseite mag das ja lustig und im Grunde (suchmaschinenseitig) auch irrelevant sein. Wenn es aber eine seriöse Seite sein soll, dann würd ich drauf verzichten. Bildernavigation ist dann ja auch keine Lösung.

Gruss
Martin

als Antwort auf: [#473201]

Aktuell

InDesign / Illustrator

axaio MadeToPrint Server unterstützt Adobe InDesign Server 2024

| 27.11.2023

Weitere Events

Neuste Foreneinträge

Cookie-Overload??

Nï¿½chstes Treffen der IDUG Stuttgart

Automatische Sicherung

PDF ï¿½ffnen via Script UI?

Affinity Publisher ï¿½ schwarz wird in CMYK separiert

InDesign CC 2023 18 als Standard-App festlegen funktioniert nicht

Dokumenteigenschaften - Ansicht beim ï¿½ffnen - Javascript [Acrobat Pro 2023, WIN 10]

Leerzeichen am Absatzende entfernen (AI2024 Win10)

Logo ï¿½ Strich- Farbkombination wie anzulegen?

Bild platzieren ï¿½ber Bridge (Indd19.0.1 Bridge14.0.1.137 WIN10)

Weitere Stellenangebote