Kontextmenü in Eingabefeldern

Endor

Hallo Andreas.
Vielen Dank für den ganzen Code. :klasse:

Leider funktioniert ein Teil noch nicht ganz richtig.
Schau Dir mal das Bild von edvoldi an, da siehst Du, das der Button Gesamt
nicht funktioniert, das heißt er wird durch den Code nicht verändert.

Beim letzten Code für dien Button Erfahren Sie mehr... habe ich noch diese Zeile eingefügt:

CSS

line-height: 2.5 !important;

Dann gibt es mehr Abstand zwischen Button und Text.

[Blockierte Grafik: http://img13.imageshack.us/img13/2037/bild001d.png]

Mfg.
Endor

2002Andreas

Zitat von Endor

der Button Gesamt

Das sollte der 3te Code von oben eigentlich machen :-??

Zitat von Endor

noch diese Zeile eingefügt:

Danke :klasse:

2002Andreas

Sorry, bitte mal aus dem 3ten Code das ändern:

A[class=""][href="#all"]

in

A[href="#all"]

Habe es im Code oben angepasst.

Ansonsten wie immer gern geschehen

edvoldi

Hallo Andreas,
jetzt ist fast alles Ok.
Ich hätte nur gerne den Button " Erfahren Sie mehr " in der letzten Zeile etwas breiter, genau so wie oben.

2002Andreas

Dann füg das

padding-right:10px!important;

bitte mal in den Code:

#health > FIGURE > FIGCAPTION > A{

ein und teste.

Wert evtl. anpassen für dich.

2002Andreas

Noch eine Spielerei wers mag..

[Blockierte Grafik: http://www7.pic-upload.de/thumb/10.05.13/2rwd7xogj3d.jpg]

CSS

.statusText{
line-height: 1.5 !important;}


.activationTabOverlay{
background:none!important}


.activationTab{
background: green url("data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==") no-repeat !important;
width: 20px!important;
padding-left:21px!important;
background-position:12px 7px!important;
}




.activationWidget.disabled .activationTab {
background: red !important
}




.activationWidget:hover .activationTab {
background: red url("data:image/gif;base64,R0lGODlhEAAQAOZGAP///8opAJMAAP/M/8bP2B6q/wAbiSKs/wBcyP8zAP9MDAAbigBky9bz//+DIACd/83w/wBaxcfQ2f9sFP8pACgzP/z9/vn7/HmDkLzG0ABfySSv/67h//39/uDl5wBdyIyVmgCT/87x/wBgyXuIlCczPvD0+crT2wAdi/n8/gBDsMvV3c3V3gAcisPN1vb4+214g7jBzOzx9v7+/7/J0rvFz7zH0bvFzmpzf2JqdaarsGNtdyo1Qb/J08HL1e3y98XKzvf5/Pn6/P/+/kpTXnJ+iP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEYALAAAAAAQABAAAAfDgAwaHwgRDxEIhYcIHxoMIxwiEA0hDRCTlRAiHCMMGwUFBw8HoKKkBRsMKi0GBgsoC62vsQYtKiAAuQAeuru9ICS9K8K9JBgsBAQSJxLJy80ELBhFAEIXFi4WFx25M9wAQDAAL0EpPSkWQwEBuesAOD43NRk0GQABAwPr+QE7ADI/TMQwAUCAAwf5DgrI0cuGLgETIk4QAIBIhRIlKvCooOOego8K2BkZSXIkPgoJElDQV7KkAJQCBKgU0NIlTSMxjQQCADs=") no-repeat !important;
width: 20px!important;
padding-left:21px!important;
background-position:12px 9px!important;
}

Alles anzeigen

Endor

Zitat von 2002Andreas

Sorry, bitte mal aus dem 3ten Code das ändern:
A[class=""][href="#all"]
in
A[href="#all"]
....

Jaaaaa genau das war es. :klasse:
vielen Dank.

Mfg.
Endor

edvoldi

Zitat von 2002Andreas

Dann füg das
padding-right:10px!important;
bitte mal in den Code:

Danke passt.

2002Andreas

Zitat von Endor

genau das war es

Sorry noch mal, war mein Fehler :oops:

2002Andreas

Zitat von edvoldi

Danke passt.

Freut mich, gern geschehen

2002Andreas

Noch was dazu

CSS

HTML > BODY > DIV:first-child > DIV:last-child > DIV:first-child > P{
margin-left:20px!important}


.persistentHeader,.outerContainer{
-moz-appearance: none!important;
box-shadow:none!important;
margin-top:15px!important;
background:none!important}




.headerContainer:after{
content: "Daten meines Firefox ";
color:orange;
text-decoration:underline;
font-size:30px;
font-weight:bold;
margin-left:380px;
}

Alles anzeigen

[Blockierte Grafik: http://www7.pic-upload.de/thumb/10.05.13/xji7f4dm5yf7.jpg]

Endor

Hallo zusammen.
Mal wieder etwas kleines:

Ansicht - Sidebar - Chronik

[Blockierte Grafik: http://img853.imageshack.us/img853/5550/bild001y.png]

CSS

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

	#viewButton menuitem[type="radio"][checked="true"] > .menu-iconic-left {
	-moz-appearance: none!important;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB+0lEQVQ4EdWSsWtTURTGf+/mvbzGtE1CUy01KaZUwdJBB7EgxaFYnKQO6tK6ubj0P7Ao7uKqg4MiqIPg4OJQUByKDlKiojUophFrQ0JLaVqSvnrOJa88tf+ABz7OPed85+Ocey/89+bssYHDBaZY5xwBp2zd8JpOnvGEBxLvRHv+FjDmPLMDeXNt+swV8gcLlluufOX+i7t8Lwc3gqdcl2QQisTCg3iTnObyQM65dXVqhrHhcY7lTzDYO0Q220Ou0EepMn96a4hvzQUWhG8ncdsCOonrNZkcOTpIy1nlS/0tb348t+VMYr/Naa1aKU1K8qGgKdiJCnh+gtHtzAqf6nNUN3vxpKrKPzfgV2OF7UwN5UjKE7SiAnLGS/g4tWCNXNLFxNdxjYwlS8aluGECSvU1lKNcQUNAOIGeje/xLuUwkemukRRKXKieiBhBIMyuJVCOcrVBLSoQdBjmuhtM9KchIZUevx/fTVJrLBLzIb0JypG+PV8htjzP0qGTdO5LcXwkf5bDXeP0xUdpmSzFz+8pF7n38iZ3RGBVoJdo91GvptOkBLmLt7mUPsLYgUJ+2PVTLC8WP1Q/8urxDI+kLotYAb3EPwTsU0pORbJt3yFeTYa3TdW2ty+gBW2KWigiG6MI70gbttrYbZb4HwHNqalQCI3114XQeNd+A4TrhLZ6UjvfAAAAAElFTkSuQmCC")no-repeat !important;
	height:15px!important;
	padding-top:1px!important;
	margin-left:4px !important;}


	#viewButton menuitem[type="radio"][checked="true"]>.menu-iconic-text{
	padding-left:9px !important;}


	#viewButton menuitem[type="radio"]> .menu-iconic-left {
	-moz-appearance: none!important;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcVJREFUeNqkk88rw2Ecx9/P18YorRlh4zAHB25KKXNSO8rJCinKef8BcXdwVpT8iLKaOw4oF6VWbpqwTc3iO9bItq/P59n3mSd221Of79Pz+fF6Pj+er7AsC/UsA3WuugEO/gghdJ2YBmYLwAQVNyoVwGUzcLwH7NCxWjOXL+TnF2DMAMt+w1gaX1yELxCQylQigZONDSTL5dVdYIVU5VoAYwGY6xJiayoSgT8YhNsGmARIXlzgcH0dz5Y1vwlsM4RjHSptLoewk4N9fTBeX/F2dYV0LCYNrs5OqWNb6u5uklRUDb45CR3gbARGPJkMzNNTFL1eSWfDezyOj2wWHtME+7AvSVEH8HJSo0Qpl0MrldSSz0tAg+p2qQSTbM32ZSSF6hRUA2mmN7SHOio3VQEsfL6vzP1GH78OKJP2jJxDvt5egEqB212xUDYtbW1wPDxw5Jmagg7g2X6vAUdDQH/28XHeGwoB9hQY9haN4h3YYh/VQNk8bYwM4yt79oHwMDDm6+4ekO8gnb69Bs7DwAEdn3iy3MS/70BokHZ7d9kZftpBLyq48o7+v0QFabJFlcgBX7YUVfq1ADpIieqRpf8HCvAjwAA0E7DxN+mXlAAAAABJRU5ErkJggg==")no-repeat !important;
	height:15px!important;
	padding-top:1px!important;
	margin-left:4px !important;}


	#viewButton menuitem[type="radio"]>.menu-iconic-text{
	padding-left:9px !important;}


	#viewButton {list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACBklEQVQ4jZWSv2tTURzFz/e+9/wDSg11cWicLO89qVgqGqGQvBcJDh1aCDhkM9pCoFNwKUS07SZK0ryEUiik7aBDdCgKOrRjwUG6hEKhVhGj1AdSf4BwHBJC0vcyeOA7XO73+7nn3nOBthzPXHA8y3crFh3P8h3PXMD/yPEsP1aK8lppmLFilI5n+SFtKcMwqJR6Hwqw1yO0NiK0NyL9ACVd16npOgGcDwCsrUGarwZobQ2GATSlVFMEdU3TCCAfAIxtD/HKzhDHts+FAa63BzMQ2QewEwDEd6OMvxtmfDf0DR5rShHABQCrAvztuYbjWf7Uns3phs3pPTsAEJFDpRRFhKKEIkIAd3sAdw5ivPfhBrMHsdOAy6KEAHLt9RkAnwG87gHkP6V4/8st5j+m+qXQX45n+Q+baS59v81HzXQAYBgGO6Xr1HWDAAC3PJJ0PbPuViw+PZ5h+UeOT45n6FYsup5Zd8sjyVNnXdQ0zReRlv1k1eZiI8vaz0K7HrB2UmDtpMClRpbJqk1MQWsPD4iSfVFyCOBsx0FqZZTVo3m++FXsVPVonqmVUXY50AC8UUr9AXC1x1Ni2cxMro3z+dci3/5e57NvRU6ujTOxbGa62kqq9Q9yCFOibM6lNyf4srnK9OYEE2VzrntfKUUlrfxFQBEQQG9SrmfO3qxeouuZs+FZBfUPodn4c9fQC9EAAAAASUVORK5CYII=") !important;}


	#viewButton .button-text{ margin-left:5px!important;}

	#viewButton:hover {list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACWklEQVR42mL8//8/AwgABBATAxQABBAjTAQggJgYAjXBLIAAYgCJ/M9y/A+VSQAIIIiAifB/1UQ5NiYmpp8AAQTXAwMAAQRRwQBCDDZAfBgggMAC9xgYwGaAMEAAMRxmYbz5HqKCGSQAEEAMMJn/pb7//4shVLKwsIAUyQEEEAvc8JcvGH69YmBgAzmSiekh2NWMjA8BAgjshZIOLQuGx88ZTkPV/vv3Tx5oijaQuRsggOBW9LExHoGxgSb8B+oGYob/AAGE6Q80ABBAkFCyZPzPUOIDVwnUPY2FlRXMBwggiIKnQPzlE1wXMzNz5t+/f++A2AABBFHwGIg/f0UJLaD9KkCTMgECCOHNT5/hTKBuRhgbIIDgMcXw4TOK44AB9QFEAwQQk0eXFRtY5Nt3hqnMjLehjtwLNMUTxAYIIHg4dLAynoSHAzQMQOYCBBAiLkDYGkhZAbEhEKsi4gUekwwM3qxA7wMD8hJMDCCAmFAcBgoJMw8GBisXBoYHqAEKdBYzUOP8P39+bwKydYG4AiQOEECoBtwDBRfQs1++MDD8xoiUXmDQiAItLQb6bwGQ3QI0RA4ggFC9AAriUP3//wO1/r9GToQMDMaMTIwgRj6UDwq450C8CyCAUAz4CNLkrvz/v4vs/wsMqGEA8jscA9MqCwsrWB4ggMBeOCnJsuMBI+N3Pk6QF4DO//ydAZQWVwHFuriYdjOGMTL/+vWL8ffv38J//v658+ff30fAsBAD6QUIIBQXLGNlPA9MMP/fAXEvC8NFtBiYBkrGMG/AMEAAEUzOhABAgAEAQ1lXryuRynEAAAAASUVORK5CYII=") !important;}


	#viewButton:hover .button-text{ margin-left:5px!important;}
}

Alles anzeigen

Eine Frage dazu, wie kriege ich da oben links neben dem Wort Chronik ein Symbol hin?
Stehe mal wieder auf dem Schlauch :oops:
Mfg.
Endor

2002Andreas

Zitat von Endor

neben dem Wort Chronik ein Symbol hin?

Re: Icon in Sidebartitel?

Endor

Hallo Andreas.
Perfekt!!! :klasse:
Vielen Dank!!!
Mfg.
Endor

2002Andreas

Gerne wie immer

Hiermit kannst du die Sidebar per hover hervorrufen bzw. verschwindet sie wieder automatisch.

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 


url("chrome://browser/content/browser.xul"),


url("chrome://browser/content/history/history-panel.xul") {


#sidebar-box {


position:fixed!important;


top:66px;


bottom:24px;


width: 0px !important;


overflow-x: hidden !important;


-moz-appearance: none !important;


border: 1px solid transparent !important;


border-left: 0 !important;


opacity: 0 !important;


-moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;


}
#sidebar-box:hover {


width: 240px !important; /*-adjust sidebar width here-*/


opacity: 1 !important;


-moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;


}
#sidebar-splitter{


display:none !important;


}
#sidebar-header {


width:100%;


border: 0 !important;


}
#sidebar {


width:100%!important;


