mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 05:54 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 14: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: 62
Geschlecht: Männlich
Verfasst Fr 26.01.2007 14:33
Titel

Antworten mit Zitat Zum Seitenanfang

  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.01.2007 14:35
Titel

Antworten mit Zitat Zum Seitenanfang

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

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

Antworten mit Zitat Zum Seitenanfang

oha
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
tacker

Dabei seit: 22.03.2002
Ort: Trondheim, Norwegen
Alter: 43
Geschlecht: Männlich
Verfasst Fr 26.01.2007 15: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 15:20, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

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

Antworten mit Zitat Zum Seitenanfang

//edit: ging nicht :/

Zuletzt bearbeitet von sahnemuh am Fr 26.01.2007 15: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 15: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?
[css] hover: statt Text - Hintergrund
Text soll bei Hover über Tabellenzelle angezeigt werden..
hover-Button/hover-Bild wird darunter eingefügt
Logik Problem: Bei hover über Menü wird DIV über Text gelegt
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 an Umfragen in diesem Forum nicht mitmachen.