Schriftfarbe ändern

Hier wird über Freewar-Styles und -Designs geredet. Man kann eigene Styles vorstellen oder Fragen zu den CSS-Styles stellen.
Benutzeravatar
Po1son
Zauberer der Bergwiesen
Beiträge: 688
Registriert: 11. Mai 2008, 14:02

Re: Schriftfarbe ändern

Beitrag von Po1son » 5. Apr 2009, 20:55

weil ich auch mal wieder reinguck :mrgreen:

hab das nun im style ganz eigen gemacht, clanis findens toll und funktioniert gut :)
/*Farben*/
a[href="F_Rot"] + b { color:#ff0000;}
a[href="F_Rot1"] + b { color:#ff6666;}
a[href="F_Rot2"] + b { color:#993333;}
a[href="F_Rot3"] + b { color:#660000;}
a[href="F_Rot4"] + b { color:#cc3399;}
a[href="F_Rot5"] + b { color:#cc99cc;}
a[href="F_Rot6"] + b { color:#ff99ff;}
a[href="F_Rot7"] + b { color:#330033;}
a[href="F_Rot8"] + b { color:#ff00ff;}

a[href="F_Blau"] + b { color:#9933cc;}
a[href="F_Blau1"] + b { color:#6600cc;}
a[href="F_Blau2"] + b { color:#6633cc;}
a[href="F_Blau3"] + b { color:#ffccff;}
a[href="F_Blau4"] + b { color:#330099;}
a[href="F_Blau5"] + b { color:#333366;}
a[href="F_Blau6"] + b { color:#99cccc;}
a[href="F_Blau7"] + b { color:#0066cc;}
a[href="F_Blau8"] + b { color:#003333;}
a[href="F_Blau9"] + b { color:#00ffff;}
a[href="F_Blau10"] + b { color:#339999;}
a[href="F_Blau11"] + b { color:#99cccc;}


a[href="F_Grün"] + b { color:#66cc99;}
a[href="F_Grün1"] + b { color:#00ff66;}
a[href="F_Grün2"] + b { color:#009933;}
a[href="F_Grün3"] + b { color:#33cc66;}
a[href="F_Grün4"] + b { color:#003300;}
a[href="F_Grün5"] + b { color:#33ff33;}
a[href="F_Grün6"] + b { color:#669933;}
a[href="F_Grün7"] + b { color:#99cc66;}
a[href="F_Grün8"] + b { color:#339900;}
a[href="F_Grün9"] + b { color:#99cc33;}
a[href="F_Grün10"] + b { color:#ccff33;}
a[href="F_Grün11"] + b { color:#ccff99;}


a[href="F_Gelb"] + b { color:#ffff99;}
a[href="F_Gelb1"] + b { color:#ffff33;}
a[href="F_Gelb2"] + b { color:#cccc00;}
a[href="F_Gelb3"] + b { color:#666600;}
a[href="F_Gelb4"] + b { color:#ffcc66;}
a[href="F_Gelb5"] + b { color:#cc9933;}
a[href="F_Gelb6"] + b { color:#663300;}
a[href="F_Gelb7"] + b { color:#cc6600;}
a[href="F_Gelb8"] + b { color:#cc3300;}
a[href="F_Gelb9"] + b { color:#996633;}
a[href="F_Gelb10"] + b { color:#cc9966;}
a[href="F_Gelb11"] + b { color:#ffffcc;}

a[href="F_Sonstiges"] + b { color:#ffcccc;}
a[href="F_Sonstiges1"] + b { color:#cc3333;}
a[href="F_Sonstiges2"] + b { color:#996666;}
a[href="F_Sonstiges3"] + b { color:#660000;}
a[href="F_Sonstiges4"] + b { color:#330000;}

a[href="F_Grau"] + b { color:#ffffff;}
a[href="F_Grau1"] + b { color:#cccccc;}
a[href="F_Grau2"] + b { color:#999999;}
a[href="F_Grau3"] + b { color:#666666;}
a[href="F_Grau4"] + b { color:#333333;}
a[href="F_Grau5"] + b { color:#000000;}

/*Größe*/

a[href="G5"] + b {font-size:5pt;}
a[href="G6"] + b {font-size:6pt;}
a[href="G8"] + b {font-size:8pt;}
a[href="G10"] + b {font-size:10pt;}
a[href="G12"] + b {font-size:12pt;}
a[href="G14"] + b {font-size:14pt;}
a[href="G16"] + b {font-size:16pt;}
a[href="G18"] + b {font-size:18pt;}
a[href="G20"] + b {font-size:20pt;}
a[href="G24"] + b {font-size:24pt;}
a[href="G28"] + b {font-size:28pt;}
a[href="G36"] + b {font-size:36pt;}
a[href="G48"] + b {font-size:48pt;}


/*Größe und Farbe*/
a[href="G5"] + a[href*="F"] + b {font-size:5pt;}
a[href="G6"] + a[href*="F"] + b {font-size:6pt;}
a[href="G8"] + a[href*="F"] + b {font-size:8pt;}
a[href="G10"] + a[href*="F"] + b {font-size:10pt;}
a[href="G12"] + a[href*="F"] + b {font-size:12pt;}
a[href="G14"] + a[href*="F"] + b {font-size:14pt;}
a[href="G16"] + a[href*="F"] + b {font-size:16pt;}
a[href="G18"] + a[href*="F"] + b {font-size:18pt;}
a[href="G20"] + a[href*="F"] + b {font-size:20pt;}
a[href="G24"] + a[href*="F"] + b {font-size:24pt;}
a[href="G28"] + a[href*="F"] + b {font-size:28pt;}
a[href="G36"] + a[href*="F"] + b {font-size:36pt;}
a[href="G48"] + a[href*="F"] + b {font-size:48pt;}

/* Schriftart */


a[href="S_Times"] + b {font-family:"Times New Roman"}
a[href="S_Arial"] + b {font-family:"Arial"}
a[href="S_Gothic"] + b {font-family:"Century Gothic"}
a[href="S_Georgia"] + b {font-family:"Georgia"}
a[href="S_Courier"] + b {font-family:"Courier New"}

/*Schriftart und Farbe*/

a[href="S_Times"] + a[href*="G"] + a[href*="F"] + b {font-family:"Times New Roman"}
a[href="S_Arial"] + a[href*="G"] + a[href*="F"] + b {font-family:"Arial"}
a[href="S_Gothic"] + a[href*="G"] + a[href*="F"] + b {font-family:"Century Gothic"}
a[href="S_Georgia"] + a[href*="G"] + a[href*="F"] + b {font-family:"Georgia"}
a[href="S_Courier"] + a[href*="G"] + a[href*="F"] + b {font-family:"Courier New"}
Sieht komplizierter aus als es ist,
Bild



Läuft genau so:

G steht für Größe 5,6,8...
F_ steht für Farbe Grün1, Grün2, Gelb2
S_ für Schriftart, Courier, Georgia,

Im Profiel sieht dass dann so aus;

Text nur in Farbe:

Code: Alles auswählen

[url=F_Blau11] [/url] [b]  Dieser Text wird in Blau dargestellt [/b]
Kann anhand der Farbtabelle oben easy geändert werden also F_Rot1 für nen Roten text, F_Grün5 für was giftgrünes
Textgröße ändern:

Code: Alles auswählen

[url=G14] [/url] [b]  Dieser Text wird in Schriftgröße 20 dargestellt [/b]
Ju wird auch einfach verändert einfach nach dem G eine Zahl einfügen die der style enthält (muss natürlich angeführt werden was vergübar is) 5,6,8,10,12 ...
Schriftart ändern:

Code: Alles auswählen

[url=S_Times] [b]  Dieser Text wird in Times New Roman dargestellt [/b]
ju nach S_ ein Courier, Arial setzen
Beste Lösung:

Code: Alles auswählen

[url=S_Times] [/url] [url=G14] [/url] [url=F_Blau11] [/url][b]  Dieser Text wird in Tims New Roman, Schriftgröße 14 und Blau dargestellt[/b]

    <--als ausgangspunkt im profiel verwenden und einfach nach belieben verändern funktioniert so sehr gut, (mitm profielaufbau sollte man hier etwas ahnung haben da man leicht die übersich verliert)


Damit man auch ausprobieren kann was ich da geschrieben hab, hät ich hier noch die url zu meinem Style, is noch weit nicht fertig hab imo kaum zeit dafür
Bitte nur Firefox 3 ausprobieren da ihr sonst wahrscheinlich die im Forum angeführten links zum zurücksetzen des styles benutzen müsst^^

So und damit ihr auch was zum einfügen hättet:

Code: Alles auswählen

[fieldset]
[legend][url=S_Times] [/url] [url=G14] [/url] [url=F_Blau11] [/url] [b]  Mein Profil! [/b][/legend]

[url=S_Courier] [/url] [url=G8] [/url] [url=F_Grau3] [/url] [b]  Weltenwandler heilt sich vollständig an dem NPC Goldhornziege, welches sich in der direkten Umgebung aufhält.[/b]

[right]
[url=S_Arial] [/url] [url=G14] [/url] [url=F_Rot1] [/url] [b]  Der, Die, ???[/b]
[/right]

[center]
[url=S_Gothic] [/url] [url=G6] [/url] [url=F_Blau11] [/url] [b]  Es war einmal ein König, der hatte drei Töchter. Die eine war schlau und schön, die andere dick und faul, die dritte eifersüchtig und dumm. [/b]
[/center]
[/fieldset]
Bin gespannt ob\s wer ausprobiert^^

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste