Custom Opera Buttons

Custom Opera Buttons

Your Skin's Images is a useful resource for choosing button icons.

This is the old thread for Opera 9.5 Buttons

You can even specify which Advanced Preference Tab you wish to focus. Hover over a link to get the code you want, e.g. "Show Preferences, 15" is the code you need to show Preferences, Advanced, Fonts. You can add the icons to menus too, if you wish, but they're optional.

Opera Preferences Buttons (Updated to correct additions since the initial post)
Forms • Search • Web Pages • P4 ... P9 (Undefined) • Tabs • Browsing • Notifications • P13 • Content • Fonts • Downloads • Programs • P18 • History • Cookies • Security • Network • Storage • P24 • Toolbars ( + Customize Toolbars) • Shortcuts • Voice • P28 • P29 • P30

Any numbers that are undefined will bring up the last dialogue box used.

Thanks for buttons.

Originally posted by Pesala:

Your Skin's Images is a useful resource for choosing button icons.

... although you do have to scroll through 24 screens to see them all, while the charts we made last year show them all at once:
mine, that got things started and has size options;
yours, with added icons for your skins; and
Ayush's, that used to put icon name on clipboard when clicked but doesn't seem to any more.

And observing that any of them only displays icons associated with a fixed list of names, it wouldn't display for example the Turbo icon(s) or the Unite icon(s) if you haven't added them to the list yet.

Right; the HTML mail icons are also missing from all of these charts. (The 24-screen chart Pesala cites was last updated in 2007.) A basic resource which doesn't exist (except maybe on Tomu's hard drive) is a simple list of current icons, with date of addition - given which it would be reasonably easy to keep things up to date.

Opera 10 Skin Images (can be used as a panel)

Opera 10 Skin Images (flat/chart)

Well done, trollop. Did you find a list, or put it together by going through skin changelog, or what?

Originally posted by bpm:

Did you find a list, or put it together by going through skin changelog

I made them from the skin.ini of Opera 10.1.1844 .... I just wrapped the relevant code around each entry (ID), then commented out the code for the ones that weren't showing an image.

Opera 10 Buttons Collection v1.0 ( Panel )

NB: This is just my own personal Buttons Collection ( as a Panel [approx 230px wide] ) and is a Work in Progress. I've tested them in Opera 10.1.1844 and they work as I'd like/expect. I'll keep adding to it and will eventually sort them into some sort of logical order (maybe). If you wanna use it as a Panel from the online copy then you'll always get the changes/additions as I do them. If you download it to use locally then it's up to you to check the file date/size of your local copy with the online one. I won't be changing the filename of this one.

Off-topic comment removed by moderator. Please review the forum rules before posting.

Originally posted by TerraHertz:

Also, is there still a 'Go' icon that is just the word 'Go

Go Drag the link to a toolbar.

Originally posted by Pesala:

Originally posted by TerraHertz:

Also, is there still a 'Go' icon that is just the word 'Go

Go Drag the link to a toolbar.

Thanks.
But... too bad it has an outline, and which isn't even consistent with the other 'buttons'. Oh well.
I guess there's no way to remove the outlines, huh?
And I bet someone was proud of adding that 'feature', too.

For anyone who's wondering "How to remove the unsightly square outlines from the address bar buttons in Opera 10?" and thinks (like I did) this thread seems a logical place to ask, the answer is here:
http://my.opera.com/community/forums/topic.dml?id=291642&t=1257949017&page=1

Regarding icon charts and button-making, there's a contribution from Strathos that should be mentioned here - posted here, Oct 3. It's a chart using the 10.1 icon list, and throws in a button maker (from CrazyTerabyte): type action and anchor into text fields, click and you have a button-installer tag ready to drag to your toolbar (and the tag in HTML to copy into a page).

Regarding help screens for buttons and toolbars, here are two demos:

using a button's title tooltip:
Pressing this button will scramble your hard drive and email unforgivable insults to all your contacts.
This particular button has no real action - it's just a way of providing the tooltip. But one could use the method to include instructions or explanations with any button.

For an info-only button, one could also use a javascript alertbox:
toolbar help
So how's this for an idea? Opera could install with these things all over the place - popup help to explain contexts and get you started; with the invitation to delete the buttons once no longer needed. Like info stickers on a product.

Adding "back in new" and "forward in new" to the back/forward dropdowns. (Just found the two-tap dodge unintuitive.) Requires menu.ini paste

toolbar
Back (action: Back + Show popup menu, "Back button menu")
Forward (action: Forward + Show popup menu, "Forward button menu")

paste into menu.ini:
[Back button menu]
Item, "back in new"=duplicate page & back
----------------
include, Internal Back History

[Forward button menu]
Item, "forward in new"=duplicate page & forward
----------------
include, Internal Forward History

I want a button with a specific url link. When I click it, it should open that url in the browser tab. Please give me the href for this. I have tried to find this a lot. Please help.

Just open the page, and drag the tab to a toolbar. Hold down shift and drop - you've got the button.

Pagelaunch from text URL which works on rendered or editable text. Checks for http://, and adds it if missing - so addresses are not interpreted as relative. For background version, this preference must be checked: Allow script to lower window. For menu/KB/mouse-gesture installation, see here

Go,new , Go,Background. Here's a text address to try them out on: www.zombo.com

Hi please help me. I want to add an icon to this button:

opera:/button/View%20main%20bar,6%20|%20View%20main%20bar,0

icon name is MB.png

in skin.ini I added:
MB = lobo/mb.png

I tried but it still does not work.

Thank you a lot

I think you have to replace an existing image, in ../buttons/* such as <i>chat.png</i> (or another one you dont use), then you could use <a href="opera:/button/View%20main%20bar,6,,%22Main%20Bar%22,%22Panel%20chat%22%20|%20View%20main%20bar,0">this</a>

opera:/button/View%20main%20bar,6,,%22Main%20Bar%22,%22Panel%20chat%22%20|%20View%20main%20bar,0

Edit: or the other way around, such as <i>Panel Chat = lobo/mb.png</i>, but that requires more editing, I've never tried defining my own variables to an image in a skin, but seems likely that Opera might just ignore it as erroneous and skip it.

Thank you vectronic, but I want to use that one I made.

I am sure that it has to work. I don't do it the first time.

MB Try this. Quote my post, edit the code, and preview your post if it is not right.

Thank you Pesala, it works!

Hey... I modified a button used on the bbcode ujs to post personalized emoticon, but dont know wich chars should I remove to make it clean, also the image shown on the button is the tounge instead of the actuall emoticon but I think it should work just like that xD

Go to page, "javascript:ujs_bbcode_tag('',' [img]http://i607.photobucket.com/albums/tt154/e3433e/sueltas/kamehamehamslg3.gif[/img]')",":p",":p","Smiley Tongue"

Guys, help me in creating button from this:

javascript:window.googl_callback%20=%20function(response){if(response.error_message){alert("An%20error%20occured:%20"%20+%20response.error_message);}else{alert(response.short_url);}};%20var%20s%20=%20document.createElement("script");%20s.src%20=%20"http://ggl-shortener.appspot.com/?url="%20+%20encodeURIComponent(window.location.href)%20+%20"&jsonp=googl_callback";%20void(document.body.appendChild(s));

Seriously... I tried, I probably spent 20 minutes f**king with it... but this is as far as I got:

opera:/button/Go%20to%20page,%22javascript:var%20s%20=%20document.createElement('script');s.src%20=%20'http://ggl-shortener.appspot.com/?url='%20+%20encodeURIComponent(window.location.href)%20+%20'&jsonp=googl_callback';document.body.appendChild(s);alert(s.src)%22

(remove the "alert(s.src)")
You might have better luck with it, if you know <i>where</i> (ie the ID, or Name of the element) you are writing to... I don't know where/what "googl_callback" is or does... ...lol, nor am I any good with more complex JS, document.write() works, and that button doesn't error... but, it never seems to show up on pages.

Edit: I removed the first function for 2 reasons: 1, it requires a variable "response" but there isn't (well, as far as I know) a way of setting the variable beforehand, so the variable is empty (unless the script automatically picks it up from memory?), and 2, because the function doesn't do anything but spit out Alerts, lol.

You would have to do something like:

window.googl_callback = function MyFunc(response){if(response.error_message){return 'An error occured: ' + response.error_message} else {return response.short_url}}
-formatted:
window.googl_callback%20=%20function%20MyFunc(response)%7Bif(response.error_message)%7Breturn%20'An%20error%20occured:%20'%20+%20response.error_message%7D%20else%20%7Breturn%20response.short_url%7D%7D
--- OR ---
if(response.error_message){window.googl_callback = 'An error occured: ' + response.error_message} else {window.googl_callback = response.short_url}
-formatted:
if(response.error_message)%7Bwindow.googl_callback%20=%20'An%20error%20occured:%20'%20+%20response.error_message%7D%20else%20%7Bwindow.googl_callback%20=%20response.short_url%7D

Unless <i>function(response)</i> is how to call the "response" function (seriously, I don't bother with JS buttons), normally thats just <i>response()</i> to call it, and it would be <i>response().error_message</i>...etc...

thanks for your try, i found what was blocking the button, it was UserJS block-external-scripts.js
My question is how to force not to block script

here is nw button code:

<a href="opera:/button/Go%20to%20page, &quot;javascript:window.googl_callback = function(response){if(response.error_message){alert(&#039;An error occured: &#039; + response.error_message);}else{alert(response.short_url);}}; var s = document.createElement(&#039;script&#039;); s.src = &#039;http://ggl-shortener.appspot.com/?url=&#039; + encodeURIComponent(window.location.href) + &#039;&amp;jsonp=googl_callback&#039;; void(document.body.appendChild(s));&quot;,,%22goo.gl%22,%22Top10%22" class="operabutton" title="goo.gl">goo.gl</a>

(green links are button-installer tags). Actions work [abbr to put a button action on a menu item, keystroke or gesture: click the installer tag, copy the action from the "do you want to install?" alert box, dismiss the box without adding the button, then paste the action into your Menu.ini file or the KB/mouse customization dialog.]on menu, keystroke or gesture[/abbr] too. (Dotted underline: [abbr the ABBR tag in action]hover for info[/abbr].)

Menu reloader. Of value to Opera hackers only; something I've wanted for years.
For Sourceview toolbar: ApplyChanges&ReloadMenus
And for those not editing in Opera: Reload Menus

Became possible as soon as we had Delay, actually.

Vectronic:

Edit: I removed the first function for 2 reasons: 1, it requires a variable "response" but there isn't (well, as far as I know) a way of setting the variable beforehand, so the variable is empty (unless the script automatically picks it up from memory?), and 2, because the function doesn't do anything but spit out Alerts, lol.

You would have to do something like:

window.googl_callback = function MyFunc(response){if(response.error_message){return 'An error occured: ' + response.error_message} else {return response.short_url}}
-formatted:
window.googl_callback%20=%20function%20MyFunc(response)%7Bif(response.error_message)%7Breturn%20'An%20error%20occured:%20'%20+%20response.error_message%7D%20else%20%7Breturn%20response.short_url%7D%7D
--- OR ---
if(response.error_message){window.googl_callback = 'An error occured: ' + response.error_message} else {window.googl_callback = response.short_url}
-formatted:
if(response.error_message)%7Bwindow.googl_callback%20=%20'An%20error%20occured:%20'%20+%20response.error_message%7D%20else%20%7Bwindow.googl_callback%20=%20response.short_url%7D

Unless function(response) is how to call the "response" function (seriously, I don't bother with JS buttons), normally thats just response() to call it, and it would be response().error_message...etc...

I am the author of that bookmarklet, and the gateway it uses. Respectfully, your post is incorrect.

response is a formal parameter that is passed into window.googl_callback function. This function is called by the script inserted into the page at the end of the bookmarklet script. The script does in fact work fine (including in Opera), as demonstrated by this review (among others). The function "spits out Alerts" because that is exactly what it is designed to do (display the goo.gl URL, or notify the user if an error occurs).

None of the proposed "fixes" you propose would work properly.

I suggest that if you don't want to "bother with JS buttons", you don't give advice on them.

I don't use Opera, but DZE-MasteR's code looks reasonable.

Best,

Matthew Flaschen

No, I wont, just because some guy who's written 3 lines of javascript, and has only signed up to this forum to bitch at me.

If no one else has given a reply to a post, and I am moderately interested in it, then I will give it a try, no matter how well versed I may, or may not be in the topic.

DZE didn't give much to go on, like I said I don't know where googl_callback is, what it is, or how it's supposed to be accessed.

So with all disrespect, take your holier than thou attitude back off this forum.

I signed up to the forum to correct the advice you gave. There's nothing wrong with trying something new. That's how we learn. The problem is when you give other people wrong information.

Finally, you know nothing about my JavaScript experience.

Matt Flaschen

Someone has the button "new private tab" please.
thks

(10.5 only): <a href="opera:/button/New%20private%20page,1,,-147794841,%22New%20private%20page%20menu%22">New Private Tab</a> and <a href="opera:/button/New%20private%20browser%20window,1,,-1751103614,%22New%20item%20menu%22">New Private Window</a>.

its not working for me

Indeed, fixed it, it was the right command, but it seems as though it has to be the <i>exact</i> series of commands <b>only</b>, so you aren't allowed to use different icons or anything.

But, 10.5 pre-alpha, is generally very glitchy with link buttons, a lot of "typical" ones that work in 9.5 to 10.20, don't work either, but some are perfectly fine.

I have posted this button in the "Opera Browser" forum, but this thread seems to be the right place for this button. It's a button for quick creating buttons for Opera.

How to use: drag and drop the following button to Opera's toolbar, type commands in the address bar, then click this button, a new button which contains your commands will be created in a seperate tab.

button

As for Opera's skin icons, I also have a chart list. The original page was created by Mikivanch, I replaced those icons with the new ones in Opera 10.

http://blog.judes.me/opera/skin.html

I'm hoping this is the right place to ask. Basically I customised the skin a bit and added a Dragonfly button.

dragonfly				= custom/dragonfly.png
dragonfly.selected			= custom/dragonfly_selected.png

Then added this to my custom buttons:

Button1, "Dragonfly"="Attach Developer Tools Window, , , "Dragonfly", "dragonfly" | Close Developer Tools Window, , , "Close Dragonfly", "dragonfly.selected""

Now this works, but only after I played around with it. I thought it would automatically use the .selected image, but it doesn't, hence me setting it specifically.
What this results in is me not seeing the "indent" on the button like I would when it's selected, but that's essentially what I want. I could live without it, but hey, why should I?

Something that just struck me... maybe I should be doing this instead?

Attach Developer Tools Window	= custom/dragonfly.png
Attach Developer Tools Window.selected	= custom/dragonfly_selected.png

I'm going to try it, but I'm not all that hopeful... and hey, if it works, at least it's archived for the future.

EDIT: So it doesn't really work. ".selected" doesn't anyway (is it because of the address bar or the way the button "must" work?). I just set it up with the official names for open (Attach Developer Tools Window) and close (Close Developer Tools Window)
Works, just no indent It would look too sexy with it anyway.


EDIT 2 - the second coming: Just switch to the standard skin and it's indented there. Is c00 set up some way to not indent or something :? Any advice on how to change it?

I cannot seem to get Opera 10 to work with my old toggle userjs checkbox.

Checkbox, "UserJS" = Set preference, "User Prefs|User JavaScript=1" | Set preference, "User Prefs|User JavaScript=0"

^ Was the old code, and now I can't seem to get it to work. What bugs me is I don't see that it's doing anything wrong for the new version.

Try <a href="opera:/button/Set%20preference,%22User%20Prefs|User%20JavaScript=1%22,,%22UserJS%22,%22Checkbox%20skin%22%20|%20Set%20preference,%22User%20Prefs|User%20JavaScript=0%22,,,%22Checkbox%20skin.selected%22">this one</a>

Set preference,"User Prefs|User JavaScript=1",,"UserJS","Checkbox skin" | Set preference,"User Prefs|User JavaScript=0",,,"Checkbox skin.selected"

Originally posted by Vectronic:

Try this one

Set preference,"User Prefs|User JavaScript=1",,"UserJS","Checkbox skin" | Set preference,"User Prefs|User JavaScript=0",,,"Checkbox skin.selected"

Thanks a lot Works a charm.

It is possible to convert this bookmarklet to a button?

javascript:var%20t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var%20e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|es&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|es&tbb=1&ie='+e;};

thanks vetronic for the private tab button

Just drag it to the toolbar of your choice while holding shift.

that was easy, thanks

A buttonmaker / icon chart that:

• makes draggable installer tags and copiable BBCode / HTML tags
• lets you toggle view of action & tags
• permits commenting of tags, and reloading for correction or modification
• includes a Save button so your tags and comments can be saved to disk

http://files.myopera.com/bpm/iconchart/ButtonMaker3.htm
(copy to hard drive to be able to save the file with the buttons and comments you add)

Hi all,
I'm having difficulty finding a way to 'buttonize' a tab menu option.
Basically, I sometimes use Opera in full screen mode and when I do this I want to manipulate tab windows and arrange them myself. I do not like the default "Tile" option at all.

Other times I use the Opera window in less than fullscreen mode and then I want all the tabs to be full size.

On the tab menu, I use "restore" to break the tab out of fullscreen mode. It is awesome.

I want to make two buttons that I think will make life a lot easier for everyone.

Button 1 has two functions: "Restore All" toggle. So if the browser has tabs fullsize, it restores the last size position state for all tabs and if they are scattered about the Opera space it will make them "fullsize" (or regular tab style)

Button 2 is a "new restored tab" button but opens the tab in "restore" (shrunken) mode. As it is, I have to open a new tab with the menu button and it obscures my whole screen, then I have to "restore it" to be useful. This is a real PITA.

I see where the tab defaults can be changed, but I don't 'always' work in one mode or the other, but switch between, so having to reset my preferences well.. it just sux.

I know there is a way to do this and I'm a little surprised Opera UI folks didn't come up with it, or if they have I can't find it. However, I am very impressed with the ease of manipulating and extending the UI. Great work you folks, you should be compensated for the time you put into making Opera better.

BTW I'm using the 10 Beta. Nice functionality

Cheers.

Restore Do you mean something like this? Click to toggle restore/maximize the current tab; click and hold to maximize all tabs.

i used to have a button to disable/enable blocking ads but i can't remember where i found it, although i think it was here at my.opera
can anyone post a button to do this?
thanks in advance

Such as <a href="opera:/button/Set%20preference,%22Network|Enable%20Content%20Blocker=1%22,,-694984494,%22Blocked%22%20|%20Set%20preference,%22Network|Enable%20Content%20Blocker=0%22,,%22Content%20Blocker%22,%22Blocked%22">this</a>? Also on a related note, <a href="opera:/button/Content%20block%20mode%20on,,,-1745751818,%22Blocked%22%20|%20Content%20block%20mode%20off,,,,%22Blocked%22">this</a>, same as right-click "Block Content", and <a href="opera:/button/Content%20block%20details,1,,-1425675157,%22Blocked%22">this</a> one to show the Blocked Content dialog.

YAY exactely
thank you so much!!

I need a button to replace the menu bar. Yes, I know there's one in Opera 10 and 10.5, but I want to use something different. I see one on the OPERA BUTTON WIKI, but I don'tlike that little down arrow on the right. Is there another button somewhere?