height:95%;


}
}

Alles anzeigen

Endor

Hallo Andreas.
Ich versuchte in der Bibliothek diesen Button ein Symbol zu verpassen.

[Blockierte Grafik: http://img577.imageshack.us/img577/7545/bild001t.png]

Aber es geht nicht:
habe es damit versucht:

CSS

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


#clearDownloadsButton {list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABwElEQVQ4jZWR3UsUYRTGzx/QZX9AV9F4WXZbem23SUFQQV74QbIiElsYFptgEiybmJ/J6qqlhYoEspAgW0uTMURboinJKps0ojvsDmxl/rzYmdFxZ5UOPBfn5X1+73nOK+JRPn+Ag/K6U7R8/gBpcwfdyKEbOdLmzvGQwy8epwLz/5SWWHJDfP4A29m/LK/rfF1JoS2sEv+8yKyaYCamMRGNMzz1lp7RaYJ9L2nvihQCGprbWPq+wuDIK/oj43SHX9DRG+FJ53Nagz20tHdyv62D8Ngb7j4KesS41wpAXFvAzP1mY9ukd3iKxR8povEETwfGmIy+Zyam0dTyuHChdU0PAIh9TGBksqzrBt1DE3xbTpL8uenkT6Z03n34VAiobmj2BGwZGdjdRVUEVREHZPcO4NbtO54A+zLzwPy+8WAvIiI3ahqLAkIi8PBUXpbR7kNiAa5V1RePYEPqTrrkmEVErtysPRKgKgKXTrjk2kHl9WoA5tQvpDNZ1n6leRZ+7d6BInDOknXmQK5aEwDk/sGW+YfVDWN/fMsckrxsiCtGecVlTp+9wJnSiyilZZScL2N0fNKBhCT/jSIidi8isgd86l0CBi5HXQAAAABJRU5ErkJggg==") !important;}


#clearDownloadsButton .toolbarbutton-icon{ margin-right: 8px !important;}
}

oder

CSS

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


toolbarbutton[label="Liste leeren"] {
		list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABwElEQVQ4jZWR3UsUYRTGzx/QZX9AV9F4WXZbem23SUFQQV74QbIiElsYFptgEiybmJ/J6qqlhYoEspAgW0uTMURboinJKps0ojvsDmxl/rzYmdFxZ5UOPBfn5X1+73nOK+JRPn+Ag/K6U7R8/gBpcwfdyKEbOdLmzvGQwy8epwLz/5SWWHJDfP4A29m/LK/rfF1JoS2sEv+8yKyaYCamMRGNMzz1lp7RaYJ9L2nvihQCGprbWPq+wuDIK/oj43SHX9DRG+FJ53Nagz20tHdyv62D8Ngb7j4KesS41wpAXFvAzP1mY9ukd3iKxR8povEETwfGmIy+Zyam0dTyuHChdU0PAIh9TGBksqzrBt1DE3xbTpL8uenkT6Z03n34VAiobmj2BGwZGdjdRVUEVREHZPcO4NbtO54A+zLzwPy+8WAvIiI3ahqLAkIi8PBUXpbR7kNiAa5V1RePYEPqTrrkmEVErtysPRKgKgKXTrjk2kHl9WoA5tQvpDNZ1n6leRZ+7d6BInDOknXmQK5aEwDk/sGW+YfVDWN/fMsckrxsiCtGecVlTp+9wJnSiyilZZScL2N0fNKBhCT/jSIidi8isgd86l0CBi5HXQAAAABJRU5ErkJggg==") !important;}


toolbarbutton[label="Liste leeren"] .toolbarbutton-icon{ margin-right: 8px !important;}
}

