Style

Hier wird über Freewar-Styles und -Designs geredet. Man kann eigene Styles vorstellen oder Fragen zu den CSS-Styles stellen.
Benutzeravatar
Troop
Kopolaspinne
Beiträge: 780
Registriert: 16. Mär 2007, 22:04
Wohnort: Stätte des Handels in W6
Kontaktdaten:

Re: Style

Beitrag von Troop » 12. Jan 2022, 20:58

Mega Style! Kannst du ne Legende erstellen, welches Karten-Overlay wofür steht?
Intergalaktische protonengetriebene elektrische Wackelarm-Werbedruiden!!!

Benutzeravatar
floppus
Feuerwolf
Beiträge: 92
Registriert: 19. Aug 2020, 11:20

Re: Style

Beitrag von floppus » 14. Jan 2022, 10:27

Grüne Umrandung => Orte des Friedens
Rote Zahlen => Aggressive Npcs
Rote Punkte => Kein natürlicher NPC spawn (d.h. wenn die Kapsel dort etwas anzeigt könnte es sehr wahrscheinlich die Nebelschwinge sein ;))
Orangene Punkte => Porti Sprungpunkte
Lila Punkte => Alte Porti Sprungpunkte
Gelbe Punkte => Gelbe ZK Sprungpunkte
Blaue Punkte => ZK Sprungpunkte
Grüne Punkte => Onlo Wege
Gelbe Punkte => Taruner Sprungpunkte
if Math#random === 1

Benutzeravatar
Kauket
Gelbbart-Yeti
Beiträge: 2048
Registriert: 31. Mär 2007, 15:17
Wohnort: Welt 6
Kontaktdaten:

Re: Style

Beitrag von Kauket » 14. Jan 2022, 11:36

Der Style sieht echt interessant aus.
Wie sieht man denn dann die Int die man hat?
Das fehlt mir beim Style von Sir Alex auch.

Ich hab gerade wieder angefangen aktiver zu werden und bei manchen Items
braucht man ja eine min. Int und wie find ich die jetzt raus?
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

Benutzeravatar
Kauket
Gelbbart-Yeti
Beiträge: 2048
Registriert: 31. Mär 2007, 15:17
Wohnort: Welt 6
Kontaktdaten:

Re: Style

Beitrag von Kauket » 14. Jan 2022, 11:50

Oh und ich hab es noch nicht gestestet aber ich nutze einen angepassten Style von tanine und da wird der Schutz folgendermaßen angezeigt:
SpoilerShow
/* Schutz blinken lassen und einfärben */
span[title*="Schutz (30 Minuten)"]:after { content: " (Schutz 30 Min.) "; font-size: 12px;}
span[title*="Schutz (30 Minuten)"] { font-size: 0px;}
span[title*="Schutz (29 Minuten)"]:after { content: " (Schutz 29 Min.) "; font-size: 12px;}
span[title*="Schutz (29 Minuten)"] { font-size: 0px;}
span[title*="Schutz (28 Minuten)"]:after { content: " (Schutz 28 Min.) "; font-size: 12px;}
span[title*="Schutz (28 Minuten)"] { font-size: 0px;}
span[title*="Schutz (27 Minuten)"]:after { content: " (Schutz 27 Min.) "; font-size: 12px;}
span[title*="Schutz (27 Minuten)"] { font-size: 0px;}
span[title*="Schutz (26 Minuten)"]:after { content: " (Schutz 26 Min.) "; font-size: 12px;}
span[title*="Schutz (26 Minuten)"] { font-size: 0px;}
span[title*="Schutz (25 Minuten)"]:after { content: " (Schutz 25 Min.) "; font-size: 12px;}
span[title*="Schutz (25 Minuten)"] { font-size: 0px;}

span[title*="Schutz (24 Minuten)"]:after { content: " (Schutz 24 Min.) "; font-size: 12px;}
span[title*="Schutz (24 Minuten)"] { font-size: 0px;}
span[title*="Schutz (23 Minuten)"]:after { content: " (Schutz 23 Min.) "; font-size: 12px;}
span[title*="Schutz (23 Minuten)"] { font-size: 0px;}
span[title*="Schutz (22 Minuten)"]:after { content: " (Schutz 22 Min.) "; font-size: 12px;}
span[title*="Schutz (22 Minuten)"] { font-size: 0px;}
span[title*="Schutz (21 Minuten)"]:after { content: " (Schutz 21 Min.) "; font-size: 12px;}
span[title*="Schutz (21 Minuten)"] { font-size: 0px;}
span[title*="Schutz (20 Minuten)"]:after { content: " (Schutz 20 Min.) "; font-size: 12px;}
span[title*="Schutz (20 Minuten)"] { font-size: 0px;}

