Seite 1 von 1
Forentitel mit Schatten
Verfasst: 23.06.2011 22:05
von 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?
Re: Forentitel mit Schatten
Verfasst: 24.06.2011 08:34
von 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
Re: Forentitel mit Schatten
Verfasst: 24.06.2011 13:45
von 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.
Re: Forentitel mit Schatten
Verfasst: 24.06.2011 17:14
von hackepeter13
Hast du das Theme im ACP aktualliesiert?
ACP -> Styles -> Themes -> beim installierten Theme "aktualisieren" klicken.
Re: Forentitel mit Schatten
Verfasst: 24.06.2011 17:55
von 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
Re: Forentitel mit Schatten
Verfasst: 24.06.2011 19:04
von 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.
Re: Forentitel mit Schatten
Verfasst: 24.06.2011 21:09
von 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!!
Re: Forentitel mit Schatten
Verfasst: 24.06.2011 21:36
von 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.