Hast Du eventuell eine Idee?

Einen schönen Sonntag wünsche ich.
Mfg.
Endor

Boersenfeger

Die Sidebar per hover ist der Oberhammer.... :klasse:

2002Andreas

Zitat von Endor

Hast Du eventuell eine Idee?

Teste bitte mal

CSS

#clearDownloadsButton{
-moz-appearance:none!important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABwElEQVQ4jZWR3UsUYRTGzx/QZX9AV9F4WXZbem23SUFQQV74QbIiElsYFptgEiybmJ/J6qqlhYoEspAgW0uTMURboinJKps0ojvsDmxl/rzYmdFxZ5UOPBfn5X1+73nOK+JRPn+Ag/K6U7R8/gBpcwfdyKEbOdLmzvGQwy8epwLz/5SWWHJDfP4A29m/LK/rfF1JoS2sEv+8yKyaYCamMRGNMzz1lp7RaYJ9L2nvihQCGprbWPq+wuDIK/oj43SHX9DRG+FJ53Nagz20tHdyv62D8Ngb7j4KesS41wpAXFvAzP1mY9ukd3iKxR8povEETwfGmIy+Zyam0dTyuHChdU0PAIh9TGBksqzrBt1DE3xbTpL8uenkT6Z03n34VAiobmj2BGwZGdjdRVUEVREHZPcO4NbtO54A+zLzwPy+8WAvIiI3ahqLAkIi8PBUXpbR7kNiAa5V1RePYEPqTrrkmEVErtysPRKgKgKXTrjk2kHl9WoA5tQvpDNZ1n6leRZ+7d6BInDOknXmQK5aEwDk/sGW+YfVDWN/fMsckrxsiCtGecVlTp+9wJnSiyilZZScL2N0fNKBhCT/jSIidi8isgd86l0CBi5HXQAAAABJRU5ErkJggg==") no-repeat !important;
padding-left:25px!important;
background-position:5px 2px!important;
}

Zitat von Endor

Einen schönen Sonntag wünsche ich.

Danke, wünsche ich dir auch.

edvoldi

Hallo Andreas,
bei mir funktioniert Dein Code

2002Andreas

Hallo edvoldi ..

danke für die Bestätigung. :klasse: