Forentitel mit Schatten

[Huidigui]

Huhu!

Vllt. kennt ja jemand die Foren von phpbb9.de. Diese ultra aufgemoddeten Foren haben ja schon das ein oder andere nette Gimmick. So z. B. die mit Schatten versehenen Forentitel. Weiß jemand, wie man sowas realisiert?

[Talk19zehn]

Hello, es wurde, wenn ich es korrekt deute, in der Klasse
a.forumtitle
ein Text-Shadow verwendet.

Beispielsweise:

Code: Alles auswählen

dt, dt a {
    text-decoration: none;
    text-shadow: 0.5px 0.5px 0.5px #C0C0C0;
}

Es käme auf einen Versuch an, den Titel ähnlich oder gleichlautend zu gestalten.
Siehe bitte bei Bedarf:
http://pixeltuner.de/css3-text-shadow/
http://www.css4you.de/Texteigenschaften ... hadow.html
http://de.selfhtml.org/css/eigenschaften/schrift.htm

Auf mich wirken diese "Linkschriftzüge" eher ein wenig unklar = "verschwommen".

Viele Grüße

[Huidigui]

Hmmm ... danke schon mal für den Tipp, aber irgendwie funktioniert das nicht:

Code: Alles auswählen

a.topictitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #898989;
	text-decoration: none;
	text-shadow: 1px 1px 2px #2E2E2E;
}

So sieht es bei mir jetzt aus, aber zu sehen ist davon nichts.

[hackepeter13]

Hast du das Theme im ACP aktualliesiert?

ACP -> Styles -> Themes -> beim installierten Theme "aktualisieren" klicken.

[Talk19zehn]

Hello, ich war gedanklich entsprechend dem Betreff bei Forumtitle: Forentitel mit Schatten
Ich habe die Farbe Rot gewählt, damit der Ansatz im Test direkt sichtbar sein soll.

links.css
OK, dein Beispiel - jedoch für den Forentitel:

/* Links for forum/topic lists */

Code: Alles auswählen

a.forumtitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #898989;
	text-shadow: 0.5px 0.5px 0.5px #FF0044;
}

Ich hatte allerdings text-decoration: none; herausgenommen.

Die Browser interpretieren in meinem Falle leider nicht gleichlautend. FF 5.0 und Opera 11.11 sind i.O.. IE8 und IE9 geht´s leider irgendwie gar nicht.

Bei euch?

LG

[Huidigui]

Supi, das hat schon mal geklappt. Auch die Foren-Überschriften haben es übernommen. Jetzt müsste ich nur noch wissen, wo ich das für den letzten Beitrag in der Forenübersicht einbaue.

[Talk19zehn]

Hello, also mich macht das alles noch nicht wirklich glücklich....
Ich habe nun etliche Browser besucht und etwaige Gestaltungsvorschläge ausprobiert:

http://webdemar.com/webdesign/xhtml-css ... xt-shadow/
http://www.css4you.de/Texteigenschaften ... hadow.html
http://skywalk-webdesign.de/css/text-sc ... und-ie.php

Und komme zu dem Ergebnis, dass die Browserwelten völlig unterschiedlich arbeiten, trotz Einsatz der Filter. Inzwischen weiß ich schon nicht mehre, welches Konstrukt, welche Ausgabe zeigte.
OK, - das ist "relativ". Du kannst meiner Ansicht nach das ganze Prozedere abkürzen, wenn du die Klassen forabg und forumbg bestückst. Das hätte natürlich den Nachteil, dass überall dort, wo die Klassen zum Einsatz kommen, eine entsprechende Darstellung ( Browser bitte beachten ) erfolgt. Unter Umständen im Portal, sofern genutzt. Leider funktioniert dein Link nicht...

Ich weiß nicht genau, was du meinst: dd.lastpost oder den letzten Forentitel im Index?

Viel Glück!!

[Huidigui]

Hat sich erledigt. Ich habe einfach ...

Code: Alles auswählen

a:link	{ color: #898989; text-decoration: none; text-shadow: 1px 1px 1px #7F7F7F; }

... in die links.css eingegeben und jetzt passt alles. Aber du hast recht, man muss aufpassen mit den Schatten, sonst wirkt es unscharf.

Danke trotzdem für die Hilfe.