Hallo,
wie muß der Pfad in der CSS Datei geschrieben werden wenn ich ein Icon für die Tabs haben möchte und dabei Stylish verwendet wird ?
eigentlich habe ich das immer so geschrieben
über Stylish funktioniert es nicht mehr.
Am besten die Grafik in Base64 Code online umwandeln, in den restlichen Code mit einbauen und gut is.
Ich habe dafdür, hier so was am laufen,
/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url-prefix("chrome://browser/content/browser.xul") {
.tab-close-button.close-icon.always-right .toolbarbutton-icon,
.tab-close-button.close-icon.always-left .toolbarbutton-icon
{
background-color:transparent !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAADNUlEQVR4Xl1TXUhUaRh%2B5pwzjTo25iRTOClCHGsiI2K9aGqCZS9mIA0NwbopqBsvvOkiLKGgommxUgRhp4JgyxaCgtWEZqVoZXYGa5UdxSlh1dKZGptp%2FJmj83%2Fm2%2Fcca3X3wOH7eM%2F7vD%2FP8xyNxWLH%2F57STCa9W5blOgBGxhjy%2BfwCx2FAEIRJAItKjLG8msxtRFLQkUqlnu3YUeFzOH5ob25uaDl5srHl2DFHuyju8mUy2WeynHNsxHDrYNYqCJuenDp14tCNGxfR0XEBTuc59b19ux23bl1CS8vZQwbD1idUpPUbTvja2c7z2s7Tp09o7XYbBEGD6ekQAPa1OKDVanH8uB3btpn0XV2uznh84W9B4H%2FjqLMhm81ePnzYqq2psWB5OY6qKpO649zcZ4RCUczMfERpqR5bthRhzx4RDQ1HtYDmsiznDRDF7w%2FW1jaxmzd%2FYb29L5gkJRmRxhKJNHO7%2F2R37%2FazqamQElPfBw%2Fc7Pz5brZv31FmNn93UGAMdUZjKXI5Ge%2FfB9HX9wcaG20oLNwEm20votEKVFaaAACdnY%2Fw%2FPkQMpmMwhk4jq%2Fj6DFqNBpK%2FIL5%2BQiGhl7j3r1fIUkpKqJTwZRLpP6Mx48HkEwmoOQXFBTSyRk5uiORSNGuYbVAODyPQGAakUgM356VlRTFv5AfZPA8T0DQfc0LvNFYZaUpbEqXeFxCWZkRbW1nUF1dQQlr4M2bC2C1HqAVw5idDUKn01HuIjWWBhUVBtLpFHGQQ0mJQdXdYqn8uvNDXLnyE5aWkjAYCnD9eiv2768BqYZ0OqlMMMABLJBMrvpoPLXy5OQHlSCX6ykGB73w%2B9%2Biu7uXds%2BQnJ%2FoXGu2uir5AE1AmSDOmHw1FotmlSL9%2Fb%2Fj2rX78Hr9MJnKUF6%2BHe%2FeTZMTH%2BLOnaeqTyKRUJbceBVAXLNz5xEAgGJPvb7kR1EU9WazGcXFRTRqTiWMLE5crJCx5mjCt6uStHiBFOj5z79ARPbQhya%2Ff8Q7MvIGExMBxGILqhrj42MYHvZhdPS1lyzc9A28XmC9iJtWqg8GZ61jY385PZ5XLo%2FnpcvvH3UGgx%2BsRFo9mce9EfMP5le4Fwtn2oMAAAAASUVORK5CYII%3D")!important;
-moz-image-region: auto !important;
background: none !important;
border: none !important;
opacity: 1.0 !important;
margin-top: -1px !important;
margin-right: 4px !important;
}
.tab-close-button.close-icon.always-right:hover .toolbarbutton-icon,
.tab-close-button.close-icon.always-left:hover .toolbarbutton-icon
{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAApklEQVR4XpWSMQ7DIAxFrajHYOoRWDgnpyksLLkCCzsTR4CBfmGpsSJoyxus%2F%2B18Wcih1w6994NoI0NEDxpYa%2BkrzrkrwJRS6Ccy0FpDVUrlnLlzWcHxUbVWjPkj6JsVAbEhpcT6OWCNJkbzAIgxkgCW%2B5M3yL2T5mqD1poEsNyfP9oYw%2FocsEZz%2BegQAgQq9M0u7%2BC9F2NhZYAvj7pxaf5P%2FqJv8gaikfEGnBQDbAAAAABJRU5ErkJggg%3D%3D")!important;
-moz-image-region: auto !important;
background: none !important;
border: none !important;
opacity: 1.0 !important;
margin-top: -1px !important;
margin-right: 4px !important;
}
.tab-close-button.close-icon.always-right:hover:active .toolbarbutton-icon,
.tab-close-button.close-icon.always-left:hover:active .toolbarbutton-icon
{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn%2FAACA6QAAdTAAAOpgAAA6mAAAF2%2BSX8VGAAADDUlEQVR42mJ8%2BPAxn5yczKdHj56I%2Fvv33%2Bzitbdel6%2B9inv35jMPAxDkpBlPY2FhqQaq%2BQDiA9WxASkWIP4BxJoAAcQINID1959%2Ff46df7P36uVnjtz8%2FAyqOsoMXjaSDA2N6xi8JGIZuDlAWhn%2By%2FrcqWJkZJzw9%2B%2Ffn0A%2BExBLAgQQiOCdOuv0nntPfjkqm5gz6FiZMgiJCDHAgLrXega94D0MHHxKjJycbO3bLjO3MTMzywBd9BcozQkQQCADBIDYSVLbgIGTjxdiFQMC%2FP%2F3C0gyMoioRTBsOM%2FEkL7gTyEbG3Ms0CuMIC8ABBDIgF8QpYxgjf%2F%2Fg1gIwMzCysDMLsiw6ZE7Q%2F6in2B5Tk4ORz4%2Bbm4uLvbzAAHEgjAAoRHZBaysHAyzDvIyVG3gYfj6EyLDm%2FzFBUh9BrEBAgjkgt8wbc9v32Y4smErqhH%2F%2FzDkL2EEamZiwAYAAogJWfXz27cY%2BjqCGRiR%2FPDz6wuGTXnvGXABgABCMoCRgU9UlKGiYQuKgp%2BfnzDYSp5lWBJ1ioGTDWLy2%2BlsS59PZDJ40segDRBAoDD4CU0UHMomZgw87Kg2%2FP7ykOEHy2sGA8bLDAvTbRjCJ%2F9i%2BPHj94k%2Ff%2F5eAskDBBAT1IAtEIdAbPiPHAS%2FvzD8%2FfGa4eubSwzWSr8ZFqUxMvz9%2B%2B8uUIoLpB8ggFigus6%2Fun09REpJgYGBnRMlEE%2FsP8DAywmyh52B6937X9ZK3G3%2F%2FjEdAaZIRaDgNYAAAhnAHxakeen4%2BTcMN44cYuARFGRQUJVj%2BKsmCzbgPnsSAyc7B4OIiAjD27dvN%2FPx8TWBkgcQfwdZDhBAoLygDEzbz799%2B%2Bb39u17m1v3v8Y%2Be%2FGH78P7b2ADNJU%2FADUL%2F5OTkzfi4OC4zMvL%2Bx%2Fq9X8geYAAAhmgC3LKv3%2F%2FZH7%2F%2Fv3458%2BfqkDDIr58%2BWLKxMQoKSYmfouHh6cLqOYqEP%2BB%2BowTSn8HCCCQAcLAjPEWmLaZIQH4nwnooj%2B%2Ffv1iArKZ2dnZmYDZGZrYILZCww0cUAABBgB4jBZimzSmJgAAAABJRU5ErkJggg%3D%3D")!important;
-moz-image-region: auto !important;
background: none !important;
border: none !important;
opacity: 1.0 !important;
margin-top: -1px !important;
margin-right: 4px !important;}
}Hoffe, der funktioniert auch bei Dir.
Mfg.
Endor
Hallo,
Danke für die Antworten erstmal. Das mit Base64 werde ich ausprobieren.
@ Endor
ich glaube nicht das das richtig Funktionieren bei mir.
[Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/unbenannt2p90kzu6ai3.jpg]
Der Code funktioniert hier einwandfrei.
[Blockierte Grafik: http://www11.pic-upload.de/thumb/20.06.14/dcy7jjnomjmw.jpg]
Hallo Son Goku.
Wie man auf Deinem Bild sehen kann würde der Code auch bei Dir funktionieren.
Du hast beim einbauen nur eine abschließende geschweifte Klammer } vergessen.
Dies besagt jedenfalls die Fehlermeldung in Deinem Bild.
Mfg.
Endor