span[title*="Schutz (19 Minuten)"]:after { content: " (Schutz 19 Min.) "; font-size: 12px;}
span[title*="Schutz (19 Minuten)"] { font-size: 0px;}
span[title*="Schutz (18 Minuten)"]:after { content: " (Schutz 18 Min.) "; font-size: 12px;}
span[title*="Schutz (18 Minuten)"] { font-size: 0px;}
span[title*="Schutz (17 Minuten)"]:after { content: " (Schutz 17 Min.) "; font-size: 12px;}
span[title*="Schutz (17 Minuten)"] { font-size: 0px;}
span[title*="Schutz (16 Minuten)"]:after { content: " (Schutz 16 Min.) "; font-size: 12px;}
span[title*="Schutz (16 Minuten)"] { font-size: 0px;}
span[title*="Schutz (15 Minuten)"]:after { content: " (Schutz 15 Min.) "; font-size: 12px;}
span[title*="Schutz (15 Minuten)"] { font-size: 0px;}

span[title*="Schutz (14 Minuten)"]:after { content: " (Schutz 14 Min.) "; font-size: 12px;}
span[title*="Schutz (14 Minuten)"] { font-size: 0px;}
span[title*="Schutz (13 Minuten)"]:after { content: " (Schutz 13 Min.) "; font-size: 12px;}
span[title*="Schutz (13 Minuten)"] { font-size: 0px;}
span[title*="Schutz (12 Minuten)"]:after { content: " (Schutz 12 Min.) "; font-size: 12px;}
span[title*="Schutz (12 Minuten)"] { font-size: 0px;}
span[title*="Schutz (11 Minuten)"]:after { content: " (Schutz 11 Min.) "; font-size: 12px;}
span[title*="Schutz (11 Minuten)"] { font-size: 0px;}
span[title*="Schutz (10 Minuten)"]:after { content: " (Schutz 10 Min.) "; font-size: 12px;}
span[title*="Schutz (10 Minuten)"] { font-size: 0px;}

span[title*="Schutz (9 Minuten)"]:after { content: " (Schutz 9 Min.) "; font-size: 12px;}
span[title*="Schutz (9 Minuten)"] { font-size: 0px;}
span[title*="Schutz (8 Minuten)"]:after { content: " (Schutz 8 Min.) "; font-size: 12px;}
span[title*="Schutz (8 Minuten)"] { font-size: 0px; }
span[title*="Schutz (7 Minuten)"]:after { content: " (Schutz 7 Min.) "; font-size: 12px;}
span[title*="Schutz (7 Minuten)"] { font-size: 0px; }
span[title*="Schutz (6 Minuten)"]:after { content: " (Schutz 6 Min.) "; font-size: 12px;}
span[title*="Schutz (6 Minuten)"] { font-size: 0px; }


span[title*="Schutz (5 Minuten)"] { font-size:0px; text-decoration:blink;}
span[title*="Schutz (5 Minuten)"]:after { content: " (Schutz 5 Min.) "; font-size: 13px;}

span[title*="Schutz (4 Minuten)"] { font-size:0px; text-decoration:blink;}
span[title*="Schutz (4 Minuten)"]:after { content: " (Schutz 4 Min.) "; font-size: 13px;}
span[title*="Schutz (3 Minuten)"] { font-size:0px; text-decoration:blink;}
span[title*="Schutz (3 Minuten)"]:after { content: " (Schutz 3 Min.) "; font-size: 13px;}
span[title*="Schutz (2 Minuten)"] { font-size: 0px; text-decoration:blink;}
span[title*="Schutz (2 Minuten)"]:after { content: " (Schutz 2 Min.) "; font-size: 13px;}
span[title*="Schutz (1 Minuten)"] { font-size: 0px; text-decoration:blink;}
span[title*="Schutz (1 Minuten)"]:after { content: " (Schutz 1 Min.) "; font-size: 13px;}
span[title*="Schutz (0 Minuten)"] { font-size: 0px; text-decoration:blink;}
span[title*="Schutz (0 Minuten)"]:after { content: " (Schutz 0 Min.) "; font-size: 13px;}
Ich hab nur das Gefühl, das geht nicht mehr so wirklich.
Zumindest das Blinken nicht.

