Nach langer schwerer Geburt hat es nun halbwegs geklappt. Meine Grafik ist nicht optimal, etwas zu groß, aber egal. Was mich nun wundert - wieso wird in der linken Reihe das Symbol nur bei Hover angzeigt und in der rechten Reihe nur ohne Hover? Ich habe doch für beide Reihen je eine Symbolfestlegung für ohne Hover und mit Hover, sprich 4 Festlegungen. Warum wirken nur zwei davon?
Nightly - base64
-
2002Andreas -
15. Juni 2019 um 13:04 -
Erledigt
-
-
Gerne doch
-
Warum wirken nur zwei davon?
Weil etwas in deinem Code dann (noch) nicht passt
-
Meine Grafik ist nicht optimal, etwas zu groß
Beitrag 38 und 39 kannst du sie dir runterladen.
-
Weil etwas in deinem Code dann (noch) nicht passt
Kleine Ursache, große Wirkung: Zwischen dem Wortl url und der nachfolgenden öffnenden Klammer hatte ich in der ersten about:-Gruppe (links ohne Hover) ein Leerzeichen. jetzt sieht es vernünftig aus, dank des Symbols von dir:
Vielen Dank.
-
Freut mich wenn du zufrieden bist, war gern geschehen
-
Im früheren Leben war ich mal Betriebsschlosser, nun fehlt mir jedoch der Feinschliff.
>> den Ordner Icons in chrome erstellt
>> *.png von Andreas eingefügt
>> den code aus #32 ausprobiert (bei mir 1.png)
>> Code für den Import *.png erstellt (CSSWeb)
>> Nach Aufruf keine Änderung (keine Icons), sondern wieder "Büssens Firefox" zu sehen?
Ich benötige eine Kurzeinweisung - irgendwo hakt es??
-
Code für den Import *.png erstellt (CSSWeb)
Das brauchst du dafür nicht
Im Code selber muss das angepasst werden.
Siehe bitte:
-
Da sind in dem Code mehrere backgrounds - dort auch die 1.png rein?
-
Da sind in dem Code mehrere backgrounds - dort auch die 1.png rein?
Die Datei ist immer dieselbe, viermal einzutragen. Die ersten beiden Codes sind für die linke Spalte, normal und bei hover. Und der dritte und vierte Code sind für die rechte Spalte, ebenfalls für normal und bei hover.
-
Aus #32 übernommen und entsprechend geändert
Siehe geänderten Code.
CSS
Alles anzeigen@-moz-document url-prefix(about:about) { html > body { background: #FFFFFF !important;} ul { list-style: none !important;} #abouts { margin-left: 70px !important; margin-top: 30px !important;} p { margin-left: 40px !important; font-size:15px!important;} h1:before { content: "Mein Firefox: "; font-weight:bold !important; color:red !important; margin-left: 40px !important;} a{ text-decoration:none!important; color:black!important;} /* Die ersten 19 */ #abouts > li:nth-child(-n+19){ appearance:none!important; background: gainsboro url("file:..//Icons/1.png") no-repeat !important; color:transparent!important; font-size:14px!important; text-decoration:none!important; margin-top:3px!important; margin-bottom: 5px !important; margin-right:55px!important; margin-left: -35px !important; padding-right: 15px !important; padding-left:35px!important; padding-top: 1px!important; padding-bottom: 2px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:2px !important; background-position:10px 2px!important; border-radius:14px!important;} /* Die ersten 19 hover */ #abouts > li:nth-child(-n+19):hover{ appearance:none!important; background: #B2EDFA url("file:..//Icons/1.png") no-repeat !important; background-position:10px 2px!important; } /* Die letzten 20 */ #abouts > li:nth-child(n+20){ appearance:none!important; background: cornsilk url("file:..//Icons/1.png") no-repeat !important; color:transparent!important; font-size:14px!important; margin-left: -10px !important; margin-top:3px!important; margin-bottom: 5px !important; margin-right:30px!important; padding-left:35px!important; padding-right: 15px !important; padding-top: 1px!important; padding-bottom: 2px!important; border-left-color: #ffb2b2 !important; border-top-color: #ffb2b2 !important; border-right-color: #8d0000 !important; border-bottom-color: #8d0000 !important; border-style: outset !important; border-width:2px !important; background-position:10px 2px!important; border-radius:14px!important;} /* Die letzten 20 hover */ #abouts > li:nth-child(n+20):hover{ appearance:none!important; background: #B2EDFA url("file:..//Icons/1.png") no-repeat !important; background-position:10px 2px!important; } }Hier nun mein Ergebnis: nicht "Mein" - sondern "Büssens Firefox"??
-
Das Symbol wird aber noch nicht angezeigt. Hast du die Datei 1.png auch in dem Unterordner Icons im Ordner chrome?
-
Hier ein Auszug aus meinem TotalCommander:
-
Was ist *.*? Ist das ein Ordner innerhalb von Icons?
-
Eben mal in einem anderen Nightly Profil getestet.
Der Code funktioniert einwandfrei.
Ja, das sieht man auch am Bildschirmfoto von Büssen. Nur das Symbol ist noch das Problem.
-
Was ist *.*? Ist das ein Ordner innerhalb von Icons?
Das *.* bedeutet: es ist die Datei mit Namen 1.png im Icon-Ordner.
Das wird im TCMD immer so angezeigt.
Im Explorer eben so:
-
Warum wird dir das Icon nicht richtig angezeigt in dem Ordner
Hier sieht das so aus:
