codefragmente fuer diverse kleine aenderungen

Hier wird über Freewar-Styles und -Designs geredet. Man kann eigene Styles vorstellen oder Fragen zu den CSS-Styles stellen.
Benutzeravatar
Kauket
Gelbbart-Yeti
Beiträge: 2067
Registriert: 31. Mär 2007, 15:17
Wohnort: Welt 6
Kontaktdaten:

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Kauket » 3. Mär 2021, 16:34

Ich versuchs mal, danke^^
Aber so gut kenn ich mich damit leider nicht aus, mal sehen :D
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

Benutzeravatar
Sir Alex
Administrator
Beiträge: 539
Registriert: 24. Okt 2011, 16:15

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Sir Alex » 3. Mär 2021, 16:37

Solche Sachen kannst du mit dem Addon Stylus sehr einfach selbst hinzufügen. Eine grobe Anleitung kannst du dir hier anschauen https://imgur.com/a/DCHGvOS (Bild 2 vor Bild 1 machen :D )

Nyrea
Administrator
Beiträge: 2252
Registriert: 19. Sep 2010, 13:09

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Nyrea » 3. Mär 2021, 17:23

@Kauket: Guck einfach mal hier: viewtopic.php?f=7&t=60360#p1191487
"Ich denke wir werden noch dieses Jahr A:500 Schwerter von unglaublicher Macht sehen." - Sotrax, 2007

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

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Kauket » 4. Mär 2021, 08:39

Ich kann doch auch einfach den Code Schnipsel ins Dokument kopieren, speichern und neu hoch laden oder nicht? ^^" ..
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

Nyrea
Administrator
Beiträge: 2252
Registriert: 19. Sep 2010, 13:09

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Nyrea » 4. Mär 2021, 10:28

@Kauket: Wenns dein eigener Style ist und du Zugriff darauf hast, klar.
"Ich denke wir werden noch dieses Jahr A:500 Schwerter von unglaublicher Macht sehen." - Sotrax, 2007

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

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Luko » 30. Jan 2022, 17:15

Hiermit lassen sich im Gruppen-Menü die Mitglieder ohne Mouse-Over anzeigen. Nützlich für mobile Endgeräte, wie Tablets und co.

Code: Alles auswählen

/* Gruppen-Menue - Mitglieder anzeigen */
#ItemFrameClanmenu p.listrow a[href*="groupjoinrand"] ~ span::after { color: white; content: "\A" attr(title) "\A"; white-space: pre;  }
Bild

Das funzt aber nur bei Gruppen die nicht voll sind, da ansonsten der Join-Link nicht vorhanden ist.
Hat jemand eine Idee, wie man das auch bei vollen Gruppen hinbekommen könnte?

Wenn man den "a"-Teil weglässt klappt es zwar, zerschießt aber das Design der "(In)aktiv"-Punkte etc, wenn man in einer Gruppe ist, da diese ebenfalls einen Titel-Tag haben. Ideen sind willkommen.
...

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

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Kauket » 13. Mär 2023, 09:00

Weiß jemand, wie ich die Farbe von den Zeitstempeln im Chat ändern kann?
Gleiches Problem - Hintergrund und Testfarbe sind dunkel ^^
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

Benutzeravatar
Largudrübe
Nachtgonk
Beiträge: 212
Registriert: 16. Apr 2021, 17:31

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Largudrübe » 13. Mär 2023, 10:45

Code: Alles auswählen

.chattime { color:#FF69B4!important; }

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

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Kauket » 13. Mär 2023, 18:44

Dankeschön :)
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

Benutzeravatar
Largudrübe
Nachtgonk
Beiträge: 212
Registriert: 16. Apr 2021, 17:31

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Largudrübe » 11. Apr 2023, 19:36

Gibt es eigentlich irgendein Snippet, um die "Nehmen"-Links im Itemframe untereinander darzustellen oder ist Rechtsbündigkeit da meine einzige Option?

Benutzeravatar
Teepflanze
Kopolaspinne
Beiträge: 706
Registriert: 2. Aug 2011, 11:43

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Teepflanze » 12. Apr 2023, 18:32

Largudrübe hat geschrieben: 11. Apr 2023, 19:36 Gibt es eigentlich irgendein Snippet, um die "Nehmen"-Links im Itemframe untereinander darzustellen oder ist Rechtsbündigkeit da meine einzige Option?
Du meinst im Mainframe, oder?

Bild

Code: Alles auswählen

.listplaceitemsrow a::after {
  content: "\2666";
  font-size: 30px;
  position: absolute;
  right: 0px;
  padding: 7px;
  display: inline;
  width: 30px;
  height: 30px;
  line-height: 1;
  padding: 5px;
  border: 1px solid #8d919f26;
  border-right: none;
  transform: translate(0px, -5px);
  border-left: 0px;
}
Bild Mlem.

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

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Kauket » 24. Mai 2023, 21:45

Das wird bei mir aber nur größer angezeigt und nicht bündig untereinander :/ Mach ich was falsch?
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

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

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Kauket » 24. Mai 2023, 22:27

Bärchen hat geschrieben: 25. Sep 2011, 22:22 Mag mal wer schreiben, wie man dafür sorgt, dass Kommentare dauerhaft hinter der Freundesliste stehen? Hatte zwar schon ein wenig probiert, bin aber zu keinem zufriedenstellendem Ergebnis gekommen.
Also ich bin kein Profi aber ich hab bei mir im Style das hier drin stehen und damit stehen die Notizen hinter den Namen:
SpoilerShow
.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;
}
Keine Ahnung was das genau macht aber es funktioniert xD
¤´¨) =^.^=
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•`Hauptwelt: W6 ... >> VeganArtworks | Foodblog <<


~ Katarina Du Couteau ~

Benutzeravatar
Largudrübe
Nachtgonk
Beiträge: 212
Registriert: 16. Apr 2021, 17:31

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Largudrübe » 11. Aug 2023, 08:19

<nevermind>

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

Re: codefragmente fuer diverse kleine aenderungen

Beitrag von Luko » 14. Okt 2023, 11:39

bwoebi hat geschrieben: [Welt 1] Man kann jetzt auf die Statusanzeige im Inventar auf mobilen Geräten tippen, um die verbleibende Dauer zu sehen: die tooltips werden dort nun auch angezeigt. Danke an jSnax7 für das CSS
Die o.g. Änderung wurde ins CSS verschoben (statt inline). Das hat zur Folge, dass sie nur in den verschiedenen Standard Freewar-Styles vorhanden ist. Style-Bauer, die diese Änderung auch in ihren Styles anbieten möchten, verwenden bitte folgenden Code:

Code: Alles auswählen

@media (pointer: coarse), (hover: none) { [title][tabindex] { position: relative; } [title][tabindex]:focus::before { content: attr(title); position: absolute; top: 95%; border: 1px solid #A2A09F; padding: .2em; background-color: #FFF8EF; z-index: 1; font-size: 12px; color: #000; } }
...

Antworten

Wer ist online?

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