Wie kann ich die Reihenfolge des Schnellzugriffs verändern?
Momentane Reihenfolge
[attachment=1]Alt.jpg[/attachment]
Gewünschte Reihenfolge
[attachment=0]Neu.png[/attachment]
Am liebsten natürlich mit einem Code für Stylish
Wie kann ich die Reihenfolge des Schnellzugriffs verändern?
Momentane Reihenfolge
[attachment=1]Alt.jpg[/attachment]
Gewünschte Reihenfolge
[attachment=0]Neu.png[/attachment]
Am liebsten natürlich mit einem Code für Stylish
Ohhh, mal einklink....
Ich hätte gerne die Ungelesenen Beiträge an erster Stelle...
Hallo Fox2Fox...
bitte mal testen und die Werte für dich anpassen (braucht aber etwas Geduld :wink: )
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("camp-firefox.de") {
#quick-links > DIV > UL > LI:nth-child(3){
margin-bottom:25px!important;
margin-top:-68px!important;}
#quick-links > DIV > UL > LI:nth-child(2) {
margin-bottom:-10px!important;
margin-top:45px!important;}
#quick-links > DIV > UL > LI:nth-child(4) {
border-bottom:1px solid #EAEAEA !important;
margin-bottom:18px!important;
margin-top:-28px!important;}
}
Alles anzeigen
[attachment=0]Screenshot (458).png[/attachment]
die Ungelesenen Beiträge an erster Stelle.
Bitte auch testen und die Werte mit Geduld anpassen :wink:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("camp-firefox.de") {
#quick-links > DIV > UL > LI:nth-child(4){
border-bottom:1px solid #EAEAEA !important;
margin-bottom:38px!important;
margin-top:-81px!important;}
#quick-links > DIV > UL > LI:nth-child(3) {
margin-bottom:15px!important;
margin-top:61px!important;}
#quick-links > DIV > UL > LI:nth-child(2) {
margin-bottom:-65px!important;
margin-top:22px!important;}
}
Alles anzeigen
[attachment=0]Screenshot (459).png[/attachment]
Danke an Andreas. Der Code aus Beitrag 3 funktioniert hier ohne jegliche Anpassung.
[attachment=0]neu.png[/attachment]
.. ich schließe mich sehr gern an, denn der Code aus Beitrag 4 funktioniert hier ebenfalls ohne Anpassung... :lol::klasse:
Freut mich wenn alles so funktioniert wie gewünscht, war gern geschehen
...bitte mal testen und die Werte für dich anpassen (braucht aber etwas Geduld :wink: )
Wie wahr... :mrgreen:
Habe lange getestet, musste erst mal merken, welcher Teilcode welchen Link anspricht.
Mit diesem Code sieht es jetzt so aus
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("camp-firefox.de") {
#quick-links > DIV > UL > LI:nth-child(3){
margin-bottom:47px!important;
margin-top:-72px!important;}
#quick-links > DIV > UL > LI:nth-child(2) {
margin-bottom:-12px!important;
margin-top:40px!important;}
#quick-links > DIV > UL > LI:nth-child(4) {
border-bottom:2px solid #EAEAEA !important;
margin-bottom:22px!important;
margin-top:-50px!important;}
}
Alles anzeigen
[attachment=0]SC.png[/attachment]
So ganz gleich habe ich die Abstände nicht bekommen.
Einfach ist es, wenn man die Reihenfolge direkt angeben kann.
-moz-box-ordinal-group funktioniert hier nicht, aber mit der Methode der flexible boxes geht es:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(https://www.camp-firefox.de/forum/) {
#quick-links > DIV > UL {display: flex; flex-direction: column;}
#quick-links > DIV > UL > LI:nth-child(1) {order: -4}
#quick-links > DIV > UL > LI:nth-child(3) {order: -3}
#quick-links > DIV > UL > LI:nth-child(4) {order: -2}
#quick-links > DIV > UL > LI:nth-child(2) {order: -1}
}
Alles anzeigen
Beschreibung dazu:
MDN - Using CSS flexible boxes
wenn man die Reihenfolge direkt angeben kann
Perfekt gemacht, danke :klasse:
Vielen Dank aborix!
Fast perfekt, denn es fehlt eine Linie zwischen "Ungelesene Beiträge" und "Eigene Beiträge"
Kann die Linie noch eingebaut werden?
[attachment=0]SC.png[/attachment]
Kann die Linie noch eingebaut werden?
Bitte testen:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(https://www.camp-firefox.de/forum/) {
#quick-links > DIV > UL {display: flex; flex-direction: column;}
#quick-links > DIV > UL > LI:nth-child(1) {order: -4}
#quick-links > DIV > UL > LI:nth-child(3) {order: -3}
#quick-links > DIV > UL > LI:nth-child(4) {
border-bottom:1px solid #EAEAEA !important;
order: -2}
#quick-links > DIV > UL > LI:nth-child(2) {order: -1}
}
Alles anzeigen
Perfekt! Vielen Dank!
Ich war mal so frei, mir den Code auszuleihen. Danke.
Allerdings sind die Texte bei mir alle in blau. Ist es möglich, dieses, wie in Beitrag #11 zu sehen, genauso farbig darzustellen?
sind die Texte bei mir alle in blau
Das sind Links...also einfach mal alle anklicken dann sollte sich die Farbe ändern wenn du z.B. einen Code für visited nutzt.
Ansonsten:
Hallo Andreas,
Danke, ich habe die komplette Zeile mit Color bei mir eingefügt. Passt.
/* Nebenbei bemerkt, kann es sein das seit einiger zeit die Codes einige andere Einträge vorweisen als früher?
Ich meine, die sahen mal anders aus. Hängt es mit dem Forem-Update zusammen? */
die Codes einige andere Einträge vorweisen als früher?
Durch das Forenupdate haben sich einige Bezeichnungen geändert, besonders betroffen viele Bezeichnungen für die Icons.