Skip navigation.

exploreopera

| Help

Sign up | Help

Posts tagged with "screenshot"

Off time

, , ,

While elsewhere people will be thinking of questions to ask me, I'll be off to the hospital in a few hours. I hope to be back soon, with a new left hip. The first part of me to become bionic, a lot cheaper though... Kids, watch out for iced sidewalks - a fall on the curb can lead to a broken hip; a broken hip can lead to a dead hip; which is no fun.

For fun, here's a screenhot of my current Opera toolbar configuration:

OperaFox 0.9, the new Munin

, , , ...

After Hugin, here's the 9.x update for Munin. But it's now called OperaFox. Munin was originally designed as a simplified Opera, inspired by Firefox. But since Opera 8, the default Opera setup is already simplified and hides the mail stuff etc. So while I still use Hugin myself, I don't use Munin anymore.

OperaFox 0.9
For those who like the Firefox experience, here's a setup that tries to mimic the Firefox look and feel. You can even download a keyboard shortcuts setup that makes Opera behave just like Firefox/MSIE (at the cost of making some Opera-specific shortcuts more complex). The toolbar and menu should both the installed for this setup to work correctly. The shortcuts are optional. The nice skin using Firefox and Thunderbird icons was made by Ralf Demuth.

Edit 2007-04-17: the links point to 9.2-compatible setups now



text-shadow support

, , ,

David Storey, our head web opener, has posted about the upcoming support for 'Selectors' (that is, CSS 3 Selectors) in Peregrine, the codename for the next big update of Opera (current 9.x series is codenamed Merlin). He also mentioned support for the 'text-shadow' property.

'text-shadow' has been dropped from CSS 2.1 because there were not enough implementations, basically it was just Safari (and other webkit-based Mac browsers) for a long time. Later iCab (a non-webkit Mac-browser) also added support, as well as Konqueror. Now, our developers also found a way to implement it.

Here's how text-shadow in Peregrine looks like on my Panelizer pages:



Note that I don't really like the 'pure' text-shadows, but I very much appreciate the blur effect. Using a little blur on :hover is also nice as a link-indicator I think - but there is no mechanism in CSS to fallback to another :hover style if text-shadow is not supported, which might make this use a bit problematic.

Our implementation seems to be quite good:
- support for multiple shadows
- limits to be maximum blur value - you can seriously hurt performance of some other browsers with big blur values

9.10 is final - and so is Hugin 2.5

, , , ...

Yippee, 9.10 is final. High time to update the downloadable custom setups I've made. I'll try to get this working with my.opera.com's system later, but for now I'll use my own webspace. First one:

Hugin 2.5
Hugin is a custom setup for a dedicated Mail & Chat client. It makes the power of M2 visible in menus and shortcuts and button - and makes it possible to keep mail and browsing separate processes, which has pros and cons. Normal browser functionality is mostly removed, so create a separate Opera installation for this one. You can open weblinks in a simple web tab. But you can also open them in your normal browser installation, with the link context menu. The toolbar and menu should both the installed for this setup to work!

Edit 2007-04-17: the links point to 9.2-compatible setups now





Styling Electoral-vote.com

, , ,

Electoral Vote is an great site that aggregates all the known polls in the US Presidential and Senate elections (made by a well known American geek, who happens to live in The Netherlands). The result: a nice red-and-blue map of the States. Unfortunately, the alignment, fonts and heavy HRs make it look rather unappealing. As I intend to follow the site for quite a while again (also did this during the Bush/Kerry battle), it was worthwhile to invest some time in making a userstylesheet to improve the looks.

Before:


After:


I've modified a copy of the site stylesheet. The changes are not very extensive, but that's OK because the site layout isn't very fancy anyway :-) Couldn't change the background color, because it is ugly if this doesn't match the background color in the automatically generated images. But I prefer to read text in Cambria. I've also made the fat horizontal rules invisible, and added some thin borders instead.

Here's the stylesheet: electoral-vote.css

Oh, and this is the current polling result: Click for www.electoral-vote.com

Quiz

,

QA staff had a teambuilding activity today. Our bugs could rest, no hunting this afternoon. A handful of QA staff are not located in Oslo and work mostly from home. We've been invited to participate in this activity by making a little quiz. Three of us each made three questions, and we would give the various teams clues for the next part of their challenge only after answering the questions correctly.

A somewhat predictable problem came up: we were too enthousiastic in making difficult questions, and the organisers were too optimistic in their planning. IOW, we had to relax out rules a bit because otherwise they wouldn't get to the 'eat pizza together' part of the activity before midnight :devil:.

:sherlock: Here are the questions I gave them:

  1. Which three boroughs merged a few years ago to become my current resident borough, and when?
  2. What music do I listen to while working? Specifically, today?
  3. What browser is Opera mimicking here?



Congratulations to Joen's team for being the only team to answer all three questions correctly! :hat:

A Ribbon for Opera

, , , ...

Inspired by the new Ribbon interface design that is being developed for MS Office 12 [1], I wanted to see what you get in Opera, when doing away with the normal top-menu, panels and toolbars. Without sacrificing access to all the functionality Opera has to offer, of course. In this new setup, each function is available in one, easy to find, place.

Here's a screenshot of the result of this exercise, 'Twelve':

2006-06-29: updated screenshot

To try this setup yourself, install both the menu and toolbar from here:

Edit 2007-04-17: the links point to 9.2-compatible setups now

I did this by making the Alt+F11 shortcut work under Windows as well as Linux:

  • Tools > Preferences > Advanced > Shortcuts
  • Doubleclick the active keyboard setup, and enter 'F11' in the Quick Find field
  • Remove 'Platform Unix, ' from 'Platform Unix, F11 alt', then click OK a lot
  • Now toggle the menu bar away with Alt+F11

Use 'Tools > Preferences > Advanced > Toolbars' to return to your previous setup.

For more info, explanation, and screenshots, visit the page 'Twelve' on my website.

[1] You can read some background information on the Ribbon

CNN as shown on Opera Mini

, ,




Here are two sceenshots of Opera Mini browsing CNN.com. The first one is the article list on the front page, the second one shows an article.

Mime.css enhancements for feeds

, , , ...

http://people.opera.com/rijk/opera/img/hugin8-tantekfeed-small.jpgHere are a few lines I've added to my mime.css, to make newsfeeds look a little nicer:
/* for feed content in general */

div.feedContent {font-family: serif;}

/* 'tags' in Tantek's feed as a small inline list
http://tantek.com/log/posts.atom
*/

h4.tags {display: run-in; font: bold smaller sans-serif;
 margin: 0; padding: 0 .5em 0 0;}
ul.tags {display: block; font: smaller sans-serif;
 margin: 0; padding: 0;}
ul.tags li {display: inline; margin: 0; padding: 0;}
ul.tags li a {text-decoration: none;}

/* permalink links bold red small */

div.feedContent + p > a {text-decoration: none; 
color: red; font: bold smaller sans-serif;}
This should work well with the default mime.css stylesheet. I've also got a completely restyled mime.css which tries to use the system colors more, and is a bit 'classier'. That's the one you see in the screenshot. Get the stylesheet here. Edit: For Opera 9 beta, add this to the 'browser.css' file instead.

Windows themes

,

Some people have been asking me about the skin they see in my screenshots, like here:
<http://my.opera.com/forums/attachment.php?s=&postid=929573>
In the past, some people even thought I was using Linux, which I don't for normal work. Since I found out last year there are actually free, nice looking and usable themes for Windows XP, I've been using first 'Royale' (the Windows Media Center theme) and then b0se's 'Codename: Opus' theme.

You'll need to run a patcher before Windows XP accepts non-signed themes BTW, which is a hassle.

Mimicri for Opera Beta

, , , ...

Opera Beta is out!
Update: Beta 2 is out
I've updated the toolbars below to take advantage of the latest features, I didn't change the menus yet.

Edit 2007-04-17: get updated versions for Opera 9.2

http://people.opera.com/rijk/opera/img/munin-8b1.png
If you need to convince your coworkers that Opera's UI can be molded in anyway you like, try the Firefox lookalike setup:

Skin: <http://my.opera.com/community/customize/skins/skin.cgi?id=2297>
Toolbar: <http://people.opera.com/rijk/opera/ini/tb/munin_toolbar_800.ini>
Menus: http://people.opera.com/rijk/opera/ini/menu/munin_menu_800.ini
Keyboard shortcuts: http://people.opera.com/rijk/opera/ini/kb/munin_keyboard_800.ini

If you prefer a Safari look and feel, try these:

http://people.opera.com/rijk/opera/img/safclone-8b1.png
Skin for Windows: <http://my.opera.com/community/customize/skins/skin.cgi?id=1354>
Skin for Mac (and only Mac!): <http://my.opera.com/community/customize/skins/skin.cgi?id=2009>
Toolbar: <http://my.opera.com/customize/setups/setup.pl?id=1653&show=toolbars>
(best suited for registered version, with ads this one is better: <http://my.opera.com/customize/setups/setup.pl?id=1647&show=toolbars> )

You can even get an Internet Explorer XP look and feel:

http://people.opera.com/rijk/opera/img/msieclone-8b1.png
Skin: <http://my.opera.com/community/customize/skins/skin.cgi?id=747>
Toolbar: <http://people.opera.com/rijk/opera/ini/tb/operaexplorer_toolbar_800.ini>
Menus: http://people.opera.com/rijk/opera/ini/menu/operaexplorer_menu_800.ini
Keyboard shortcuts: http://people.opera.com/rijk/opera/ini/kb/munin_keyboard_800.ini


Notes:
1. These toolbars and menus might contain oddities when not used together and with the recommended skin.
2. Thanks to Ralf Demuth (Safari toolbar and Safari and Firefox skin) and Lars Kleinschmidt (IE XP skin).

Want Bigger Menus?

, , , ...

The new toolbars and menus as tested in the 8.0 beta are great, and exactly what Opera needs at this moment. But I know some people disagree. And frankly, sometimes I want to have more menus, buttons etc as well. Even though I am usually content with keyboard shortcuts for arcane functions as 'Validate page' and 'Copy raw mail'.

Toolbars are very personal and very easy to adjust to your own taste, but the same can't be said for menus. So I've made a downloadable menu for 8.00 (beta 1) that contains almost everything Opera can do from the menu, eschewing sub-menus whenever possible. Get it here:

Edit 2007-04-17: get an updated version for Opera 9.2
<http://people.opera.com/rijk/opera/ini/menu/bigger_menu_800.ini>. Not happy? Choose 'Opera Standard' from 'Tools > Preferences > Toolbars and menus' and the original menu is back.

One thing I didn't include were the gazillion toolbar customization options on the toolbar context menus. I hope everyone is used to the 'Customize...' dialog by now!

BTW, no guarantee that this menu will work flawlessly in a final 8.0, though I will make updates available.

Screenshot with pagebar context menu:
<http://people.opera.com/rijk/opera/img/biggermenus1.png>
Screenshot with document context menu:
<http://people.opera.com/rijk/opera/img/biggermenus2.png>

Edit 2004-12-23: changed text, menu renamed and slightly updated, for 8.0 beta

'About this site' extension

, , ,

Someone in the Customize forum asked about the new 'About this site' Firefox extension [1]. Well, it is easy enough to recreate something like that in Opera. For good measure, I've included the 'Pagerank' button made by Andrew Gregory [2]. Download this menu:
<http://people.opera.com/rijk/opera/ini/menu/about_this_site_menu_750.ini>
... and you have an extra option in the page context menu which looks like this:

http://people.opera.com/rijk/opera/img/aboutthissite.png

Included actions:


  • Google Pagerank

  • Alexa Traffic Rank

  • Alexa Site Info

  • Google Related

  • Google Linked

  • Kinja Readers

  • Technorati Cosmos

  • Wayback Machine




[1] <http://www.scribbling.net/about-this-site-firefox-extension>
[2] <http://www.scss.com.au/family/andrew/o7/panels/pagerank/>

Edit:
Here's an updated version for Opera 8:
<http://people.opera.com/rijk/opera/ini/menu/about_this_site_menu_800.ini>
It uses the ZDot online service for Pagerank, which gives the same result as Andrew's button, but then on a webpage instead of in a popup.

Edit 2007-04-17: get an updated version for Opera 9.2

Single-line toolbar

, , ,

For those who like to save there vertical space: a single-line toolbar setup for Opera 7.50 preview 2. A menu dropdown is included, so you can even hide the normal menu. This works out nicely with a registered Opera. I've also mangled the new panel selector stuff, to save on vertical space inside the panels as well. To select a panel, use the 'Panel' drowdown button on the main bar. YMMV.

Install by clicking these links:
Edit 2007-04-17: get an updated version for Opera 9.2

Toolbars:
<http://people.opera.com/rijk/opera/ini/tb/singleline_toolbar_750.ini>

And then hide your Menu with Ctrl+F11


To restore the Opera defaults:
- Ctrl+F11 to show the full menu again
- Tools > Preferences > Toolbars and menus

Screenshot:

http://people.opera.com/rijk/opera/img/singleline-window.png

Updated setups (toolbars, menus and shortcuts) for 7.5

, , ,

I've updated all my toolbars and menus so they will work in 7.5 final, and will be fully subjected to localization.

Quick overview:

MoreMail: extended menus to do more with mail from the main menu, toolbars adapted (use toolbar and menu together), lots of extra shortcuts.

Hugin: Same as MoreMail, but with Less Browser. For those who don't really want a browser, just a mail/news/chat client.

Munin: mimic Firefox, thin browser client, as much as possible. Including the keyboard shortcuts if you want. Optionally disable mail and chat as well from Tools>Preferences>Programs and paths. For best result, *first* set the progress bar to popup inside the address bar, before downloading the menu.

KISS: simplified menu, less customization options visible, toolbars more like the minimal set of 7.23.

Singleline: most important buttons on one line, you can even remove the menu (Ctrl+F11) as there is a menu-button. Saves vertical screen space.

1024 Thin: not as drastic as Singline, this offers more buttons while still keeping the thin look of the default 7.5 toolbars.

Screenshot for Munin, using the default skin:
http://people.opera.com/rijk/opera/img/munin-750final.png

Get them from here:
<http://my.opera.com/community/customize/setups/index.pl?cat=&author=0&skip=0&search=&show=toolbars&perscreen=50>

New toolbar setup: "1024"

, , ,

http://people.opera.com/rijk/opera/img/1024-750-small.png
1024 is a little like my 'Singleline' toolbar, but less radical. You'll get a main toolbar with the most important buttons (including some site-navigation buttons), and a status bar at the bottom with a status field and a ID-switcher.

In the screenshot, I use the Qute skin.

Full size screenshot (64k):
<http://people.opera.com/rijk/opera/img/1024-750.png>

Download the toolbar from here:
<http://my.opera.com/Rijk/setups>
('1024' is the last one, so look at the bottom)

Singleline toolbar screenshot

, , ,

http://people.opera.com/rijk/opera/img/singleline-750-small.png

I can't help it: here's another screenshot. Now it is the 'Singleline' toolbar setup, with the Fresh skin.

If you look carefully, you can see I also singlelined the panel toolbars.

Link to full screenshot (66k):
<http://people.opera.com/rijk/opera/img/singleline-750.png>

Munin 7.5 screenshot

, , ,

http://people.opera.com/rijk/opera/img/munin-750-small.png

Here's a screenshot to see how a Muninized Opera 7.5 becomes more Firefoxy than Firefox itself :smile:

Link to full image (80k):
<http://people.opera.com/rijk/opera/img/munin-750.png>

Download the Munin setup files from here:
<http://my.opera.com/community/customize/setups/index.pl?cat=&author=0&skip=0&search=&show=toolbars&perscreen=25>
(scroll down on that page, or type "/ munin" to quickly find them)

July 2008
SMTWTFS
June 2008August 2008
12345
6789101112
13141516171819
20212223242526
2728293031