Kennst du dafür vielleicht eine Lösung?

Zumindest dass die Rest Minuten an Schutz dabei stehen find ich als Natla essenziell ^^


Was auch praktisch ist, ist folgendes:
SpoilerShow
/* Freundesliste Kommentare */


.friendlist a[title][href="#"]:after {
content: attr(title);
position: absolute;
left: 550px;
}


.friendlist a[title="Kommentar verfassen"][href="#"]:after {
font-style: italic; font-size: 9px;
}
Soweit ich weiß schreibt das die Notiz zu einem Freund direkt dahinter und man sieht es auf einem Blick.

Dann würde im Dark-Style das hier noch gut kommen:
SpoilerShow
/* Bergfelder */
.stdjpg { background-image:url(http://www.kauket.de/Freewar/Styles/Ber ... chwarz.png) !important; }
Ich würde ja gern ein paar Sachen von deinem Style bei mir einbauen aber ich kenn mich zu wenig aus ^^
Bei dir ist das ja nicht so wie bei nine mit dem ganzen Code den ich dann einfach kopieren könnte.

Bei meinem Style sieht man auch die Schnellzauber die man nicht verwenden kann weil man kein Sponsor ist.
Kannst du das auch noch irgendwie mit einbauen? Mit Bild dahinter (so ist es bei mir) oder iwie anders?
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

Benutzeravatar
floppus
Feuerwolf
Beiträge: 92
Registriert: 19. Aug 2020, 11:20

Re: Style

Beitrag von floppus » 14. Jan 2022, 14:59

1) Kannst du mir sagen wie genau der Tooltip für den Natla-Schutz lautet? Dann baue ich das ein
2) Hm, gefällt mir nicht so sehr - aber wenn genug Interesse besteht ist es eine Überlegung wert
3) Uhm wäre evt. auch ne Überlegung wert

Tatsächlich ist der Style eher nicht so gut für neue Spieler, da einiges ausgeblendet wird die man als Alteingesessener eh nicht zu sehen braucht. Ansonsten ist der gesamte Code für den Style hier zu finden https://github.com/pashorizer/pashorizer.github.io (man kann auch direkt am Code was verändern, wenn man weiß wie git funktioniert und ich es akzeptiere)
if Math#random === 1

Benutzeravatar
Luko
Klauenbartrein
Beiträge: 1479
Registriert: 11. Jan 2006, 13:15

Re: Style

Beitrag von Luko » 14. Jan 2022, 15:22

floppus hat geschrieben: 14. Jan 2022, 14:59 1) Kannst du mir sagen wie genau der Tooltip für den Natla-Schutz lautet? Dann baue ich das ein
Ich glaube der Natla-Schutz ist genauso wie der andere Schutz. Bei dir wird's wohl passen.
Kaukets Problem ist, dass das in ihrem 10 Jahre alten Style nicht mehr geht und sie deinen Therad dafür missbraucht :D


Das Problem ist folgendes:

Code: Alles auswählen

span[title*="Schutz (4 Minuten)"] { font-size:0px; text-decoration:blink;}
text-decoration:blink; wird von den gängigen Browsern nicht mehr unterstützt.
Die neuen Lösungen dafür sind transitions, in diesem Style hier findest du sie ab Zeile 486 und könntest sie entsprechend bei dir übernehmen.
https://github.com/pashorizer/pashorize ... status.css
...

Benutzeravatar
Kauket
Gelbbart-Yeti
Beiträge: 2048
Registriert: 31. Mär 2007, 15:17
Wohnort: Welt 6
Kontaktdaten:

Re: Style

Beitrag von Kauket » 15. Jan 2022, 16:47

Luko hat geschrieben: 14. Jan 2022, 15:22 Kaukets Problem ist, dass das in ihrem 10 Jahre alten Style nicht mehr geht und sie deinen Therad dafür missbraucht :D
Nö ich finde den Style super und würde den Abschnitt mit der Anzeige vom Schutz von Tanines altem Style nur gern in den Style einbauen.
Also seinen kompletten nutzen mit ein paar Änderungen von mir^^

Nur kenn ich mich damit echt nicht sooo gut aus - copy & paste geht und ich versteh auch teilweise den Code nur wirklich nicht viel.
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

Benutzeravatar
Kauket
Gelbbart-Yeti
Beiträge: 2048
Registriert: 31. Mär 2007, 15:17
Wohnort: Welt 6
Kontaktdaten:

