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: 753
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: 88
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: 88
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: 1448
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 ~

Antworten

Wer ist online?

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