Lesezeichenleiste etwas anders ?

Fubu

Hallo,
ich habe mal ein Screenshot gemacht wo ein User die Lesezeichenleiste bzw die Ordner anders gestaltet hat.

wie geht denn sowas ?

Herb_

Gehst Du in Dein Lesezeichen-menü, hältst alles fest und ziehst es in die Lesezeichen-Symbolleiste.
Die mußt Du im Anpassen-menü sichtbar machen und kannst Sie dann auf jede andere Leiste ziehen, soweit das Sinn macht.
Anschließend kannst Du die Lesezeichen-Symbolleiste wieder deaktivieren.

Fubu

Hallo,
ach so meine ich das nicht, sondern die Farbe Blau z.B. für einen bestimmten Ordner.

2002Andreas

Als Beispiel mal:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul){


.bookmark-item[label="Allgemein"] {
-moz-appearance:none!important;
color:white!important;
background:blue!important;}
}

Sieht dann so aus:

[Blockierte Grafik: http://www2.pic-upload.de/thumb/28994876/Screenshot13.png]

Du musst dann hier:

[label="Allgemein"]

den Namen deines Lesezeichens eingeben.

Endor

Meine Variante dazu:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {


.bookmark-item[label="Allgemein"] {
-moz-appearance:none!important;
color:white!important;
background: #51B6D4!important;
border-radius: 6px!important;
border: 1px solid darkgray !important;}


.bookmark-item[label="Allgemein"]:hover {
-moz-appearance:none!important;
color:white!important;
background:red!important;}


}

Alles anzeigen

Du musst dann hier:

[label="Allgemein"]

den Namen deines Lesezeichens oder Ordners eingeben.

Mfg.
Endor

Fubu

Hallo,
Danke erstmal für die Beispiele.

ich habe mir mal was gebastelt und jetzt kommt bei klick auf ein LZ Ordner ein kurzes zucken.

ich weis leider nicht wo dran es da hängt.

hier mal mein Code

CSS

toolbarbutton.bookmark-item{
   background-color: #fbfbfb !important;
   margin-bottom:5px !important;
   margin-top:5px !important;
   margin-right:2px !important;
   padding-right:5px !important;
   -moz-appearance: none !important;
   border: 1px solid #c1c1c1 !important;
   border-radius: 4px;
   }


  toolbarbutton.bookmark-item:hover{
   background-color: #ebebeb!important;
   -moz-appearance: none !important;
   border: 1px solid #c1c1c1 !important; }
 
  /* Spezial Ordner */  
  .bookmark-item[container="true"][label="Mozilla"] {
   background-color: #239eda !important;
   font-weight: bold;
   color: #ffffff !important;
   border: 1px solid #0480b8 !important;  }


  .bookmark-item[container="true"][label="Mozilla"]:hover  {
   background-color: #0480b8 !important; 
   border: 1px solid #239eda !important;  }

Alles anzeigen

Fox2Fox

Warum nicht mit einer Erweiterung?

https://addons.mozilla.org/de/firefox/addon/toolbar-buttons/

Beispiel aus der Lesezeichensymbolleiste:

[Blockierte Grafik: http://fs5.directupload.net/images/151203/7yilingc.jpg]

Fubu

ich habe es mit den Farbigen Ordner gemacht.
die Erweiterung ist ganz Nett, aber die gelben Icons stören mich nicht.

Danke trotzdem

Endor

Hallo Fubu.
Bitte testen:

CSS

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
	@-moz-document url(chrome://browser/content/browser.xul) {


	toolbarbutton.bookmark-item{
	-moz-appearance: none !important;
	background: #fbfbfb !important;
	margin-bottom:5px !important;
	margin-top:5px !important;
	margin-right:2px !important;
	padding-right:5px !important;
	border: 1px solid #c1c1c1 !important;
	border-radius: 4px !important;}


	toolbarbutton.bookmark-item:hover{
	-moz-appearance: none !important;
	background: #ebebeb!important;	
	border: 1px solid #c1c1c1 !important;
	border-radius: 4px !important;}


	/* Spezial Ordner */ 
	.bookmark-item[container="true"][label="Mozilla"] {
	background: #239eda !important;
	font-weight: bold !important;
	color: #ffffff !important;
	border: 1px solid #0480b8 !important;
	border-radius: 4px !important;  }


	.bookmark-item[container="true"][label="Mozilla"]:hover {
	background: #0480b8 !important;
	border: 1px solid #239eda !important;
border-radius: 4px !important; }  
	}

Alles anzeigen

Funktioniert hier recht gut, mit diesem Code zuckt es hier nicht.
Nur wenn ich auf einen Ordner in der Lesezeichenleiste klicke dann
zuckt es ganz leicht, hin und her. Das ist aber auch ohne Code hier so.

Mfg.
Endor

Endor

Ordner kann man übrigens auch mit CSS ein anderes Symbol verpassen:
Code:

CSS

.bookmark-item[label="Mozilla"][container="true"]{
list-style-image: url("data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAABAAAAAAAAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAwMDAAMDcwADwyqYABAQEAAgICAAMDAwAERERABYWFgAcHBwAIiIiACkpKQBVVVUATU1NAEJCQgA5OTkAgHz/AFBQ/wCTANYA/+zMAMbW7wDW5+cAkKmtAAAAMwAAAGYAAACZAAAAzAAAMwAAADMzAAAzZgAAM5kAADPMAAAz/wAAZgAAAGYzAABmZgAAZpkAAGbMAABm/wAAmQAAAJkzAACZZgAAmZkAAJnMAACZ/wAAzAAAAMwzAADMZgAAzJkAAMzMAADM/wAA/2YAAP+ZAAD/zAAzAAAAMwAzADMAZgAzAJkAMwDMADMA/wAzMwAAMzMzADMzZgAzM5kAMzPMADMz/wAzZgAAM2YzADNmZgAzZpkAM2bMADNm/wAzmQAAM5kzADOZZgAzmZkAM5nMADOZ/wAzzAAAM8wzADPMZgAzzJkAM8zMADPM/wAz/zMAM/9mADP/mQAz/8wAM///AGYAAABmADMAZgBmAGYAmQBmAMwAZgD/AGYzAABmMzMAZjNmAGYzmQBmM8wAZjP/AGZmAABmZjMAZmZmAGZmmQBmZswAZpkAAGaZMwBmmWYAZpmZAGaZzABmmf8AZswAAGbMMwBmzJkAZszMAGbM/wBm/wAAZv8zAGb/mQBm/8wAzAD/AP8AzACZmQAAmTOZAJkAmQCZAMwAmQAAAJkzMwCZAGYAmTPMAJkA/wCZZgAAmWYzAJkzZgCZZpkAmWbMAJkz/wCZmTMAmZlmAJmZmQCZmcwAmZn/AJnMAACZzDMAZsxmAJnMmQCZzMwAmcz/AJn/AACZ/zMAmcxmAJn/mQCZ/8wAmf//AMwAAACZADMAzABmAMwAmQDMAMwAmTMAAMwzMwDMM2YAzDOZAMwzzADMM/8AzGYAAMxmMwCZZmYAzGaZAMxmzACZZv8AzJkAAMyZMwDMmWYAzJmZAMyZzADMmf8AzMwAAMzMMwDMzGYAzMyZAMzMzADMzP8AzP8AAMz/MwCZ/2YAzP+ZAMz/zADM//8AzAAzAP8AZgD/AJkAzDMAAP8zMwD/M2YA/zOZAP8zzAD/M/8A/2YAAP9mMwDMZmYA/2aZAP9mzADMZv8A/5kAAP+ZMwD/mWYA/5mZAP+ZzAD/mf8A/8wAAP/MMwD/zGYA/8yZAP/MzAD/zP8A//8zAMz/ZgD//5kA///MAGZm/wBm/2YAZv//AP9mZgD/Zv8A//9mACEApQBfX18Ad3d3AIaGhgCWlpYAy8vLALKysgDX19cA3d3dAOPj4wDq6uoA8fHxAPj4+ADw+/8ApKCgAICAgAAAAP8AAP8AAAD//wD/AAAA/wD/AP//AAD///8ACgoKCgoKCgoKCgoKCgoKCgoKCgoHAQEMbQoKCgoKCgoAAAdDH/kgHRIAAAAAAAAAAADrHfn5ASQQAAAAAAAAAArsBx0B+fkgHesAAAAAAAD/Cgwf+fn5IA4dEus/IvcACgcMAfkg+QEB+SABHushbf8QHR/5HQH5+QEdHetEHx4K7B/5+QH5+fkdDBL5+SBE/wwdJfkf+fn5AR8g+fkfEArsCh/5+QEeJR/5+SAeBwAACgoe+SAlHwFAEhAfAAAAAPcKHh8eASYBHhAMAAAAAAAA9EMdIB8gHh0dBwAAAAAAAAAA7BAdQ+wHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AADwfwAAwH8AAMB/AAAAPwAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAQAAgAcAAIAPAADADwAA8D8AAP//AAA=") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;}

Bei Label muss die Bezeichnung des Ordner rein.
Die Buchstaben und Zahlenwurst, ist ein base64 codiertes Bild.
Man kann aber auch den direkten Pfad zu einem gespeicherten Bild verwenden.
Dann wäre der Code so:

CSS

.bookmark-item[label="Mozilla"][container="true"]{
list-style-image: url("file:///C:/Users/dein Name/IconsFirefox/Pfeil.png") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;}

Du musst dann nur den passenden Pfad angeben.

Mfg.
Endor

Fubu

@ Endor
das zucken ist auch mit deinem Coide noch da.
Aber ok wenn es normalerweise auch so ist dann ist ok.

Das mit den Bilder bzw gelben Ordner als Base64 habe ich mir mal Notiert

Danke.