Icons direkt in die Codes einbinden...

Boersenfeger

Nachdem meine anderen "Probleme" gelöst sind, stehe ich gleich vorm nächsten... Ich möchte analog zu diesem Thread

Anpassungen der CSS-Codes ab Firefox 68 bzw. 69

meine Codes alle umstricken, so das ich die Base64 basierten Icons direkt auf dem Computer habe und sie mit Pfadangabe einbinden kann...

Was ist an dieser Ortsangabe falsch?

CSS

    [href="https://www.mozilla.org/privacy/"]{
    -moz-appearance:none!important;
    background: gainsboro url(e:/Installationsdateien/Downloads/Icons/index4.png)no-repeat !important;
    color:black!important;
    margin-left: 2px !important;
    margin-right: 10px !important;
    margin-top: 2px !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:20px!important;
    padding-left:40px!important;
    border-color:green !important;
    border-style:outset !important;
    border-width:2px !important;
    background-position:10px 1px!important;
    border-radius:14px!important;}

Alles anzeigen

Die Datei existiert am angegebenen Ort...

Hier der ganze Code, es sind bisher nur die ersten 5 Icons "umgestrickt"....

CSS

    /* About : Dialog */
    @-moz-document url-prefix("chrome://browser/content/aboutDialog.xul"){
        
    #version:before {content: "Boersenfegers seine Nightly-Version ist:"; font-size:15px !important; font-weight: bold! important; 
    color:#F08080 !important;  margin-right: 10px !important;}
    
    #version {font-weight: bold! important; font-size:14px !important;}
    #version {margin-top: 30px !important; color: #FFFFFF !important;}
    
    #aboutDialog{height: 430px !important; }
    
    #agent {margin-left: -140px !important; margin-bottom: 10px ! important; max-height: 50px !important; margin-right: 94px !important; margin-top: 30px !important; padding-top: 5px !important;}
    
    #agent {-moz-appearance: none !important; border-radius:14px!important;}
    
    #agent .textbox-input-box {margin-top: -1px !important; margin-left: 12px !important;}
        
    #bottomBox {background-color: #202340 !important; margin-bottom: 30px !important;}
    
    #aboutDialog{background-color: #202340 !important;}
    
    #updateButton{ min-width: 360px !important; margin-top: 5px!important; margin-bottom: 5px !important;}
    
    #trademark { margin-bottom: -40px !important; margin-top: 16px !important; font-size: 12px !important; background-color: #202340 !important;}
    
    #leftBox {margin-top: 60px !important; }
    
    #updateButton{ -moz-appearance:none!important;
    background: url(e:/Installationsdateien/Downloads/Icons/index1.gif)no-repeat !important;
    padding-left:22px!important;
    background-position:13px 3px!important;
    font-size:13.5px!important;
    border-radius:14px!important;
    border-color:red !important;
    border-style:outset !important;
    border-width:2px !important;
    color:black !important; 
    margin-bottom: 10px !important;
    margin-top: 10px !important;}
        
        
    #updateButton:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url(e:/Installationsdateien/Downloads/Icons/index2.gif)no-repeat !important;
    padding-left:22px!important ;
    background-position:13px 3px!important;}
        
    #updateButton .button-box {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    -moz-padding-start: 3px!important;
    -moz-padding-end: 3px!important;}        
        

    [href="about:license"]{
    -moz-appearance:none!important;
    background: gainsboro url(e:/Installationsdateien/Downloads/Icons/index1.png)no-repeat !important;
    color:black!important;
    margin-left: 10px !important;
    margin-top: 2px !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:20px!important;
    padding-left:40px!important;
    border-color:dodgerblue !important;
    border-style:outset !important;
    border-width:2px !important;
    background-position:10px 1px!important;
    border-radius:14px!important;}

    [href="about:license"]:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url(e:/Installationsdateien/Downloads/Icons/index2.png)no-repeat !important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:20px!important;
    padding-left:40px!important;
    background-position:10px 1px!important;
    border-radius:14px!important;}
    
    [href="about:rights"]{
    -moz-appearance:none!important;
    background: gainsboro url(e:/Installationsdateien/Downloads/Icons/index3.png)no-repeat !important;
    color:black!important;
    margin-left: -28px !important;
    margin-right: 10px !important;
    margin-top: 2px !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:20px!important;
    padding-left:40px!important;
    border-color:red !important;
    border-style:outset !important;
    border-width:2px!important;
    background-position:10px 1px!important;
    border-radius:14px!important;}

    [href="about:rights"]:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url(e:/Installationsdateien/Downloads/Icons/index4.png)no-repeat !important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:20px!important;
    padding-left:40px!important;
    background-position:10px 1px!important;
    border-radius:14px!important;}

    [href="https://www.mozilla.org/privacy/"]{
    -moz-appearance:none!important;
    background: gainsboro url(e:/Installationsdateien/Downloads/Icons/index5.png)no-repeat !important;
    color:black!important;
    margin-left: 2px !important;
    margin-right: 10px !important;
    margin-top: 2px !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:20px!important;
    padding-left:40px!important;
    border-color:green !important;
    border-style:outset !important;
    border-width:2px !important;
    background-position:10px 1px!important;
    border-radius:14px!important;}


    [href="https://www.mozilla.org/privacy/"]:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACwElEQVQ4jX3RfUwMYBzA8ef4g5zkfSTnrZjRYpHQy87bhLzV9eJWXjoaKv9oSK03G+a1EEpkrlC5Cyd08jLvLwnp7upKuJFmazIaOr7+QBfi2b7bs/2e3+efR4h2TlBQpP+2bQdvnj6t/6jTXWvOyFA/UKliQ4UQkvbe/3bCwlbH5OXprLm550lK2mNOSdlbVVR0Fb3+DjExqQn/XVYoFrunpR1rTk/P/bpAsTJ29uxFPfz8lN0CgqKXH88r/qTVXv2iUsVP+ScQoVqXkZWpJWzJ2lN/zlasSsm+XFpGfHy6+p9AZNQm3dbtecxTxq3+cxai2hpYoLnB9t351/9azA7p7bgrePTI6MXL7yVu3EmSctr6w4tkQ7fIpW5b5FK3Qwon59Sl/pFHsjTsSN5l2Bk+0UOtHODUCuji3GvqzoZj0izDWBRBdcHCb+bCQGp1wTw7F4C5YA7VuTO/VZ8KpTo/kNoCfy4melhagSc5c+GzGhr3w5tkaNgAryOo13vy6oIr1HhB+Qy4MwXuysE4l6rjs2gFyjOnW2nYDC8SoTYKLGHc3SPDpatA1kVQmmoHN4ZBiQucHwLXRmA87Gu1AQd8rVjWQE0kmBTwfBoX1zvgLBEMFoJCVQfQS+GMPWjtoKQ7hizPNkDGZCt1SjAugAo51Izng7YfET0FwfaCt/skUCKBIgloBFzohCFrvA14uN/LSt18ME6Fp+5gHs7LBClxdoLYTgJzVEe4JYUrUrjUGW53w5A9oQ2Q6WXluQ9UjoUKZ3jUn+aj9tTv7kp9mj0fchzgXh8o6wv3e0FlPwxHJ7UFJlmxuIDJEUwDweQEdTJ4NehHLwZBlexnA8AyFIPaywY8zvGFFg9oGgXv3H7U5Ga7/5YrtIzDWCi3fePZtaMfmTTy95UnvRsrT/zKp/Fpu3k3mrTy98XxY0xCCPEd9AXsOMI+ROQAAAAASUVORK5CYII=") no-repeat !important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:20px!important;
    padding-left:40px!important;
    background-position:10px 1px!important;
    border-radius:14px!important;}            
    
    
    [href="http://www.mozilla.org/"]{
    -moz-appearance:none!important;
    background: gainsboro url("data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAABMLAAATCwAAAAAAAAAAAAAAAAAAAAAAAAAAABYAAAAtAAAAUgACJIUBBkOzAwlTxwMJVMgBBkCyAAIhigAAAFUAAAAtAAAAFgAAAAAAAAAAAAAAAAAAAAAAAABHAAIhigEIbegCC4H5Aw2N/wIJiv8CCor/AxKQ/wQekfsEEXnwAgMkmgAAAEoAAAAAAAAAAAAAAAAAAAAAAANHXgEIduoCCo3/BBag/wo9wv8LT9H/C1jV/wxd1f8HQb//CCag/wcgkvcACUNyAAAAAAAAAAAAAAAAAAWCNwEIgekDC5T/DETA/w9e1/8RYdv/EGTe/wxm5f8NY+L/DWPe/w125v8MWMf/BCeb9wMedl0AAAAAAACADAEKj88DC5T/EGPV/xRq3f8YZ9r/G2/c/yFeu/8ZUKf/DlGx/wlnz/8Qh+//FIfm/whNvf8RLZrxIEqqGAAJjmwCDJP2DU3I/xVr3v8WaN3/E2LZ/wgqpv8CB4f/AgeH/1sSAP9DLTv/MHWk/xel+v8Hier/Ciac/xgjmYIDDJLECTq5/xFp3/8QaN7/BDvB/whLzf8QVc7/DF3Z/y1Xov8CB4f/aiMA/1EsHv8eouf/GK74/wdbxv8BFZLHAg2O8g5Y0v8Sgev/CD64/wEstv8EIKD/AgeH/wIHh/9Cdrb/YnGH/2soBP9vKAD/R3KA/y3G//8Zl+L/AxSP9AEHiP4PZ9//EoDr/wUnpv8DH6H/AgeH/wIHh/+YTg3/hD0I/4E8Cf9/PhL/gDYG/2VWQf8/1///ML/u/wIHh/4DD473D2vf/xBt4/8SYtn/N5zl/zec5f9NrPL/AgeH/9qbO/+xcSr/mVcd/5NKD/9vRir/Ucnv/zqy6/8GFY/6AxCP6Q1b1P8MWtz/EG/j/xRf2v8pcuL/d6fu/wIHh//ywFX/5K9P/9aYPf+PTBP/bW9d/1TH5v8yk9T/CieZ0gIKis8JPrn5DmPh/wtP2P8UX9r/EoHr/xRf2v8UX9r/AgVW//fhfv/21mn/jEwV/3OTh/9Y1vX/H06t/xI6pJECB4icBRqZ/xKB6/8UX9r/Byam/xKB6/8CB4f/AgeH/wIDN//z4Yz/0rh6/4ZFFv9jzeH/QZzV/xUwmfAVSqoYAAaFXAIHh/8Sgev/AgeH/wIHh/8Sgev/AgeH///4w//888X/+u+3/4hRJP9mxtT/O4C//xYlkfcSO6ZWAAAAAAAAAAACB4f/AgeH/ywZO4U5HivdAgeH/wIHh////+L////j/4taOf9/t7H/RmCM/TsvT7kJGpM7AAAAAAAAAAAAAAAAAQaHrAAFhzMAAAAASiIPNDIbN5krGUHXSSYO7UkmDu1JJQ/ASiYOgEoiDzQAAAAAAAAAAAAAAAAAAAAAwANvZ8ADbUbAA2VzgAE4NgAAQzoAAHJvAABhbQAAaWwAACAoAAA2KQAAcm8AAGFtAAA0MwABQzqAA3JvkA9hbQ==") no-repeat !important;
    color:black!important;
    margin-left: 2px !important;
    margin-right: 10px !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:15px!important;
    padding-left:35px!important;
    border-color:cadetblue !important;
    border-style:outset !important;
    border-width:2px !important;
    background-position:10px 1px!important;
    border-radius:14px!important;}


    [href="http://www.mozilla.org/"]:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAABMLAAATCwAAAAAAAAAAAAAAAAAAAAAAAAAAABYAAAAtAAAAUgACJIUBBkOzAwlTxwMJVMgBBkCyAAIhigAAAFUAAAAtAAAAFgAAAAAAAAAAAAAAAAAAAAAAAABHAAIhigEIbegCC4H5Aw2N/wIJiv8CCor/AxKQ/wQekfsEEXnwAgMkmgAAAEoAAAAAAAAAAAAAAAAAAAAAAANHXgEIduoCCo3/BBag/wo9wv8LT9H/C1jV/wxd1f8HQb//CCag/wcgkvcACUNyAAAAAAAAAAAAAAAAAAWCNwEIgekDC5T/DETA/w9e1/8RYdv/EGTe/wxm5f8NY+L/DWPe/w125v8MWMf/BCeb9wMedl0AAAAAAACADAEKj88DC5T/EGPV/xRq3f8YZ9r/G2/c/yFeu/8ZUKf/DlGx/wlnz/8Qh+//FIfm/whNvf8RLZrxIEqqGAAJjmwCDJP2DU3I/xVr3v8WaN3/E2LZ/wgqpv8CB4f/AgeH/1sSAP9DLTv/MHWk/xel+v8Hier/Ciac/xgjmYIDDJLECTq5/xFp3/8QaN7/BDvB/whLzf8QVc7/DF3Z/y1Xov8CB4f/aiMA/1EsHv8eouf/GK74/wdbxv8BFZLHAg2O8g5Y0v8Sgev/CD64/wEstv8EIKD/AgeH/wIHh/9Cdrb/YnGH/2soBP9vKAD/R3KA/y3G//8Zl+L/AxSP9AEHiP4PZ9//EoDr/wUnpv8DH6H/AgeH/wIHh/+YTg3/hD0I/4E8Cf9/PhL/gDYG/2VWQf8/1///ML/u/wIHh/4DD473D2vf/xBt4/8SYtn/N5zl/zec5f9NrPL/AgeH/9qbO/+xcSr/mVcd/5NKD/9vRir/Ucnv/zqy6/8GFY/6AxCP6Q1b1P8MWtz/EG/j/xRf2v8pcuL/d6fu/wIHh//ywFX/5K9P/9aYPf+PTBP/bW9d/1TH5v8yk9T/CieZ0gIKis8JPrn5DmPh/wtP2P8UX9r/EoHr/xRf2v8UX9r/AgVW//fhfv/21mn/jEwV/3OTh/9Y1vX/H06t/xI6pJECB4icBRqZ/xKB6/8UX9r/Byam/xKB6/8CB4f/AgeH/wIDN//z4Yz/0rh6/4ZFFv9jzeH/QZzV/xUwmfAVSqoYAAaFXAIHh/8Sgev/AgeH/wIHh/8Sgev/AgeH///4w//888X/+u+3/4hRJP9mxtT/O4C//xYlkfcSO6ZWAAAAAAAAAAACB4f/AgeH/ywZO4U5HivdAgeH/wIHh////+L////j/4taOf9/t7H/RmCM/TsvT7kJGpM7AAAAAAAAAAAAAAAAAQaHrAAFhzMAAAAASiIPNDIbN5krGUHXSSYO7UkmDu1JJQ/ASiYOgEoiDzQAAAAAAAAAAAAAAAAAAAAAwANvZ8ADbUbAA2VzgAE4NgAAQzoAAHJvAABhbQAAaWwAACAoAAA2KQAAcm8AAGFtAAA0MwABQzqAA3JvkA9hbQ==") no-repeat !important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:15px!important;
    padding-left:35px!important;
    background-position:10px 1px!important;
    border-radius:14px!important;}
    
    [href="about:credits"]{
    -moz-appearance:none!important;
    background: gainsboro url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABY0lEQVQ4jY2TIWzCQBSGESdfTlWePFmJRKKWqgVZRZapBkHIBGkmEAhExaVBICoQE4ipBkHIBFkmlgZBkJWVlSeb/BOlFwqFcckz97/3/e/e3bVaZ4s4oYpWw7qrEyfE6xjxOoY/9q+S/tNNQqhCeAMP525VXOpXAH/swxt4cJ4cNDle6jfPd8vxMmrFQuWQgYYMNOygaHR09h6cvYfeYYTe4WwOFUCoHGKhIaOi0bHz+4LuCeLsR3WANc1gzTIIlYM4QS8FipWEXksUXzaKH9tAqk5qAJqkJWSagTghj4SJYiVRrCSIE9o713RSB3ACvR8NIFUWsoWFPBLQSwG9PAE2Lto7t3mQbJiAvW4NIFUWsrllOiFOkKqL9sZtvkY2SMCeQ0MvIYRsbpk9+daB/dm7D2DDBMQJyZRhO2ZIVQmwI6cEfDz4kJIZIewzHINr7daHqwG/JwxhnyGZPVDQBHjE8Q+prGkQ/E8w9AAAAABJRU5ErkJggg==") no-repeat !important;
    color:black!important;
    margin-left: 2px !important;
    margin-right: 10px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:15px!important;
    padding-left:35px!important;
    border-color:cadetblue !important;
    border-style:outset !important;
    border-width:2px !important;
    background-position:10px 1px!important;
    border-radius:14px!important;
    }


    [href="about:credits"]:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABY0lEQVQ4jY2TIWzCQBSGESdfTlWePFmJRKKWqgVZRZapBkHIBGkmEAhExaVBICoQE4ipBkHIBFkmlgZBkJWVlSeb/BOlFwqFcckz97/3/e/e3bVaZ4s4oYpWw7qrEyfE6xjxOoY/9q+S/tNNQqhCeAMP525VXOpXAH/swxt4cJ4cNDle6jfPd8vxMmrFQuWQgYYMNOygaHR09h6cvYfeYYTe4WwOFUCoHGKhIaOi0bHz+4LuCeLsR3WANc1gzTIIlYM4QS8FipWEXksUXzaKH9tAqk5qAJqkJWSagTghj4SJYiVRrCSIE9o713RSB3ACvR8NIFUWsoWFPBLQSwG9PAE2Lto7t3mQbJiAvW4NIFUWsrllOiFOkKqL9sZtvkY2SMCeQ0MvIYRsbpk9+daB/dm7D2DDBMQJyZRhO2ZIVQmwI6cEfDz4kJIZIewzHINr7daHqwG/JwxhnyGZPVDQBHjE8Q+prGkQ/E8w9AAAAABJRU5ErkJggg==") no-repeat !important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:15px!important;
    padding-left:35px!important;
    background-position:10px 1px!important;
    border-radius:14px!important;}
            
    [href="http://www.mozilla.org/contribute/"]{
    -moz-appearance:none!important;
    background: gainsboro url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAWklEQVQ4jWNgIAz+QzFZ4P/Xe5v/f723mWxDBtaA/6Qa8B8dwzQTYwCKYmyYgUBsEDQAzRAMw3A6Hd2A/fv3/9+/fz+mAcS6gHYG0M0LOAOR0mjE8AYOTH0AAMA1XaukOJprAAAAAElFTkSuQmCC") no-repeat !important;
    color:black!important;
    margin-left: 2px !important;
    margin-right: 10px !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:15px!important;
    padding-left:35px!important;
    border-color:cadetblue !important;
    border-style:outset !important;
    border-width:2px !important;
    background-position:10px 1px!important;
    border-radius:14px!important;}


    [href="http://www.mozilla.org/contribute/"]:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAWklEQVQ4jWNgIAz+QzFZ4P/Xe5v/f723mWxDBtaA/6Qa8B8dwzQTYwCKYmyYgUBsEDQAzRAMw3A6Hd2A/fv3/9+/fz+mAcS6gHYG0M0LOAOR0mjE8AYOTH0AAMA1XaukOJprAAAAAElFTkSuQmCC") no-repeat !important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:15px!important;
    padding-left:35px!important;
    background-position:10px 1px!important;
    border-radius:14px!important;}
    
    
    [href="https://sendto.mozilla.org/page/contribute/Give-Now?source=mozillaorg_default_footer&ref=firefox_about&utm_campaign=firefox_about&tm_source=firefox&tm_medium=referral&utm_content=20140929_FireFoxAbout"]{
    -moz-appearance:none!important;
    background: gainsboro url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB+UlEQVQ4jbWS3WtScRjHxeugFoipxxHV8SJ3M2RnV13kH5AXu5rU3elChhXIwAlrDMO6aUa6sRK2QMkwiLBNRYroeKE77FD4gqOgujDIXhYMutjA8+li7MgYvRD1wOfy+Tzf3/N7TKb/Xd0Pb/irxsXiLL74AFLYjBQ2E1oao9l8/meyaFbGFx8goliJqTZiqo1gwYIUNrNYnP21ZG9yom4nolgJFiwECxYSdTsx1YYUNvNp82NfspGephpwHaAYPUEyJxBRrAaZtoOL9w7tT1ENuODbE/hyfx9b6gTVgItkTjCekWk7uFY6SmhprC8oyyK8vwzN0T4NCb3l5XN+lLIscveZnUTdTrEjMLNyhGhWxvidA4KGRK/ipldxo7e8dB4Mszo/SKbtoNgRCF09TFkWUSaH2EhPY1q5cPxAAl3zsD5zCl3zoLe8tJOnWZ0fJD5noSyLfFWvo7e8lGURU87vNKbqmseI/712lsbCCLrmoVdxo0wOGc00JLopASV2flfw6sZJ1qYcdFOCIdJbXvSWl8bCCO+yw6zPnWFLnUDXPLy9aSfnd/L6xePdPbx8eJtmMU0+7OPpFSfbJdGQ7DTH2WmOo2setksia1MOlFuXfn6VteUoOb+TbkqAR8cMuimBnN9JbTn6+3PeS3PnnN0gH/b1I//L+gEgHrGtnxoXZQAAAABJRU5ErkJggg==") no-repeat !important;
    color:black!important;
    margin-left: 2px !important;
    margin-right: 4px !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:15px!important;
    padding-left:35px!important;
    border-color:cadetblue !important;
    border-style:outset !important;
    border-width:2px !important;
    background-position:10px 2px!important;
    border-radius:14px!important;}


    [href="https://sendto.mozilla.org/page/contribute/Give-Now?source=mozillaorg_default_footer&ref=firefox_about&utm_campaign=firefox_about&tm_source=firefox&tm_medium=referral&utm_content=20140929_FireFoxAbout"]:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB+UlEQVQ4jbWS3WtScRjHxeugFoipxxHV8SJ3M2RnV13kH5AXu5rU3elChhXIwAlrDMO6aUa6sRK2QMkwiLBNRYroeKE77FD4gqOgujDIXhYMutjA8+li7MgYvRD1wOfy+Tzf3/N7TKb/Xd0Pb/irxsXiLL74AFLYjBQ2E1oao9l8/meyaFbGFx8goliJqTZiqo1gwYIUNrNYnP21ZG9yom4nolgJFiwECxYSdTsx1YYUNvNp82NfspGephpwHaAYPUEyJxBRrAaZtoOL9w7tT1ENuODbE/hyfx9b6gTVgItkTjCekWk7uFY6SmhprC8oyyK8vwzN0T4NCb3l5XN+lLIscveZnUTdTrEjMLNyhGhWxvidA4KGRK/ipldxo7e8dB4Mszo/SKbtoNgRCF09TFkWUSaH2EhPY1q5cPxAAl3zsD5zCl3zoLe8tJOnWZ0fJD5noSyLfFWvo7e8lGURU87vNKbqmseI/712lsbCCLrmoVdxo0wOGc00JLopASV2flfw6sZJ1qYcdFOCIdJbXvSWl8bCCO+yw6zPnWFLnUDXPLy9aSfnd/L6xePdPbx8eJtmMU0+7OPpFSfbJdGQ7DTH2WmOo2setksia1MOlFuXfn6VteUoOb+TbkqAR8cMuimBnN9JbTn6+3PeS3PnnN0gH/b1I//L+gEgHrGtnxoXZQAAAABJRU5ErkJggg==") no-repeat !important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:15px!important;
    padding-left:35px!important;
    background-position:10px 2px!important;
    border-radius:14px!important;}
    
    #releasenotes{
    background: gainsboro url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADUUlEQVQ4jXWTb0xVdQCGfyIykS7IACky0ZVDqQRF7zlNxMs5Z/6lGGzR8E+CwO+sdLBrMjG8kGnAqORfXATmhQLxWoCJmU5xEKJsEF4KSdFkhqaSrWUfXOXq6Utfono/P8/eL+8rxKTE2GSw1ZB2xTBPKrq8pejmXUU3z6mazFdtaXMn8/+I1ZB2dX0O2k4XSdXnedHlIck9ytqqHmJ3NKAk5mLVZOF/yqomDyzbsJ+4D/pJbB8n1tHKAfcXOC+Mk9x2E63lBkuqviRqy3tYDemc3JwbnZTP8zXDxDV/S1zDN6TtPwIAf/xOevt1YptuEF03wtwyDxEb30XRZakQQojFK9JDlq7eTljBWSKqh7EeuoLtyE02tFxm5M4Duq5OsPbwKErDNSKdwzz5/iCPFfYQlZCLGpe5UFgNaZ+XWkpAyQBzyjxE1lxmWXkfWu0lYst6USv6sLqusKh2hHkVQwSV9ONd2MsTrx5E1bIqharLU4GyCZ+9FwkqGWB22RALHCepP3aBa99NcGn0NopzkDnlXzGrdIDpb/fhtbsb/yw3im4OCdWQ38/Ydhyv3d347L1IYPEAfvv6SCxoAeDhr7+xqLwfS9Hfcn4P3vazWDI/QTXMCaEa5oQls5VpOafx2tXF1IJepuR1sTrvI/jzEfd/+pnw4vNMcfTildeNt/0M0187QcDmFhRd3heKbnaFvuxkhjyOz/bP8X6jE5F9GmOni0cPf2H89l3CHJ0Ieyc+2afwNTuwbGklJLkORTdHhKJLxzPr3sJ/01H8trbha3Ygth5Dy6njwY/3GL0+xlM7TjBVduCX0Y5l81ECU5oIX1OCostDYrGWER5jbCPkpTpmpjTjv9GNV8phVr5ezZ3xMYa+HiFcfoxvqpuAV5oJTG4keH0tUbqdpVqGVQghhKJl7XvWyCVkXT1BiQ1MW3OQeFnOrbGreDwent70IZYEF8EJ9cxaVcMCLR/VkFWT1+h8Ts8jNL6CUKMIe3EjbZ+dw/3pGVJ3NRKiVfL4ynIi49/EakhnjCED/vUHxZDFMXo2C217mB9fRNjyImYvL2a+7R0iVuxhSXwOqpZVGW1Lm/m/j1T09EjFkGWqLgcVXd5TDfmDapjDimHWWXXzhcn8X5Ud4xynpfEiAAAAAElFTkSuQmCC") no-repeat !important;    
    color:black!important;
    margin-left: 10px !important;
    margin-right: 35px !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:20px!important;
    padding-left:30px!important;
    padding-bottom:1px !important;
    border-color:cadetblue !important;
    border-style:outset !important;
    border-width:2px !important;
    background-position:7px 3px!important;
    border-radius:14px!important;
    margin-top: 35px !important;
    }

    #releasenotes:hover{
    background: #B2EDFA url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADUUlEQVQ4jXWTb0xVdQCGfyIykS7IACky0ZVDqQRF7zlNxMs5Z/6lGGzR8E+CwO+sdLBrMjG8kGnAqORfXATmhQLxWoCJmU5xEKJsEF4KSdFkhqaSrWUfXOXq6Utfono/P8/eL+8rxKTE2GSw1ZB2xTBPKrq8pejmXUU3z6mazFdtaXMn8/+I1ZB2dX0O2k4XSdXnedHlIck9ytqqHmJ3NKAk5mLVZOF/yqomDyzbsJ+4D/pJbB8n1tHKAfcXOC+Mk9x2E63lBkuqviRqy3tYDemc3JwbnZTP8zXDxDV/S1zDN6TtPwIAf/xOevt1YptuEF03wtwyDxEb30XRZakQQojFK9JDlq7eTljBWSKqh7EeuoLtyE02tFxm5M4Duq5OsPbwKErDNSKdwzz5/iCPFfYQlZCLGpe5UFgNaZ+XWkpAyQBzyjxE1lxmWXkfWu0lYst6USv6sLqusKh2hHkVQwSV9ONd2MsTrx5E1bIqharLU4GyCZ+9FwkqGWB22RALHCepP3aBa99NcGn0NopzkDnlXzGrdIDpb/fhtbsb/yw3im4OCdWQ38/Ydhyv3d347L1IYPEAfvv6SCxoAeDhr7+xqLwfS9Hfcn4P3vazWDI/QTXMCaEa5oQls5VpOafx2tXF1IJepuR1sTrvI/jzEfd/+pnw4vNMcfTildeNt/0M0187QcDmFhRd3heKbnaFvuxkhjyOz/bP8X6jE5F9GmOni0cPf2H89l3CHJ0Ieyc+2afwNTuwbGklJLkORTdHhKJLxzPr3sJ/01H8trbha3Ygth5Dy6njwY/3GL0+xlM7TjBVduCX0Y5l81ECU5oIX1OCostDYrGWER5jbCPkpTpmpjTjv9GNV8phVr5ezZ3xMYa+HiFcfoxvqpuAV5oJTG4keH0tUbqdpVqGVQghhKJl7XvWyCVkXT1BiQ1MW3OQeFnOrbGreDwent70IZYEF8EJ9cxaVcMCLR/VkFWT1+h8Ts8jNL6CUKMIe3EjbZ+dw/3pGVJ3NRKiVfL4ynIi49/EakhnjCED/vUHxZDFMXo2C217mB9fRNjyImYvL2a+7R0iVuxhSXwOqpZVGW1Lm/m/j1T09EjFkGWqLgcVXd5TDfmDapjDimHWWXXzhcn8X5Ud4xynpfEiAAAAAElFTkSuQmCC") no-repeat !important;
    color:black!important;
    margin-left: 10px !important;
    margin-right: 35px !important;
    font-size:14px!important;
    text-decoration:none!important;
    border-color:cadetblue !important;
    border-style:outset !important;
    border-width:2px !important;
    background-position:7px 3px!important;
    border-radius:14px!important;}            
    }

