[CSS] Schatten unter der Schrift (einzeilig)

WarrenFaith · 23.10.2006, 13:25

Aloah,
da ich gerade auf Arbeit eine plakative Überschrift erzeugen sollte, wollte ich das ergebnis hier einfach mal reinpacken, falls da jemand dafür Verwendung hat.

Zwei Anmerkungen:
- die Schriftgröße kann frei gewählt werden.
- line-height wächst trotz 100% nicht mit der Schrift mit, bitte selbst "justieren"
- nur einzeilig nutzbar, da relative Positionsangaben

Hier der code:

HTML-Code:

<html>
<head>
<style type="text/css">
.schrift {
	background-color: #fe4;
	line-height: 100%;
}

.schrift_top {
	color: #f00;
	position: relative;
	left: 0px;
	top: -9px;
	font-style: italic;
	font-size: 30px;
}

.schrift_bottom {
	color: #fff;
	position: relative;
	left: 1px;
	top: 8px;
	font-style: italic;
	font-size: 30px;
}
</style>
</head>
<body>
<div class="schrift">
	<div class="schrift_bottom">&nbsp;Testomat</div>
	<div class="schrift_top">&nbsp;Testomat</div>
</div>
</body>
</html>

Xean · 30.10.2006, 19:50

Hi,
da hätte ich auch was:
http://www.cssplay.co.uk/mozilla/shadow_text.html

23.10.2006, 13:25	Nach oben #1
WarrenFaith Martin Breuer Registriert seit: 17.08.2005 Ort: Berlin Beiträge: 1.642	[CSS] Schatten unter der Schrift (einzeilig) Aloah, da ich gerade auf Arbeit eine plakative Überschrift erzeugen sollte, wollte ich das ergebnis hier einfach mal reinpacken, falls da jemand dafür Verwendung hat. Zwei Anmerkungen: - die Schriftgröße kann frei gewählt werden. - line-height wächst trotz 100% nicht mit der Schrift mit, bitte selbst "justieren" - nur einzeilig nutzbar, da relative Positionsangaben Hier der code: HTML-Code: <html> <head> <style type="text/css"> .schrift { background-color: #fe4; line-height: 100%; } .schrift_top { color: #f00; position: relative; left: 0px; top: -9px; font-style: italic; font-size: 30px; } .schrift_bottom { color: #fff; position: relative; left: 1px; top: 8px; font-style: italic; font-size: 30px; } </style> </head> <body> <div class="schrift"> <div class="schrift_bottom">* Testomat</div> <div class="schrift_top"> Testomat</div> </div> </body> </html> __________________ I did it my way* - Senseless-Blog

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Linux] Krakelige Schrift in OpenOffice	Corvin	Tools, Server, Betriebssysteme	1	21.11.2006 17:54
[File_PDF] externe Schrift einbinden	J33d3X	PEAR, PECL und Frameworks	2	19.07.2006 09:08

30.10.2006, 19:50	Nach oben #2
Xean Oliver O. Registriert seit: 17.08.2005 Beiträge: 426	Hi, da hätte ich auch was: http://www.cssplay.co.uk/mozilla/shadow_text.html

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen