Frozen Sunfire (Blauer C SF)

[Jazzo]

Guten Tag,

ich hatte eben das Bedürfnis mich ein wenig mit der Materie der Styles zu beschäftigen. Folgendes ist dabei herausgekommen:


Hier der Online-Link für den mit den New-Style-Bergen:

http://bdane.bplaced.de/freewar/frozensunfire/style.css

oder für den Style mit den normalen Bergen:

http://bdane.bplaced.de/freewar/frozens ... style2.css

Jetzt würde ich gerne erstmal wissen was ich besser machen kann!
Klar, es ist nicht sehr verschieden, aber für jeden der den Cold Sunfire mag, ist das sicherlich ne gute Alternative.

Danke für die Hilfe

Grüße

[Mheatus]

Wenn ich mal Laune hab, helf ich dir gerne bei den 4 Fragen, aber erstmal zu dem Style an sich.

Ich mag Blau und die Idee , so wie die meisten Aspekte der Umsetzung gefallen mir sehr.
Jedoch gefallen mir 3 Dinge nicht.

1) Die Hintergrundfarben der Personen- und Itemlisten sind in unterschiedlichen Blautönen gehalten.
Dies wirkt sehr ungewollt. Ich würde mich auf einen Mischton, sprich ein mildes Blau konzentrieren,
etwas in der Art der Personenliste, doch weniger Türkis =)

2) Das Banner im .. naja, Bannerframe. Es invertiert nur die Farben des Normalstyles und das sieht
man deutlich. Der Schild mit den gekreuzten Schwertern hat weisse Pixel, allgemein sieht es so sehr
billig aus. Statt die Farben zu invertieren, könntest du z.b. versuchen die Farben zu ersetzen. Die
meisten Grafikprogramme können so etwas.

3) Das schlimmste an dem Style: Der blau-weiss karierte Hintergrund bei den Ortsnamen. Das sticht nicht
nur in den Augen und tut brutal weh, sondern fällt einem erst so auf, dass die Ortsbilder kleiner sind, als der
gesammte Ortsnamen-Balken. So guckt hinter dem Ortsbild noch ein Stück kariertes Gedöns hervor. Grausam

Aber ansonsten ein schöner Style. Clan und Gruppenchat habe ich zwar nicht getestet, gehe aber davon aus,
dass es die normalen Farben hat. Flüstern ist noch Schwarz, eventuell solltest du das noch auf Grün oder eine
andere Farbe ändern.

[Jazzo]

Danke für den Beitrag

1) Die Hintergrundfarben der Personen- und Itemlisten sind in unterschiedlichen Blautönen gehalten.
Dies wirkt sehr ungewollt. Ich würde mich auf einen Mischton, sprich ein mildes Blau konzentrieren,
etwas in der Art der Personenliste, doch weniger Türkis =)

Also, ich weiß jetzt zwar nicht ganz was du meinst, aber es müsste das hier sein:

p.listplaceitemsrow { padding: 2px; padding-left: 5px; background-color: #ECE9E6; border: 1px solid #D6CBC2; border-top: 0px; }
p.listusersrow { padding: 2px; padding-left: 5px; background-color: #ECE9E6; border: 1px solid #D6CBC2; border-top: 0px; }

So wie ich das sehe ist die Background-Colour aber schon gleich. Die Hintergrundfarbe der Item- u. Personenlisten im Hauptframe sind im schlichten Grau gehalten. Bitte geh nochmal genauer drauf ein

2) Das Banner im .. naja, Bannerframe. Es invertiert nur die Farben des Normalstyles und das sieht
man deutlich. Der Schild mit den gekreuzten Schwertern hat weisse Pixel, allgemein sieht es so sehr
billig aus. Statt die Farben zu invertieren, könntest du z.b. versuchen die Farben zu ersetzen. Die
meisten Grafikprogramme können so etwas.

Ja super danke habe soeben mit Gimp mit wenigen Klicks ein besseres erstellt und gleich hochgeladen. Komischerweise wird der neue aber noch nicht angezeigt. ...abwarten

3) Das schlimmste an dem Style: Der blau-weiss karierte Hintergrund bei den Ortsnamen. Das sticht nicht
nur in den Augen und tut brutal weh, sondern fällt einem erst so auf, dass die Ortsbilder kleiner sind, als der
gesammte Ortsnamen-Balken. So guckt hinter dem Ortsbild noch ein Stück kariertes Gedöns hervor. Grausam

habs wie beim orginial - blos in blau gemacht, dank Gimp.

Aber ansonsten ein schöner Style. Clan und Gruppenchat habe ich zwar nicht getestet, gehe aber davon aus,
dass es die normalen Farben hat. Flüstern ist noch Schwarz, eventuell solltest du das noch auf Grün oder eine
andere Farbe ändern.

Alles klar, wird getan. Danke für deine Hilfe
Was mich aber gerade so ein bisschen stutzig macht ist, dass die neuen Dateien zwar schon online sind, aber einfach noch nicht aktualisiert werden im Style.


edit: funzt alles. Soweit müssten alle von dir genannten Mäkel behoben sein.

[kaot]

User gif (X austausche)

Code: Alles auswählen

img[src$="user.gif"] { display: block; width: 0; background: url([u]neuesbild[/u]); no-repeat; padding-left: 50px; overflow: hidden; }

Berge:

Code: Alles auswählen

table tr td[background$='std.jpg'] { background-image:url([u]neuesbergbilg[/u]); } 

Buttons: Dieses Hintergrundbild

Code: Alles auswählen

http://85.10.193.197/freewar/images/button_bg2.jpg

bei jedem .submit einfügen, bsp:

Code: Alles auswählen

.submitsagen {  background-image: url(button_bg2.jpg); }

