Hallo @all..
evtl. kann mir jemand bitte mal sagen wo mein Fehler ist. :-??
Ich lasse mir in der Lesezeichensymbolleiste nur die Icons anzeigen. Wenn ich dann das Icon austauschen möchte funktioniert das einwandfrei mit dieser Bezeichnung:
Damit wird das 8te Lesezeichen angesprochen.
Nachteil dabei, ich darf das Icon dann nicht verschieben.
Also habe ich es auf diese Art mal versucht:
Dazu habe ich den Namen des Lesezeichens wieder eingefügt, sieht dann so aus:
Anschließend habe ich per CSS den Text wieder ausgeblendet:
#PlacesToolbarItems > toolbarbutton[label="ebay"] >.toolbarbutton-text{
display:none!important;
}
Funktioniert soweit einwandfrei, Ausnahme wenn ich das Lesezeichen mit der Maus berühre(hover).
Dann ist der graue Hintergrund zu weit rechts.
So sieht das aus:
[attachment=0]Zwischenablage01.png[/attachment]
Das ist mein kompl. Code dafür:
#PlacesToolbarItems > toolbarbutton[label="ebay"] >.toolbarbutton-text{
display:none!important;
}
#PlacesToolbarItems > toolbarbutton[label="ebay"] > image {
display:none!important
}
#PlacesToolbarItems > toolbarbutton[label="ebay"]{
background: url("data:image/gif;base64,R0lGODlhEAAQAPQaAAAAAEpzAD0AuUkA3ACWMQDcSUncALkAAJYAYrkAerl6AP8AAP9zSP9rj/+qAP+qJf+4SP//AI7U//+xscDAwNT/1NT/4//U1P/j1P/78P///////wAAAAAAAAAAAAAAACH5BAEAABsALAAAAAAQABAAAAVg4CaOZGmeaHpqrCayGwuQmiCwFUFoBmFRrdotwmAEeD7NZMFECAY3SEBXyFyYmsNCIBEoIg9CwXVdHM43AUPD2IkuWowmwVU7HITKq8FE21gFeSJAQS0ZMTAqiouMjSUhADs=") no-repeat !important;
padding-left:23px!important;
margin-left:4px!important;
margin-right:-3px!important;
margin-top:1px!important;
background-position:0px 2px!important;
}
#PlacesToolbarItems > toolbarbutton[label="ebay"]:hover{
background:lightgrey url("data:image/gif;base64,R0lGODlhEAAQAPQaAAAAAEpzAD0AuUkA3ACWMQDcSUncALkAAJYAYrkAerl6AP8AAP9zSP9rj/+qAP+qJf+4SP//AI7U//+xscDAwNT/1NT/4//U1P/j1P/78P///////wAAAAAAAAAAAAAAACH5BAEAABsALAAAAAAQABAAAAVg4CaOZGmeaHpqrCayGwuQmiCwFUFoBmFRrdotwmAEeD7NZMFECAY3SEBXyFyYmsNCIBEoIg9CwXVdHM43AUPD2IkuWowmwVU7HITKq8FE21gFeSJAQS0ZMTAqiouMjSUhADs=") no-repeat !important;
padding-left:23px!important;
background-position:0px 2px!important;
}
Alles anzeigen
An was habe ich jetzt nicht gedacht, damit der graue Hintergrund bei hover genau auf dem Icon ist?
Für jegliche Hilfe vielen Dank vorweg.