Alles anzeigen

2002Andreas

Eine Pfadangabe sieht hier z.B. so aus:

background: url("file:///C:/Users/Andi/Icons/Firefox/Computer_File_061.gif")no-repeat !important;

2002Andreas

Oder einen Ordner Icons im Ordner chrome erstellen.

Dort alle genutzen Icons hinterlegen.

Angesprochen werden sie dann so:

background: url("file:..//Icons/1.gif") no-repeat !important;

Vorteil, sie werden bei einer Profilsicherung auch gesichert. Und wenn du den Fx auf einem Stick nutzt, sind die Icons immer dabei.

In Fx 67 lautet der Pfad noch:

background: url("file:./Icons/1.gif") no-repeat !important;

Speravir

Ohne es auszuprobieren, denke ich auch, dass es an dem fehlenden file:/// liegt – oder Du müsstest einen relativen Pfad angeben, Boersenfeger . ~~Zusätzlich wären Anführungszeichen um die Adresse hilfreich~~ (nee, leider auch ohne erlaubt); zwischen der schließenden Klammer und dem no-repeat ein Leerzeichen einzufügen ist auch nicht verkehrt.

Sören Hentzschel

Allgemein gesprochen: Eine URL (eine relative Adresse wird hier ja nicht verwendet) beginnt immer mit einem Protokoll, auch dann, wenn die Ressource nicht im Web liegt. Dann ist das Protokoll statt https:// oder http:// eben chrome:// für Firefox-interne Ressourcen oder file:// für Dateien im lokalen Dateisystem. Firefox muss ja wissen, wo er nach dieser Adresse suchen muss.

Zitat von Speravir

~~Zusätzlich wären Anführungszeichen um die Adresse hilfreich~~ (nee, leider auch ohne erlaubt)

Anführungszeichen werden dann benötigt, wenn der Pfad ein Leerzeichen beinhaltet. In dem Fall funktioniert es ohne Anführungszeichen nämlich nicht. Gewöhnt man sich an, immer Anführungszeichen zu setzen, dann scheitert es zumindest daran nie.

Boersenfeger

Vielen Dank für die hilfreichen Hinweise....

So sieht es aus und es klappt ...

CSS

background: gainsboro url("file:///E:Installationsdateien/Downloads/Icons/index1.gif")no-repeat !important;

Dann steht jetzt eine längere Bastelpause an...

BTW: der Ordner Icons war in Chrome bereits angelegt... dies war im Eingangspost aus dem Code auch eigentlich zu erkennen...

CSS

    background: gainsboro url(e:/Installationsdateien/Downloads/Icons/index4.png)no-repeat !important;

2002Andreas

Zitat von Boersenfeger

der Ordner Icons war in Chrome bereits angelegt.

Ich sehe da nichts vom Ordner chrome

e:/Installationsdateien/Downloads/Icons/index4.png

Boersenfeger

Oh, verdammt, du hast recht... habe sie falsch gespeichert... also noch mal schnell umstricken... der Ordner existiert aber schon seit 21.6.

