Do it yourself: CSS für Profil und Blog

Also... man kann ja die Schriftfarbe verändern. mit font color. Kann ich damit auch irgendwie noch nen Rahmen um die Buchstaben bauen? Also zum Beispiel schwarze Buchstaben mit nem roten Rand um jeden Buchstaben?

@Plop
Meinst du so einen Rahmen?


EDIT: Code nur hingespieben, aber den Effekt sollte man doch sehen können :D

@Bodo
Jap, genau sowas! :)

@Plop
Dann dürfte text-shadow wohl genau das richtige sein :)

@Bodo
Kopier mir das mal bitte :D

@Plop
color: black; text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;

Heute bist aber schon faul :D

@Bodo
Gayt nicht.... ich mach was falsch -.-

@Plop
Wo hast es reingeschmissen? Kannst mir das tag kurz per pn schicken?
(Habs bei mir mal ins Profil reingegeben zum gucken)

@Bodo
Na ich habs.. aber ich wills nicht für alles, sondern nur für nen Text, den ich reinstelle... so spricht der ja jetzt alles an...

@Plop

Im style hab ich:

.rahmen{font-size:24px;text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;}

-------------

Im body:

„Hinter dir! Ein dreiköpfiger Affe!“
"Hinter dir! Ein dreiköpfiger Affe!“

Er formatiert also nur die erste Zeile mit der "rahmen"-Formatierung.

@Bodo
Bei mir macht er gar nix -.- Wasn Mist.... hab deins kopiert und eingefügt... passiert nichts.

Und der erste Code macht bei mir alles vom Profil mit der Farbe....

Ich will jetzt

Hallo!

in der Schrift haben..

@Plop
Hab testweise mal:
Hallo!
eingefügt. Funktioniert tadellos!

Funkt da vielleicht ein anderes tag dazwischen?

Mein body sieht gerade genau so aus:

<*body>
<*div class="rahmen">„Hinter dir! Ein dreiköpfiger Affe!“<*/div>
<*center><*font size=5>„Hinter dir! Ein dreiköpfiger Affe!“<*/font><*/center>
<*div class="rahmen">Hallo!<*/div>
<*/body>

@Bodo
Ich hab sonst nix drin.... ich will doch nur ein Hallo in rot mit schwarzer Umrahmung :( :D

@Plop
Ok, IE9 zeigt das nicht an. Den verwendest aber wohl eh nicht?

Magst mir deinen Profilcode nicht per pn schicken?

@Bodo
Nein...hab ich nicht...

Bodo, ich hab nix im Profil drin :D :D

hab eben das gemacht:
<style> div { color: black; text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red; } </style> Blubb

Aaaaber dann war das Blubb normal, aber alles andere in der Schrift

@Plop
Gib das div im style mal weg, damit überschreibst ALLES :D

Statt dem div diese Zeile rein ins style:

.rahmen{color:black; text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;}

und unter dem <*/style>:

<*div class ="rahmen">Blubb<*/div>

Dann klappts :)

Dann gibst vor jeden Text, denn du gerahmt haben willst das div class="rahmen" rein und nur diese Texte werden gerahmt. (Der code in meinem ersten Beispiel war nur hingespieben, um den Effekt zu zeigen :) )

@Bodo
So?

<style> .rahmen{color: black; text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red; } </style> Blubb

@Plop
unterm style dem Blubb noch mit <*div class="rahmen"> den Rahmen zuordnen :)
<*div class ="rahmen">Blubb<*/div>

(Sorry, für einen "den/denn" Fehler im vorigen Post)

@Bodo
Oh ich gebs auf eh :D Hab jetzt div class zugeordnet. Glaub ich zumindest und jetzt ist die Schrift im ganzen GB so... -.- :D :D Aber mein dummes Blubb nicht :D

Aber sieht hübsch aus :vv: