Weitere Lesezeichen anzeigen - Button verschieben ?

Son Goku

Hallo,
wie kann man eignelich den Button mit den 2 Pfeile verschieben ?

in meinem Fall auf der linken Seite für mir px reichen

[attachment=0]Unbenannt-1.png[/attachment]

und noch was könnte mir jemand mal sagen wofur das filter:none; sein soll bi den Button ?

CSS

#PlacesChevron {
 filter:none; 
   color:red!important; }

2002Andreas

Zitat von Son Goku

wofur das filter:none; sein

Das wird bei svg Grafiken gebraucht wenn du sie ändern willst.
Du kannst dieser Grafik z.B. einfach eine andere Farbe geben, was bei anderen Grafiken nicht möglich ist.
Und du brauchst es auch wenn du die Grafik gegen eine eigene austauschen willst.

Siehe Beitrag Nr.7

2002Andreas

Zitat von Son Goku

den Button mit den 2 Pfeile verschieben ?

Verstehe ich das richtig und du möchtest ihn einfach ganz links haben?
Wenn ja:

CSS

#PlacesChevron {
-moz-box-ordinal-group: 0 !important;}

[attachment=0]Zwischenablage01.jpg[/attachment]

Son Goku

Danke,
hat geklappt.

kurz wegen den Filter.
haste da mal ein beispiel wie sowas aussehen muß ?

2002Andreas

CSS

#PlacesChevron {
   -moz-box-ordinal-group: 0 !important;
   fill:red!important; }

[attachment=0]Zwischenablage01.jpg[/attachment]

Edit:
Nur zum ändern der Farbe braucht es kein filter:none.

Son Goku

aa ok, ich wollte gerade schreiben das das auch ohne geht wenn man nur fill verwendet.

2002Andreas

Ich stelle eben gerade fest, das es jetzt wohl allgemein sogar ohne diesen Zusatz geht:

CSS

#PlacesChevron {

   -moz-box-ordinal-group: 0 !important;
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABc0lEQVQ4jY2Tv0sCYRjHv/1CSCE0Ca6hDK+h+bYagya3htrNZ7IayqG8KAjkcCgwRF+IFIsKT2gIdYkooSXfKcea7994WvL8cSfXF77Ly/v9vD+e5wH6xDnVhxEKX7aUWaOu+4+rKQBjo/bZEoLZbd2v17KTu6WUZ1jTyAYs3raTSv59BQACh5W5qb3yHRKFmCPIOdUnBDORZAA2YKksN5R86yKYaawBwETyZgtUfHQ9mUiylDwAAADl6nUzZDRLOLgPAwCo+IJ4cR1CWEwkbUvJzNwDLJtfJ/MVuQAAIaN+Pa1X4wCAHXEKKpyhG+qamQduoJqdTKTyeQQAQaO57dfNBwBAohBDovgMor8U98JCWDYganZWI5X2BwDMnDeigXTtBwAQz6tIiG8QSRbCctgd8BQNpKtOgJv//QQhLNY0sj0M8PzEfhFJG+JexrqzjMPqQpyN9ObdSP2QAYCjlUvurewCcciv17Lj+x7D5KZR4/wLuJ4hbG0bKogAAAAASUVORK5CYII=") !important;}

Das wäre ein anderes Icon dann.

Son Goku

ich hatte auch gerade getestet wegen dem filter

naja wenigstens mal ein Screenshot von mir dazu mit anderes Icon (von Andreas) und auf der linken Seite.
[attachment=0]Unbenannt-1.png[/attachment]

2002Andreas

Man kann auch statt: fill...color nehmen wenn es nur um ein Icon geht.

Sollte aber auch ein Text vorhanden sein, z.B. bei Lesezeichenordnern in der Symbolleiste, dann wird auch der Text in der gleichen Farbe dargestellt, wenn man das nicht möchte muss es auf jeden Fall: fill heißen.

Code

.bookmark-item[label="Banken"]{
fill:red!important}


.bookmark-item[label="Bücher"]{
color:blue!important}

[attachment=0]Zwischenablage01.jpg[/attachment]

Son Goku

alles klar, Seite gespeichert

Danke für die Info