mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 01:37 Benutzername: Passwort: Auto-Login

Thema: [CSS] Text-Shadow vom 13.06.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Text-Shadow
Autor Nachricht
aight
Threadersteller

Dabei seit: 26.09.2003
Ort: Berlin
Alter: 30
Geschlecht: Männlich
Verfasst Di 13.06.2006 20:16
Titel

[CSS] Text-Shadow

Antworten mit Zitat Zum Seitenanfang

Da die "Text-Shadow" möglichkeit in CSS leider ja nur im Safari funktioniert und folgendes Script nicht ganz dem entspricht was ich mir vorstelle bin ich weiter auf der Suche nach einer guten Lösung.

Lösung wäre:
Code:


CSS:

body { font-family: Arial, Helvetica, sans-serif; }

h1 {
   position: relative;
   left: 1px;
   top: 1px;
   color: #E2E6D7;
     font-size: 20px;
}

.topic {
   position: absolute;
   left: -1px;
   top: -1px;
   color: #7A7C66;
   font-size: 20px;
}

HTML:

<h1>Headline<span class="topic">Headline</span></h1>


Das Problem hierdran ist jedoch das man jedes Wort das mit Schatten versehen werden soll 2 mal im Code angeben werden muss. Kennt jemand eine bessere Möglichkeit die auch in allen Browsern funktioniert?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mahzell

Dabei seit: 16.06.2003
Ort: bochum
Alter: 36
Geschlecht: Weiblich
Verfasst Di 13.06.2006 22:11
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.designmeme.com/articles/dropshadows/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
aight
Threadersteller

Dabei seit: 26.09.2003
Ort: Berlin
Alter: 30
Geschlecht: Männlich
Verfasst Di 13.06.2006 22:31
Titel

Antworten mit Zitat Zum Seitenanfang

Gute Idee und danke. Funktioniert nur leider nicht im Internetexplorer. Denke mal das es an dem :before liegt.
Jemand ne Idee oder ne andere Möglichkeit?

Hier noch der Link, hatte ich eben vergessen: http://www.aight.name/test/shadow.html


Zuletzt bearbeitet von aight am Mi 14.06.2006 07:59, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
aight
Threadersteller

Dabei seit: 26.09.2003
Ort: Berlin
Alter: 30
Geschlecht: Männlich
Verfasst Mi 14.06.2006 16:18
Titel

Antworten mit Zitat Zum Seitenanfang

hat niemand sonst ne idee?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
big-deaddy

Dabei seit: 25.05.2006
Ort: Twistringen
Alter: 31
Geschlecht: Männlich
Verfasst Do 15.06.2006 11:11
Titel

Antworten mit Zitat Zum Seitenanfang

also ich finde deine idee mit den doppeltem text schon recht gut.

ich hätte vielleicht noch nen ansatz für ne idee, abba weiß überhaupt net ob des funktionieren kann weil ich es noch nie probiert habe, abba ich mach einfach erstma meinen vorschlag:

wenn du eine XML-fähige seite hast, kannst du dann den text nich theoretisch von einer externen textdatei auslesen lassen? also worauf ich hinaus will is folgendes: du erstellst in einer externen datei einen text und verlinkst dann halt eben nur 2 mal auf diese datei, so bräuchtest du nur einmal nen text ändern. ich weiss net ob dich die idee weiterbringt und des was für dich wäre.

ne andere alternative wäre eine seite in flash, da könntest per AS nen verweis machen, sodass du einmal den text eingibst und durch deine "doppelt-hält-besser"-methode der dann für beide textefelder übernommen wird. da wäre es auch mit einer externen datei möglich.

hoffe dia ne anregung geliefert zu haben.

liebe grüße, marcel
  View user's profile Private Nachricht senden
aight
Threadersteller

Dabei seit: 26.09.2003
Ort: Berlin
Alter: 30
Geschlecht: Männlich
Verfasst Do 15.06.2006 12:21
Titel

Antworten mit Zitat Zum Seitenanfang

die ideen bringen mich nicht ganz weiter. alles komplizierte lösungen. es wäre auch mit js möglich. damit könnte man den text einfach nochmal duplizieren und verschieben lassen. habe jedoch keine ahnung davon.. Falls jemand weiß wie man es bewerkstelligen könnte freue ich mich auf Hilfe.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Text Shadow im IE
text shadow - Problem
Box-shadow in Opera
CSS: 1 Text 2 Boxen. Wie?
[CSS] Text absolut auf 0,0
CSS - Markierter Text
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.