i tried following the tut for all the safarifox stuff for just this one button but that tut doesn't match up to the current files and everything that firefox uses....i have everything on my firefox done except for that....anyone know how to get the spider button with the menu off of it ??
spider button in newest firefox
Displays the toolbar customization dialog where you can drag and drop toolbar buttons to/from the toolbars. You can also right-click on the navigation toolbar and select Customize... to show this dialog.....You see on this window toolbar customization, all toolbar icons you want add... and sure the spider.... to add..drag and drop .
Voilà ![]()
well yeah i know how to do that but how do i actually get the spider button and code for it into firefox ??
you have to have a skin which has the spider icon first... most milk skins do.
i dont want to use the milk skin, i made my own. i have the images for the button but i need to know where to put the contact.css file.....that's from the old tutorial
ok now i get you !
you put the compact.css into the compact.jar file in your entensions. it should be in this
{535bbd25-7a7c-4f9a-80fb-bd832ae22386} folder you find the compact.jar open the jar file and replace the compact.css its in skin/classic/compact
NOTE : the old one doesn't work for me, this is my mod of the code. :cool:
/* $Id: compact.css,v 1.12 2003/11/23 16:13:18 cdn Exp $ */
/* $cvsId: compact.css,v 1.4 2003/01/21 10:59:38 orbit Exp svc$ */
@namespace url(";http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");#menu-button {
list-style-image: url("chrome://compact/skin/spider-large.png");
-moz-image-region: rect(0px 35px 24px 0px)
}
#menu-button:hover {
-moz-image-region: rect(0px 89px 24px 54px);
}
#menu-button[disabled=true] {
}
#menu-button:hover {
-moz-image-region: rect(0px 89px 24px 54px);
}#menu-button[checked=true] {
-moz-image-region: rect(0px 35px 24px 0px) !important;
}
toolbar[iconsize=small] #menu-button {
list-style-image: url("chrome://compact/skin/spider-small.png");
-moz-image-region: rect(0px 26px 24px 0px)
}
toolbar[iconsize=small] #menu-button:hover {
-moz-image-region: rect(0px 54px 24px 28px);
}
toolbar[iconsize=small] #menu-button[disabled=true] {
}
toolbar[iconsize=small] #menu-button:hover {
-moz-image-region: rect(0px 54px 24px 28px);
}
toolbar[iconsize=small] #menu-button[checked=true] {
-moz-image-region: rect(0px 54px 24px 28px) !important;
}
#somethingLogo {
list-style-image: url("chrome://compact/skin/print-large.png");
-moz-image-region: rect(0px 35px 24px 0px)
}
You could always add the code given by zatoichi and place it in browser.css of your theme.
Of course you will need to include the images you wish to use inside the jar file as well.
I believe it is in the browser folder of the archive.
ooooooooopppppps replace print-large.png with spider-large.png i was using my own print image for the button when i posted it
Aqua-Soft Forums