Re: Style

Beitrag von Kauket » 15. Jan 2022, 16:53

floppus hat geschrieben: 14. Jan 2022, 14:59 1) Kannst du mir sagen wie genau der Tooltip für den Natla-Schutz lautet? Dann baue ich das ein
2) Hm, gefällt mir nicht so sehr - aber wenn genug Interesse besteht ist es eine Überlegung wert
3) Uhm wäre evt. auch ne Überlegung wert

Tatsächlich ist der Style eher nicht so gut für neue Spieler, da einiges ausgeblendet wird die man als Alteingesessener eh nicht zu sehen braucht. Ansonsten ist der gesamte Code für den Style hier zu finden https://github.com/pashorizer/pashorizer.github.io (man kann auch direkt am Code was verändern, wenn man weiß wie git funktioniert und ich es akzeptiere)
zu 1. Keine Ahnung :)

Ja, wie finde ich denn in deinem Style die Int die ich aktuell hab?

Und ich sehe nur den Code:
SpoilerShow
/**
My Copy-Paste-Fu is strong in this one. (@FWTools, @Alex, @Baum, @Mordino, @Teepflanze)
v1.0
**/

@import url("../cmp/status.css");
@import url("../cmp/ans.css");
@import url("../cmp/cnr.css");
@import url("../cmp/smn.css");
@import url("../cmp/cid.css");
@import url("../cmp/saveheaven.css");
@import url("../cmp/general_dark.css");

/* Shopgrafik */
.framebannerbg:before {
top : 0px;
float:right;
content : url("https://freewar.zocker.eu/grafik.php") url("https://freewar.zocker.eu/xp.php?w=6&s=4&limit=3") url("https://freewar.zocker.eu/vvvg.php");
opacity : 1;
position: absolute;
}
Denn kann ich schlecht kopieren, Sachen hinzufügen und auf meinem Server hoch laden, oder?^^
Das wird nicht funktionieren. Mein Style ist halt komplett mit Code und ohne diesen URL Import.

Ich kenn mich wirklich nicht gut aus. Wie gesagt ein paar Sachen austauschen, andere Chatfarben und so oder andere Bilder kein Problem aber da hörts fast schon auf.

Ich nutz aktuell den hier:
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

Benutzeravatar
floppus
Feuerwolf
Beiträge: 92
Registriert: 19. Aug 2020, 11:20

Re: Style

Beitrag von floppus » 8. Feb 2022, 10:15

Paar neue Felder im neuen Gebiet markiert
if Math#random === 1

Benutzeravatar
Troop
Kopolaspinne
Beiträge: 780
Registriert: 16. Mär 2007, 22:04
Wohnort: Stätte des Handels in W6
Kontaktdaten:

Re: Style

Beitrag von Troop » 5. Mai 2022, 13:31

Beim Verwenden des blauen bzw. blaugelben Indikators kann man einstellen, dass einem anstatt des Drop-down-Menüs Bilder der Zielfelder angezeigt werden. Bei einem anderen Style habe ich auf nem Screenshot gesehen, dass bei diesen Bildern in den Bildern selbst noch die Koordinaten dabei stehen.
Neo the Hunter hat geschrieben: 9. Apr 2022, 18:15 da es um die feldbildanzeige ging, habe ich einen normalen blauen indikator verwendet, da zu dem zeitpunkt kein blaugelber existiert hat. der erste wurde erst vergangene stunde hergestellt und dort sah die anzeige genauso aus, nur dass die 7 feldbilder der gelben zk direkt darunter angezeigt wurden.

edit:
SpoilerShow
Bild
Wäre diese Art der Anzeige auch was für deinen Style?
Intergalaktische protonengetriebene elektrische Wackelarm-Werbedruiden!!!

Benutzeravatar
Neo the Hunter
Klauenbartrein
Beiträge: 1522
Registriert: 26. Jan 2009, 00:44

Re: Style

Beitrag von Neo the Hunter » 8. Mai 2022, 01:14

das habe ich mir bei meinem style zusammengebastelt. wenn der wunsch besteht, kann ich den code dafür aber auch gerne veröffentlichen. müsste nur für die gelbe zk angepasst werden, da ich noch keinen blaugelben besitze und das demnach noch nicht angepasst habe
Äonen menschlicher Evolution, Erfindungen, ihr Streben, und Krieg, immer wieder Krieg - Die älteste und beständigste aller menschlichen Tätigkeiten.

Antworten

Wer ist online?

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