Beiträge von Horstmann

  • Unterschiedliche Versionen des Skriptes "Mehrzeilige Tableiste"

    Zitat von milupo

    Wenn sich aber die JavaScript-Datei um 80 Zeilen vergrößert und nur durch CSS kann das nicht normal sein. Wenn dann vielleicht noch mehr CSS drin steht als JavaScript-Code. Gegen kleine Codes habe ich nichts, z. B. um ein durch das Skript eingefügtes Symbol zu positionieren, z. B. mit background-position oder mit padding- oder margin-Abständen.

    Wenn man Styles braucht, dann braucht man Styles, und irgendwo müssen die herkommen.
    Es gibt bestimmt hier und da mal unnötige Schnörkel, aber die Regel ist das nicht, und als Bastler muss man auch lernen auf dem FX Code aufzubauen.

    Für einen Button - ich vermute davon redest du - hinzubiegen braucht man fast nix; für andere Geschichten kann es - und muss es - oft aufwendiger werden.
    Glaub's mir einfach; Vereinfachung ist mit der grösste Aufwand beim Code Basteln, und keiner will unnötigen Müll in seinem/ihrem Code haben, auch wenn's dir so vorkommt.

    Zitat von milupo

    Ich suche jetzt nicht für dich. Auch wenn es kein Skript gäbe, zu dem es eine CSS-Datei gibt, wäre es immer noch viel sinnvoller, viel CSS-Code in einer gesonderten CSS-Datei unterzubringen.

    Ich suche aber für dich.;)

    Selber habe ich schon öfters für separate CSS Dateien (und Icons) plädiert, und nach Lösungen gesucht, zB hier.
    Diese Diskussionen laufen idR ins Leere.

  • Unterschiedliche Versionen des Skriptes "Mehrzeilige Tableiste"

    Zitat von milupo

    Also bei manchen Helfern hier, habe ich den Eindruck, dass sie zwar ein Basis-Skript haben wollen, andererseits aber Unmengen von CSS-Codes ins Skript einbauen. Da kann dann m. E. nicht mehr von Basis die Rede sein.

    Einen Unterschied muss man aber machen zwischen einem reinen CSS Code Block innerhalb einem JS Script, und der Einbindung von Styles direkt via JS.

    Das erstere könnte man problemlos aus einem JS Script heraustrennen, je mehr vom zweiten Fall existiert, desto komplexer die Verschachtelung, und die Problembehebung bzw. Aktualisierung.

    Das Problem liegt auch nicht unbedingt an den "Helfern", sondern an vielen Usern, die nicht die Basiskenntnisse lernen wollen, und die ausdrücklich für sie maßgeschneiderte Codes erfragen und erwarten - und immer eine All-in-One Lösung.

    Wenn man vor dem Hintergrund einen Code bastelt, fragt man sich irgendwann ob man 20 Code Versionen für 20 Leute schreiben will, oder lieber ein paar Optionen einbaut, die leicht anzupassen, oder wenn nötig leicht erklärbar sind bei individuellen Wünschen.

    Darüber hinaus sollte man auch ein Grundwissen mitbringen - woran es mir selber mangelt - um die Komplexität eines Codes überhaupt beurteilen zu können; mehr Code kann oft auch der Effizienz, der Kompatibilität, und tatsächlich der Vereinfachung dienen.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    Zitat von milupo

    Ich denke mal, an den Zeilen 26-28. Dort steht dreimal padding: padding-left bedeutet ein Innenabstand von links, padding-right, Innenabstand von rechts. Der von rechts ist größer. Da stoßen beide bei herunterladen zusammen. Außerdem gibt es da noch padding als Sammeleigenschaft: Das bedeutet es kommen noch einmal 3px für links bzw. rechts drauf. Dazu 3px für oben und unten.

    Ahem, nicht so ganz, glaub ich.
    padding-left und padding-right überschreiben hier padding für links/rechts, soweit ich weiss.
    In dem Fall sollte das:

    CSS
    			padding: 3px !important;
			padding-left: 5px !important;
			padding-right: 12px !important;

    das ergeben:

    CSS
                padding-top: 3px !important;
            padding-bottom: 3px !important;
			padding-left: 5px !important;
			padding-right: 12px !important;

  • Unterschiedliche Versionen des Skriptes "Mehrzeilige Tableiste"

    Zitat von Sören Hentzschel
    Zitat von lenny2

    Skriptes "Mehrzeilige Tableiste" enthält 800-1300 Zeilen

    CSS-Style "Mehrzeilige Tableiste" by Aris-t2 enthält 80 Zeilen

    Und was möchtest du damit aussagen? Die Anzahl von Code-Zeilen gilt schon ganz lange nicht mehr als relevante Metrik für Entwickler. Ich würde außerdem behaupten, es gibt auch entsprechende Unterschiede in Funktionalität und Optionen.

    Wenn sich mal jemand hinsetzen würde, um den aufgeblähten JS Code mit den reinen CSS Versionen von Aris oder MrOtherGuy zu vergleichen, und uU via JS zu ergänzen wo nötig, dann kann man sich über Funktionalität und Optionen unterhalten.

    (PS: Auf keinen Fall werde (oder könnte) ich dieser Jemand sein. ;))

  • BookmarkCount.uc.js funktioniert nach Update auf FF-Version 139.0 nicht mehr.

    Für anderen Pfeil bei hover, du bist schon nah dran.
    Könnte klappen ->

    Oben im JS:

    JavaScript
        //Eigenes Icon erwartet in Profilordner/chrome/icons, icons Ordner falls noetig erstellen
    //Eigene Icons eintragen, falls vorhanden
    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
    let icon1 = 'Folder.png';        //  Custom  Folder Icon
    let icon2 = 'Link.png';          //  Custom  Link Icon
    let iconPfeil = 'a_export.png';      //  Custom  Pfeil Icon
    let iconPfeil_2 = 'a_import1.png';      //  Custom  Pfeil Icon hover

    Im CSS:

    CSS
           /** Pfeil rechts eigenes Icon **/  
       menu.bookmark-item::after {
             background-image:  url("${ProfilePath}/${iconPfeil}") !important;
             fill-opacity: 1 !important;
             margin-right: 10px !important;
             }
       /** Pfeil rechts hover eigenes Icon **/  
       menu.bookmark-item:hover::after {
             background-image:  url("${ProfilePath}/${iconPfeil_2}") !important;
             }

  • BookmarkCount.uc.js funktioniert nach Update auf FF-Version 139.0 nicht mehr.

    Zitat von omar1979

    nun zu dem.. hab diese Zeilen in deinem Script wieder aktiviert und den Wert auf 5px gesetzt.

    CSS
           /** Pfeil rechts eigenes Icon 
       menu.bookmark-item::after { **/
	   menu.bookmark-item::after {margin-right: 5px !important;}
             background-image:  url("${ProfilePath}/${iconPfeil}") !important;
             fill-opacity: 1 !important;
             }

    Nun sieht es leider schlimmer aus :)

    Auwaia, du hast den CSS Code zerschossen... ;)

    Das sollte eher so aussehen:

    CSS
           /** Pfeil rechts eigenes Icon 

	   menu.bookmark-item::after {
             background-image:  url("${ProfilePath}/${iconPfeil}") !important;
             fill-opacity: 1 !important;
             margin-right: 5px !important;
             }

  • BookmarkCount.uc.js funktioniert nach Update auf FF-Version 139.0 nicht mehr.

    Zitat von omar1979
    Zitat von Horstmann

    In meinem Teil des Scripts könntest du in Zeile 115 schauen, ob du evtl. ein margin-right oder padding-right mit reinpacken willst, um die Pfeile etwas von der rechten Kante weg zu bekommen, nur für diese Lesezeichen Popups; falls du in anderen Menüs oder über die ganze UI dafür Änderungen machen willst, wäre das eine andere Baustell

    Habe test-weise mal 30px mit margin-right und padding-right versucht, aber keine Änderung bemerkt.

    Das müsste wahrscheinlich ein !important; haben, z.B. menu.bookmark-item::after {margin-right: 30px !important;}.

    Ansonsten, -moz-image-region und .menu-right sind wohl raus, und bewirken gar nichts mehr.

  • BookmarkCount.uc.js funktioniert nach Update auf FF-Version 139.0 nicht mehr.

    Zitat von omar1979

    das Script ist wieder genau so wie ich es haben wollte.

    Prima, danke für die detaillierte Rückmeldung!:)

    Nur als Anmerkung generell, ich vermute du hast irgendwo ein CSS welches die Pfeile rechts regelt, in dem steht wohl sowas wie:

    JavaScript
    .menu-right {
    list-style-image: url("icons/a_import1.png") !important;
    }

    .menu-right gibt's nicht mehr, falls du weitere Anpassungen dafür machen möchtest oder in anderen Bereichen, es ist jetzt wohl generell menu:after und ein background-image.

    In meinem Teil des Scripts könntest du in Zeile 115 schauen, ob du evtl. ein margin-right oder padding-right mit reinpacken willst, um die Pfeile etwas von der rechten Kante weg zu bekommen, nur für diese Lesezeichen Popups; falls du in anderen Menüs oder über die ganze UI dafür Änderungen machen willst, wäre das eine andere Baustelle.

  • Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen

    Zitat von omar1979

    ja damals hat aborix glaub ich das script speziell gemacht, dass man es ausserhalb von lesezeichen-symbolleiste auf andere zusatzleisten benützen kann. ist mir jetzt in den sinn gekommen. :)

    Um den Dreh rum.;)
    Ist so lange her, ich hab mich erst jetzt daran erinnert...

    Und, klappt es jetzt, mit dem angepassten Script von #485? :/
    Edit, Post hat sich überschnitten.

    Zitat von omar1979

    Mit deinem Script in #485 und dem von aborix zeigt es alles so, wie es soll.

    :thumbup:

  • Seitennavigation - Fly Out Menü

    Zitat von Mitleser

    Horstmann , die Idee deiner 'Toggle newtoolbar 7D' fand ich gut und habe diese jetzt endlich (nach einem Jahr) für mich umgesetzt und angepasst.

    Sieht prima aus auf meiner Seite, danke! :)

    Farben etc. müsste ich bei mir anpassen; ich selber benutze aber für die meisten Buttons ein etwas gestyltes Overflow Menü, und 2 die nur bei hover auftauchen; habe allerdings auch nicht viele in Buttons in Gebrauch.

  • Abstände zwischen einzelnen Lesezeichen im Menü

    Zitat von milupo

    Ich habe

    Zitat von Horstmann

    Da aber eine davon nicht funktioniert, sondern nur die für die stehenden Ordner, müssen wir wohl gespannt auf die Antwort vom OP warten.

    Ich habe hier das gelbe Ordner-Symbol im Lesezeichen-Menü der Menüleiste und in den Lesezeichen der Sidebar (nach der Korrektur der Zeilen 31 bis 35).

    Ah, die dritte Stelle ist die Bibliothek. Auch da ist das gelbe Ordnersymbol bei mir vorhanden.

    Sorry, hätte mich klarer ausdrücken sollen; der Originalcode in #3 zeigt nur den stehenden gelben Folder, ein Code für einen offenen, horizontalen gelben Folder ist vorhanden, aber nicht funktionell (doppelt in url eingefasst).
    Den Code für den stehenden gelben Folder gibt's mehrfach für verschiedene UI Bereiche, inkl. .bookmark-items, was man raffen könnte.

    Daher vermute ich der OP hat bisher nur den stehenden gelben Folder benutzt, und der andere Code war nur alter Restmüll.:/

  • Abstände zwischen einzelnen Lesezeichen im Menü

    Zitat von grisu2099

    Er hatte im ursprünglichen Code an zwei Stellen Angaben für die Ordner (und zwar verschiedene) - daher die Nachfrage...

    Aber nur eine davon funktioniert, und du hattest nur die nicht funktionierende Version in #17 benutzt. ;)

    Zitat von milupo

    Ja, aber er wird wohl beide beibehalten wollen, so wie sie in Beitrag #3 sind, insofern brauchen wir uns keine Gedanken darüber machen. Vor dem ersten Base64-Code steht aber:

    Da aber eine davon nicht funktioniert, sondern nur die für die stehenden Ordner, müssen wir wohl gespannt auf die Antwort vom OP warten.
    Testet hier jemand ab und zu mal die Codes ? ;)

  • Abstände zwischen einzelnen Lesezeichen im Menü

    Zitat von graubaer

    Ergänzende Anmerkung:

    Durch die Verwendung obiger userChrome.css von @grisu2099 ist die gelbe Farbe der Lesezeichenordner verschwunden.

    Wie lässt sich der Ursprungszustand mit Gelb wieder erreichen?

    Es wäre immer gut zu wissen, welchen Teil der UI du meinst, in diesem Fall die Sidebar?

    In Grisu's Code, probier das mal oben rein zu kopieren; ich habe auskommentiert was evtl. unnötig ist.
    Soweit ich das Chaos überblicken kann, macht Zeile #5 etc. in Grisu's Code nix, weil eine doppelte url Einbindung benutzt wird; dieser Codeblock stammt aber ursprünglich von dir.

  • Abstand der Lesezeichen

    Zitat von Sascha B.

    Von daher: Sacht mir wie's geht und ich bin dabei!

    Schau mal hier.
    Was allerdings komplizierter aussieht als es ist.

    Also: du hast ja eine userChrome.css, in deinem chrome Ordner, in der steht zB das:

    CSS
    /*userChrome.css*/

#nav-bar {
    background-color: red !important;
}

    Jetzt möchtest du diesen Code hinzufügen:

    CSS
    #TabsToolbar {
    background-color: cyan !important;
}

    Statt den Code direkt in die userChrome.css zu schreiben, erstellst du eine neue CSS Datei, namens tabs.css, ebenfalls im gleichen chrome Ordner.

    Inhalt:

    CSS
    /*tabs.css*/

#TabsToolbar {
    background-color: cyan !important;
}

    Dann importierst du diese tabs.css via der userChrome.css:

    CSS
    /*Neue userChrome.css*/

@import url("tab.css"); 

/*Alter CSS Code*/
#nav-bar {
    background-color: red !important;
}

    Die Import Regel muss ganz oben stehen, vor dem CSS Code in der userChrome.css, und der verlinkte tabs CSS Code wird dann ganz normal eingelesen und ausgeführt.
    (Alle Anmerkungen zwischen den /* */ Zeichen sind nur Kommentare ohne Effekt.)