(den rest für den knopf nicht vergessen, schriftgröße, farbe, rahmen etc... )

[Mheatus]

Zu 3) Also im Cold Sunfire ist das Bild hinter den Ortsnamen ein Orangener-Weißer Verlauf bei mir.. bei deinem Style ist es blau weiss kariert - also das gleiche in Blau find ich es nicht^^

und zu 1)

Code: Alles auswählen

p.personlistcaption { border: 2px solid #A2A09F; font-weight: bold; padding: 2px; padding-left: 5px; background-image: url(buttonblue_bg.jpg); }
p.itemlistcaption { border: 2px solid #A2A09F; font-weight: bold; padding: 2px; padding-left: 5px; background-image: url(buttonorange_bg.jpg); }

Die meine ich.

[Jazzo]

Wie gesagt, auf meinen Webspace brauchen die Änderungen ein paar Minuten. Dannach sollte es aber immer gehen. Danke für die Hilfen.

[Vidar]

Kleiner Tipp auch für dich, wenn du etwas am Style verändert hast:
Browsercache löschen und F5 drücken, dann wird der Style komplett neu in den Browser geladen und die Änderungen sind sofort ingame sichtbar

[Jazzo]

Buttons: Dieses Hintergrundbild

Code: Alles auswählen

http://85.10.193.197/freewar/images/button_bg2.jpg

bei jedem .submit einfügen, bsp:

Code: Alles auswählen

.submitsagen {  background-image: url(button_bg2.jpg); }

(den rest für den knopf nicht vergessen, schriftgröße, farbe, rahmen etc... )

Gibt es da auch schon die neuen, die so glänzen? Das sind ja die älteren. Oder liegt das wiederrum am Mozilla?
Noch eine Frage, gibt es irgendwo die Berge vom Cold Sunfire New Style? Sollte ich die einbauen?
Gibt es irgendwo ein Kreuz im Blauton?
danke;)

Kleiner Tipp auch für dich, wenn du etwas am Style verändert hast:
Browsercache löschen und F5 drücken, dann wird der Style komplett neu in den Browser geladen und die Änderungen sind sofort ingame sichtbar

danke, dachte schon der Webspace wäre Schuld

[Mheatus]

Vielleicht gefällt es ja:

[Vidar]

Gibt es da auch schon die neuen, die so glänzen? Das sind ja die älteren. Oder liegt das wiederrum am Mozilla?

Der von kaot gepostete Link beschreibt das Backgroundbild aus dem aktuellen Cold-Sunfire. Hatte das selbst hier schonmal erklärt: viewtopic.php?p=705651#p705651, dort findest du übrigens auch dem Link zur aktuellen C SF-Version.

Am besten poste ich hier einfach mal die Links zu den CSS-Dateien der Standartstyles:

Cold Sunfire: http://85.10.193.197/freewar/internal/styles1.css
Cold Sunfire Big Font: http://85.10.193.197/freewar/internal/styles3.css
Cold Sunfire New Style: http://85.10.193.197/freewar/internal/styles6.css
Klassik: http://85.10.193.197/freewar/internal/styles2.css
Mittelalter: http://85.10.193.197/freewar/internal/styles4.css
Mittelalter Big Font: http://85.10.193.197/freewar/internal/styles5.css

(Anmerkung: W1-Versionen)

Wenn in diesen Dateien ein Bild wie folgt im Code ist,

Code: Alles auswählen

url(../images/button_bg2.jpg)

dann erreicht man die Bilder per Aufrufen im Browser, indem man für die beiden Punkte folgendes einsetzt:

Code: Alles auswählen

http://85.10.193.197/freewar/

So bekommt man ganz leicht z.B. das Bergfeld aus dem C SF New Style:


P.S. Das erste Zitat stammt von kaot, nicht von mir

[Jazzo]

Ahh danke, hatte bei den buttons vergessen die Datei auf den Webspace zu laden. So waren die Buttons nämlich nur eckig, ohne glanzoptik.

edit: also so wirklich grieg ich das nich raus mit den Bergen...wo muss ich was einfügen?

Wie findet ihr den momentan?

[Amun(W7)]

Ich kann sonst mit KEINEM anderen Style als mit den Standartstyles etwas anfangen..

Aber der ist super =)

Habe ich gleich bei mir reingemacht.


Wenn du den noch etwas verfeinerst.. ist er perfekt

[Vidar]

Ich kann sonst mit KEINEM anderen Style als mit den Standartstyles etwas anfangen..

Aber der ist super =) [...]

Wird wohl an der sehr starken Ähnlichkeit liegen *hust

edit: also so wirklich grieg ich das nich raus mit den Bergen...wo muss ich was einfügen?

So, mal fix in den Code vom New Style geschaut und hier die Lösung:

Code: Alles auswählen

.stdjpg { background-image:url(../images/map/std3.jpg); }

Nun hast du zwei Möglichkeiten:
a) Bild in gleichen Ordner wie CSS-Datei packen:

Code: Alles auswählen

 .stdjpg { background-image:url(std3.jpg); }

b) direkt aus W1 beziehen:

Code: Alles auswählen

 .stdjpg { background-image:urlhttp://85.10.193.197/freewar/images/map/std3.jpg); }

[Amun(W7)]

Ich kann sonst mit KEINEM anderen Style als mit den Standartstyles etwas anfangen..

Aber der ist super =) [...]

Wird wohl an der sehr starken Ähnlichkeit liegen *hust

Klugscheisser

[Jazzo]

Wenn du den noch etwas verfeinerst.. ist er perfekt

danke und wie soll ich den Style noch verfeinern?

Der Style hier ist mein erster, vielleicht mach ich ja noch andere Farben. Aber als Muster dient natürlich der orginiale cold sunfire, daher die Ähnlichkeit