Posted By: BarbiegirlPlastikManiac -- I think you're in the wrong thread. This thread is for Stylish-Custom firefox addonhttps://addons.mozilla.org/en-US/firefox/addon/12105 Which you should download, as it's loaded with a lot of great helpful tools for the stylish editor. We all Highly Recommend this!
Each toolbarbutton needs its own specific id to change appearance with list-style-image: url("") Use Dom Inspector firefox addon to dig and retrieve each toolbarbutton specific id.
I know, lol. I was asking specifically about the toolbar buttons that belong with the extension. I'll make sure to check out DOM Inspector, though. I already use Firebug and Web Developer to find out web-based class id's and such, but that's not much help with the browser interface.
OMG !!!! You've made me soooo happy !!!!! ...ChoGGiki is it ?? IT WILL ALSO HELP with commenting/uncommenting 2 or more WHOLE BLOCKS OF CODE, ALL AT ONCE - like this EXAMPLE:
/*SMALL LOGO ON RESULTS PAGE*/ a#logo {display:none!important;}
/*RESULTS PAGE TOP SEARCHBOX*/ td#sff {color:blue!important;}
Also, could color:red !important; be added in for the comments /**/ so they look like this /**/ It would help (especially with long long styles)to notice and remember that a section has been commented out, and that section needs attention.(an Option) Thanks!
Posted By: Barbiegirl Also, could color:red !important; be added in for the comments /**/ so they look like this/**/ It would help (especially with long long styles)to notice and remember that a section has been commented out, and that section needs attention.(an Option) Thanks! /*tab {color:blue!important;}*/
While we're suggesting color for tags, it would also be awesome to have strings inside quotation marks be a slightly different color. Like this: body { background-image: url("data:image/gif;base64,R0lGODlhAQAAA+YAALLN5LPO5bHM5KzI4rDM5IKm0oOm\ 0oep1Jq525283Ju625Gy2IWo06C+3aHA3qTB34Sn04Sm05y73Jm425+93Yyt1pOz2KnF4Yao1KbE4K\ /L442u1pKz2Imr1Yir1YSm0q7L44ip1KXC36LA3pe32oOm06rH4Yqs1ZW12ZCx16nG4a3K4qzJ4oqr1bPO5K7K46bD4JCw16\ /K46bE34eq1KvH4oWm07TP5Ims1bPP5Y+x15m32omq1KnH4Y6v1p693ajF4KjF4Y6v163J46vH4afE4Y2v14ap1K /L5Jy726C3o+v15++3qXD34ut1bDL5Ji32qLA35W22qPA3qG/3Zi425a12rLO5Za22Yiq1ajE4Z+93KG\ /3qfF4Iyu1pe22oyt1YSo1Jm42pCx2JSz2ZW02o+w15O02ZKy2Ja22qTC34ao04ut1qzI442u15S02Z\ 683KPC34Kl0rTP5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALA\ AAAAABAAADAAfggHKCg4SFBYdyBiWKER8fBhE2EBBhDJZrGBgHRwcHISE0WR48Hh0dOC0tJ2wnTmAVXhUbG25GPkJLZjE6KSljCwtoCxwcFhZnZG8o\ KGVSVlhpXyRQJFU7YhMTCNsK3UkSEgnicD9bFBQNTA1KXFQODiMjUVMPcQ9qIiJNMDAzGRldtBQBcuFCEBUqehAxYaL\ GgIcD2rBgMWTFihcvQIDQIEMDEgJPCBAQQFIAgJMnrwRYGcCFiwA35sicSbOmzZs4c\ +rcybOnz59AgwodSrSo0aNIkypdajQH06dQo0olGggAOw=="); }
1. I just imported 62 styles and it took me half an hr+ probably 'cause the script running dialog was popping up and import would pause. I had to click Stop script and then Import button again to see styles being imported. Then it would stop, the script dialog would pop again, etc.
2. Can you save tags and url when exporting styles? I now have to go through all 62 and update their URL and tag 'em too.
3. Sometimes, when Rclicking a style, the changes don't show in the edit window on this style page. I tried Save before Rclick and simply Rclick while editing. Can't figure when this happens but it does skip posting the changes from time to time.
ChoGGi * I thought that for a smaller button for Comment button, ALLOWING MORE TOOLBAR SPACE, you could use the symbols /**/ instead of the text word. * And for the button: Comment mix Comment Group Comment Combo * You could use symbols /*/* */*/
* The symbol will be QUICKLY RECOGNIZABLE and use LESS WIDTH SPACE. Will also be helpful for those who do not speak English. Your decision though of course. Or it could be an options choice.
I know i shouldn't have to. The problem is it doesn't work every time, from time to time, it skips the changes (so, trying to figure why and when, i tried saving before Rclicking. Had no effect).
2 more things :
1. Import/Export S-C settings. 2. Tooltips for text: it doesn't seem to take multiliners and lines are running long. Would be helpful if there would be a tooltip when hovering over the text (inserts). TIA!
1. ... for you, only the best! Very helpful when creating new profile(-s), reinstalling, etc. Wasn't much of a problem when we had 1-2 options but as SC is growing and becoming a browser w/in browser, it will really help. Like that text stuff. If this can be saved with export, we won't need to retype it. 2. Thank you!
Posted By: BarbiegirlComment mix Comment Group Comment Combo
what do these do?
The 7th posting on this page... about the comment/uncomment button that you said is doable. I don't know what to call that future button, or what you will call that future button, so those were just possible choices to name them... that's all that was about. And of the comment buttons I displayed, I was just showing them with different spacings and in black or red.
Saving us scrolling up looking for the post #7 on this page, i guess the question is what do they do? Comment mix is for .... Comment Group is for ... Comment Combo is for ...
Just got this again - Rclicking the Page button in the editor did not transfer the correct, edited, code to the site. Tried it a few times and it failed every time. Ended up copy/pasting the old way. I think, you need to save the changes first and then Rclick the Page. However, in this case, it didn't work even after the style was Save&Close and reopened again.
Don't know if this is related, seems to be, got this one error:
Error: stylishCustom is not defined Source file: chrome://stylish-custom/content/edit-overlay.js Line: 229 ============== stylishCustom.edit.getMainWindow().document.getElementById("appcontent").removeEventListener("DOMContentLoaded",stylishCustom.edit.onPageLoad,true);
Posted By: BarbiegirlThe 7th posting on this page... about the comment/uncomment button that you said is doable. I don't know what to call that future button, or what you will call that future button, so those were just possible choices to name them... that's all that was about. And of the comment buttons I displayed, I was just showing them with different spacings and in black or red.
are all those button examples supposed to be for the same thing?
Posted By: makondoDon't know if this is related, seems to be, got this one error:
so it gives that error, but it still posts the code?
No, never did. I had to copy/paste. It wasn't that stubborn before, something got stuck on this particular style, but i did see this happening before (^ posted) just couldn't figure what was going on. Thought if i save first, it will post the edited code. It doesn't.
Posted By: makondoSaving us scrolling up looking for the post #7 on this page, i guess the question is what do they do? Comment mix is for .... Comment Group is for ... Comment Combo is for ...
They are all button name choices for the same one button that will do this: SELECT THIS WHOLE CODE SECTION: tab {color:red!important; /*or blue*/ font-size: 14px !important; /*or 15px*/ border: 1px solid green !important; /*can thicken border with 2px*/}
Button comments at the first character of selected text, and last character of selected text, BUT REMOVES ALL OTHER COMMENTS WITHIN THE SELECTED TEXT, like below.
/* tab {color:red!important; or blue font-size: 14px !important; or 15px border: 1px solid green !important; can thicken border with 2px} */
Posted By: ChoGGiare all those button examples supposed to be for the same thing?
To save toolbar space, and for those who don't speak English, this button image is a suggestion to replace your comment button Text image that already exists. (black or colored) This button image is for the new button you said is doable (explained above)that I will call for now "Comment Group" (until you give it an official name) (black or colored) Sorry, but I don't know how to explain it any better than this, I guess I'm not good at explaining.
ChoGGi RE: Sticky menu I thought it would definitely be best if sticky menu for inserting text, closes when you move the mouse out of the menu, instead of having to click outside the menu to close it. This is how interclue popup windows operate. Soooo... * You click insert text button on the toolbar * Click on several choices to insert (EXAMPLE: color:red!important;font-weight:bold!important;text-shadow: 1px 1px 1px !important;) * Then move your mouse outside of the sticky insert menu, and it closes. Do you agree and is it possible? Would really like it this way. Please?
Comments
like how you can add/hide the toolbars in the main firefox window
say you want to have the code textbox then stick everything else below it or so on
for now at least, i'm still trying to get everything working as toolbar items
I already use Firebug and Web Developer to find out web-based class id's and such, but that's not much help with the browser interface. YES! Thanks so much! I'll be making a user style for these in the next couple weeks. =)
Thanks for your help and info. ChoGGi, your extension is very useful, and I'd like to see more of it!
yeah that's doable i'll add a button for it
...ChoGGiki is it ??
IT WILL ALSO HELP with commenting/uncommenting 2 or more WHOLE BLOCKS OF CODE, ALL AT ONCE - like this EXAMPLE:
/*SMALL LOGO ON RESULTS PAGE*/
a#logo
{display:none!important;}
/*RESULTS PAGE TOP SEARCHBOX*/
td#sff
{color:blue!important;}
/*RESULTS PAGE SEARCHBOX BUTTON*/
input.lsb
{color:blue!important;}
Also, could color:red !important; be added in for the comments /**/ so they look like this /**/
It would help (especially with long long styles)to notice and remember that a section has been commented out, and that section needs attention.(an Option) Thanks!
/*tab
{color:blue!important;}*/
body {
background-image: url("data:image/gif;base64,R0lGODlhAQAAA+YAALLN5LPO5bHM5KzI4rDM5IKm0oOm\
0oep1Jq525283Ju625Gy2IWo06C+3aHA3qTB34Sn04Sm05y73Jm425+93Yyt1pOz2KnF4Yao1KbE4K\
/L442u1pKz2Imr1Yir1YSm0q7L44ip1KXC36LA3pe32oOm06rH4Yqs1ZW12ZCx16nG4a3K4qzJ4oqr1bPO5K7K46bD4JCw16\
/K46bE34eq1KvH4oWm07TP5Ims1bPP5Y+x15m32omq1KnH4Y6v1p693ajF4KjF4Y6v163J46vH4afE4Y2v14ap1K
/L5Jy726C3o+v15++3qXD34ut1bDL5Ji32qLA35W22qPA3qG/3Zi425a12rLO5Za22Yiq1ajE4Z+93KG\
/3qfF4Iyu1pe22oyt1YSo1Jm42pCx2JSz2ZW02o+w15O02ZKy2Ja22qTC34ao04ut1qzI442u15S02Z\
683KPC34Kl0rTP5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALA\
AAAAABAAADAAfggHKCg4SFBYdyBiWKER8fBhE2EBBhDJZrGBgHRwcHISE0WR48Hh0dOC0tJ2wnTmAVXhUbG25GPkJLZjE6KSljCwtoCxwcFhZnZG8o\
KGVSVlhpXyRQJFU7YhMTCNsK3UkSEgnicD9bFBQNTA1KXFQODiMjUVMPcQ9qIiJNMDAzGRldtBQBcuFCEBUqehAxYaL\
GgIcD2rBgMWTFihcvQIDQIEMDEgJPCBAQQFIAgJMnrwRYGcCFiwA35sicSbOmzZs4c\
+rcybOnz59AgwodSrSo0aNIkypdajQH06dQo0olGggAOw==");
}
1. I just imported 62 styles and it took me half an hr+ probably 'cause the script running dialog was popping up and import would pause. I had to click Stop script and then Import button again to see styles being imported. Then it would stop, the script dialog would pop again, etc.
2. Can you save tags and url when exporting styles? I now have to go through all 62 and update their URL and tag 'em too.
3. Sometimes, when Rclicking a style, the changes don't show in the edit window on this style page. I tried Save before Rclick and simply Rclick while editing. Can't figure when this happens but it does skip posting the changes from time to time.
2. export as xml
3. rightclicking where?
* I thought that for a smaller button for Comment button, ALLOWING MORE TOOLBAR SPACE, you could use the symbols /**/ instead of the text word.
* And for the button:
Comment mix
Comment Group
Comment Combo
* You could use symbols /*/* */*/
* The symbol will be QUICKLY RECOGNIZABLE and use LESS WIDTH SPACE. Will also be helpful for those who do not speak English. Your decision though of course. Or it could be an options choice.
2 more things
1. Import/Export S-C settings.
2. Tooltips for text: it doesn't seem to take multiliners and lines are running long. Would be helpful if there would be a tooltip when hovering over the text (inserts).
TIA!
1. good idea
2. yeah i already changed that
Very helpful when creating new profile(-s), reinstalling, etc. Wasn't much of a problem when we had 1-2 options but as SC is growing and becoming a browser w/in browser, it will really help. Like that text stuff. If this can be saved with export, we won't need to retype it.
2. Thank you!
Something, perhaps, with a level of functionality between Notepad++ and Dreamweaver.
Comment mix is for ....
Comment Group is for ...
Comment Combo is for ...
I think, you need to save the changes first and then Rclick the Page. However, in this case, it didn't work even after the style was Save&Close and reopened again.
Don't know if this is related, seems to be, got this one error:
Error: stylishCustom is not defined
Source file: chrome://stylish-custom/content/edit-overlay.js
Line: 229
============== stylishCustom.edit.getMainWindow().document.getElementById("appcontent").removeEventListener("DOMContentLoaded",stylishCustom.edit.onPageLoad,true);
so it gives that error, but it still posts the code?
SELECT THIS WHOLE CODE SECTION:
tab
{color:red!important; /*or blue*/
font-size: 14px !important; /*or 15px*/
border: 1px solid green !important; /*can thicken border with 2px*/}
Button comments at the first character of selected text, and last character of selected text, BUT REMOVES ALL OTHER COMMENTS WITHIN THE SELECTED TEXT,
like below.
/*
tab
{color:red!important; or blue
font-size: 14px !important; or 15px
border: 1px solid green !important; can thicken border with 2px}
*/ To save toolbar space, and for those who don't speak English, this button image is a suggestion to replace your comment button Text image
This button image is for the new button you said is doable (explained above)that I will call for now "Comment Group" (until you give it an official name)
Sorry, but I don't know how to explain it any better than this, I guess I'm not good at explaining.
RE: Sticky menu
I thought it would definitely be best if sticky menu for inserting text, closes when you move the mouse out of the menu, instead of having to click outside the menu to close it. This is how interclue popup windows operate.
Soooo...
* You click insert text button on the toolbar
* Click on several choices to insert (EXAMPLE: color:red!important;font-weight:bold!important;text-shadow: 1px 1px 1px !important;)
* Then move your mouse outside of the sticky insert menu, and it closes.
Do you agree and is it possible? Would really like it this way. Please?
Hoping someone with javascript knowlege can step in with some info. [maybe someone from greasemonkey ?????].
Thanks ChoGGi!