...

Speravir

Zitat von Sören Hentzschel

Anführungszeichen werden dann benötigt, wenn der Pfad ein Leerzeichen beinhaltet. In dem Fall funktioniert es ohne Anführungszeichen nämlich nicht.

Aha, wusste ich noch nicht (ich setze immer Anführungszeichen), ist aber bspw. in Windows genauso. In url - CSS: Cascading Style Sheets (MDN) steht davon nämlich nichts.

Zitat von Sören Hentzschel

Gewöhnt man sich an, immer Anführungszeichen zu setzen, dann scheitert es zumindest daran nie.

Volle Zustimmung. Es fragt sich, warum das überhaupt ohne erlaubt wurde. Kapitulation vor dem Faktischen, also wegen sehr vieler bis dahin fehlerhafter Anwendungen? (Müssen wir hier aber nicht lange ausführen.)

Sören Hentzschel

Früher galt anderes als gute Praxis. Alte Browser hatten so ihre Probleme mit Anführungszeichen. Früher wurde von einem Google Styleguide auch explizit empfohlen, Anführungszeichen wegzulassen. Das CMS Drupal hatte vor Jahren automatisch die Anführungszeichen entfernt, wenn es kein Leerzeichen im Pfad gab. Selbst wenn man das ändern wollte, so dass Anführungszeichen sein müssen - das lässt sich heute nicht mehr ändern. Denn Webseiten werden auch gerne mal zehn Jahre oder länger überhaupt nicht mehr angerührt und es gibt keinen guten Grund, Inkompatibilitäten zu schaffen.

Aber im Prinzip gilt eh die gleiche Regel, die für alles gilt: Ob nun bei einer Eingabe im Terminal des Betriebssystems oder auf Windows in den Eigenschaften einer Verknüpfung: Es ist eigentlich überall so, wo mit Pfaden gearbeitet wird, dass Anführungszeichen dann notwendig sind, wenn Leerzeichen im Pfad sind.

Speravir

Danke, Sören Hentzschel – mir war noch eingefallen, dass früher mehr auf Bandbreite geachtet wurde und das ein, wenn auch nur kleiner, Punkt gewesen sein könnte.

Icons direkt in die Codes einbinden...

Ähnliche Themen

Aktuelle Nightly Version - Scripte funktionieren nicht mehr