mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 05.12.2008 17:32 Benutzername: Passwort: Auto-Login

Thema: Text innerhalb von a:hover mit 3 Farben vom 26.01.2007

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Text innerhalb von a:hover mit 3 Farben
Autor Nachricht
Scoon
Threadersteller

Dabei seit: 07.12.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 26.01.2007 13:26
Titel

Text innerhalb von a:hover mit 3 Farben

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich möchte gerne einen Link verwenden, der im Normalzustand den ersten Buchstaben rot und den rest blau hat. Wird er mit hover verändert, soll er komplett weiß sein. Der Text soll keine Grafik sein. Geht so etwas?

Scoon
  View user's profile Private Nachricht senden
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 47
Geschlecht: Männlich
Verfasst Fr 26.01.2007 13:33
Titel

Antworten mit Zitat Zum Seitenanfang

  View user's profile Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 17
Geschlecht: Männlich
Verfasst Fr 26.01.2007 13:35
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.css4you.de/first-letter.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 47
Geschlecht: Männlich
Verfasst Fr 26.01.2007 13:38
Titel

Antworten mit Zitat Zum Seitenanfang

oha
  View user's profile Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
tacker
Moderator

Dabei seit: 22.03.2002
Ort: Offenbach am Main
Alter: 28
Geschlecht: Männlich
Verfasst Fr 26.01.2007 14:15
Titel

Antworten mit Zitat Zum Seitenanfang

http://mgi.clyre.net/users/tacker/2007/01/26/test.html
Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">
    .rot { color: #f00; }
    .blau { color: #0f0; }
    a:hover, a:hover .blau, a:hover .rot { color: #000; }
  </style>
</head>
<body>
<p><a href="#"><span class="rot">roter</span> und <span class="blau">blauer</span> text</a></p>

</body>
</html>


Zuletzt bearbeitet von tacker am Fr 26.01.2007 14:20, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 27
Geschlecht: Männlich
Verfasst Fr 26.01.2007 14:38
Titel

Antworten mit Zitat Zum Seitenanfang

//edit: ging nicht :/

Zuletzt bearbeitet von sahnemuh am Fr 26.01.2007 14:42, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Scoon
Threadersteller

Dabei seit: 07.12.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 26.01.2007 14:48
Titel

Antworten mit Zitat Zum Seitenanfang

First Letter war neu für mich, funktioniert jedoch bei Links leider nicht und würde mir auf Grund des Absatzes die Linkstruktur zerschiesen. Es ist jedoch mit "a span{color:#XXX}" möglich.

Danke euch. Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen verschiedene hover farben
hover-effekt bei text?
Text soll bei Hover über Tabellenzelle angezeigt werden..
[css] hover: statt Text - Hintergrund
Hover
[IE Hover] Argh...
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.