CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Opera</title> <meta name="generator" content="Serif WebPlus X8"> <meta name="viewport" content="width=900"> <meta name="keywords" content="freeware, OpenType, DTP, font-editing, font manager, learning Pali, Character Map, Best Browsers, Screen Capture, Image Viewer, Stitch Panoramas, PDF Editor, PDF Viewer, Archiving, Create Fonts"> <meta name="author" content="Bhikkhu Pesala"> <link rel="stylesheet" type="text/css" href="wpscripts/wpstyles.css"> <style type="text/css"> @font-face { font-family: 'Verajja'; src: url('wpscripts/wpc6b8acad.ttf'); font-weight: bold;} .C-1 { line-height:41.00px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:700;color:#cc0033;background-color:transparent;text-decoration:none;font-variant:normal;font-size:32.0px;vertical-align:0; } .C-2 { line-height:27.00px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:700;color:#cc0033;background-color:transparent;text-decoration:none;font-variant:normal;font-size:21.3px;vertical-align:0; } a.C-2:link, a:link .C-2 { color:#32381d;text-decoration:underline; } a.C-2:visited, a:visited .C-2 { color:#a3a3a3;text-decoration:underline; } a.C-2:hover, a:hover .C-2 { color:#a3a3a3;text-decoration:underline; } a.C-2:active, a:active .C-2 { color:#385f06;text-decoration:underline; } @font-face { font-family: 'Verajja'; src: url('wpscripts/wp709e4023.ttf'); } .C-3 { line-height:20.80px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:normal;color:#000000;background-color:transparent;text-decoration:none;font-variant:normal;font-size:16.0px;vertical-align:0; } .C-4 { line-height:20.80px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:normal;color:#000000;background-color:transparent;text-decoration:none;font-variant:normal;font-size:16.0px;vertical-align:0; } a.C-4:link, a:link .C-4 { color:#32381d;text-decoration:underline; } a.C-4:visited, a:visited .C-4 { color:#a3a3a3;text-decoration:underline; } a.C-4:hover, a:hover .C-4 { color:#a3a3a3;text-decoration:underline; } a.C-4:active, a:active .C-4 { color:#385f06;text-decoration:underline; } .C-5 { line-height:20.80px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:700;color:#000000;background-color:transparent;text-decoration:none;font-variant:normal;font-size:16.0px;vertical-align:0; } a.C-5:link, a:link .C-5 { color:#32381d;text-decoration:underline; } a.C-5:visited, a:visited .C-5 { color:#a3a3a3;text-decoration:underline; } a.C-5:hover, a:hover .C-5 { color:#a3a3a3;text-decoration:underline; } a.C-5:active, a:active .C-5 { color:#385f06;text-decoration:underline; } .C-6 { line-height:20.80px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:700;color:#000000;background-color:transparent;text-decoration:none;font-variant:normal;font-size:16.0px;vertical-align:0; } .C-7 { line-height:31.00px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:700;color:#cc0033;background-color:transparent;text-decoration:none;font-variant:normal;font-size:24.0px;vertical-align:0; } .OBJ-1 { border:1px solid #008000;box-shadow:2px 2px 4px brown; } .C-8 { line-height:25.00px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:700;color:#cc0033;background-color:transparent;text-decoration:none;font-variant:normal;font-size:18.7px;vertical-align:0; } @font-face { font-family: 'Mandala'; src: url('wpscripts/wp08f218a6.ttf'); } .C-9 { line-height:20.80px;font-family:"Mandala", serif;font-style:normal;font-weight:normal;color:#000000;background-color:transparent;text-decoration:none;font-variant:normal;font-size:16.0px;vertical-align:0; } .P-1 { text-align:center;line-height:1px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:normal;color:#000000;background-color:transparent;font-variant:normal;font-size:16.0px;vertical-align:0; } .C-10 { line-height:16.00px;font-family:"Verajja", sans-serif;font-style:normal;font-weight:normal;color:#000000;background-color:transparent;text-decoration:none;font-variant:normal;font-size:16.0px;vertical-align:0; } </style> <script type="text/javascript" src="wpscripts/jquery.js"></script> <script type="text/javascript" src="wpscripts/jquery.wputils.js"></script> <link rel="icon" href="favicon.ico" type="image/x-icon" sizes="16x16 32x32 48x48 64x64"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="16x16 32x32 48x48 64x64"> </head> <body style="height:5241px;background:url('images/gray%20spots.png') repeat scroll center top #ffffff;"> <div id="divMain" style="background:transparent;margin-left:auto;margin-right:auto;position:relative;width:900px;height:5241px;"> <a href="index.html"> <img alt="Home - Software Reviews" title="Home - Software Reviews" src="images/home.png" id="pic_733" style="position:absolute;left:19px;top:4px;width:36px;height:36px;"> </a> <a href="PagePlus.html"> <img alt="PagePlus Versions Review" title="PagePlus Versions Review" src="images/pageplus.png" id="pic_711" style="position:absolute;left:59px;top:4px;width:36px;height:36px;"> </a> <a href="WebPlus.html"> <img alt="WebPlus Versions Review" title="WebPlus Versions Review" src="images/webplus.png" id="pic_712" style="position:absolute;left:99px;top:4px;width:36px;height:36px;"> </a> <a href="DrawPlus.html"> <img alt="DrawPlus Review" title="DrawPlus Review" src="images/drawplus.png" id="pic_898" style="position:absolute;left:139px;top:4px;width:36px;height:36px;"> </a> <a href="Freeware.html"> <img alt="Freeware" title="Freeware" src="images/separator.png" id="pic_735" style="position:absolute;left:180px;top:9px;width:8px;height:26px;"> </a> <a href="7-Zip.html"> <img alt="7-Zip Archive Program" title="7-Zip Archive Program" src="images/7zip%2024.png" id="pic_1832" style="position:absolute;left:192px;top:8px;width:36px;height:28px;"> </a> <a href="BabelMap.html"> <img alt="BabelMap Unicode Character Map" title="BabelMap Unicode Character Map" src="images/babel.png" id="pic_713" style="position:absolute;left:233px;top:4px;width:36px;height:36px;"> </a> <a href="cst4.html"> <img alt="Chattha Sangayana Tipitaka" title="Chattha Sangayana Tipitaka" src="images/CST4.png" id="pic_1445" style="position:absolute;left:273px;top:4px;width:36px;height:36px;"> </a> <a href="ExamDiff.html"> <img alt="Exam Diff Text File Comparison Tool" title="Exam Diff Text File Comparison Tool" src="images/ExamDiffIcon.png" id="pic_1378" style="position:absolute;left:313px;top:4px;width:36px;height:36px;"> </a> <a href="FastStoneViewer.html"> <img alt="FastStone Viewer and PhotoResizer" title="FastStone Viewer and PhotoResizer" src="images/faststone.png" id="pic_714" style="position:absolute;left:353px;top:4px;width:36px;height:36px;"> </a> <a href="IrfanView.html"> <img alt="IrfanView Image Viewer and Converter" title="IrfanView Image Viewer and Converter" src="images/IrfanView%2048.png" id="pic_730" style="position:absolute;left:393px;top:4px;width:36px;height:36px;"> </a> <a href="Jarte.html"> <img alt="Jarte - A Wordpad Clone" title="Jarte - A Wordpad Clone" src="images/Jarte%2032.png" id="pic_727" style="position:absolute;left:433px;top:4px;width:36px;height:36px;"> </a> <a href="MainType.html"> <img alt="High-Logic MainType - Font Manager" title="High-Logic MainType - Font Manager" src="images/MainType%2032.png" id="pic_728" style="position:absolute;left:473px;top:4px;width:36px;height:36px;"> </a> <a href="LibreOffice.html"> <img alt="LibreOffice Office Suite" title="LibreOffice Office Suite" src="images/LibreOffice%20Writer%2032.png" id="pic_719" style="position:absolute;left:513px;top:4px;width:36px;height:36px;"> </a> <a href="Fonts.html"> <img alt="Free OpenType Fonts" title="Free OpenType Fonts" src="images/TT.png" id="pic_715" style="position:absolute;left:553px;top:4px;width:36px;height:36px;"> </a> <a href="opera.html"> <img alt="Opera 12.18 Web Browser Review" title="Opera 12.18 Web Browser Review" src="images/Opera%2032.png" id="pic_2456" style="position:absolute;left:593px;top:4px;width:36px;height:36px;"> </a> <a href="PDF-XChange.html"> <img alt="PDF-XChange Editor Review" title="PDF-XChange Editor Review" src="images/PDF%20Editor%2048.png" id="pic_722" style="position:absolute;left:633px;top:4px;width:36px;height:36px;"> </a> <a href="page28.html"> <img alt="VeraCrypt" title="VeraCrypt" src="images/VeraCrypt%20Icon.png" id="pic_2528" style="position:absolute;left:674px;top:4px;width:36px;height:36px;"> </a> <a href="vivaldi.html"> <img alt="Vivaldi Browser Review" title="Vivaldi Browser Review" src="images/Vivaldi%2048.png" id="pic_1993" style="position:absolute;left:714px;top:4px;width:36px;height:36px;"> </a> <a href="Shareware.html"> <img alt="Shareware" title="Shareware" src="images/separator.png" id="pic_1377" style="position:absolute;left:754px;top:9px;width:8px;height:26px;"> </a> <a href="FastStone.html"> <img alt="FastStone Capture Screen Grab Utility" title="FastStone Capture Screen Grab Utility" src="images/capture.png" id="pic_723" style="position:absolute;left:767px;top:4px;width:36px;height:36px;"> </a> <a href="FontCreator.html"> <img alt="High-Logic FontCreator - TrueType/OpenType Font Editor" title="High-Logic FontCreator - TrueType/OpenType Font Editor" src="images/FontCreator%2032.png" id="pic_724" style="position:absolute;left:807px;top:4px;width:36px;height:36px;"> </a> <a href="Scanahand.html"> <img alt="High-Logic Scanahand - Create Fonts Automatically from Scans" title="High-Logic Scanahand - Create Fonts Automatically from Scans" src="images/Scanahand%2032.png" id="pic_729" style="position:absolute;left:847px;top:4px;width:36px;height:36px;"> </a> <div id="txt_1040" style="position:absolute;left:20px;top:50px;width:860px;height:5157px;"> <h1 class="Heading-1">Opera</h1><h3 class="Heading-3"><a href="https://ftp.opera.com/ftp/pub/opera/" target="_blank" class="C-2">Download Opera 12.18</a></h3><img alt="" src="images/Opera%20Doc%20256.png" id="pic_2447" style="float:right;margin:0px 0px 0px 6px;width:198px;height:256px;">Opera 5.0 became my primary browser in 2001, when it was recommended to me for its built-in email client. Being able to check and send email while browsing is as useful as it ever was. I no longer need to launch Opera 12.18 to send and receive emails, since Vivaldi now has a built-in email client. I have restored and updated this review page for the benefit of those Vivaldi users who do not know the background of the original Opera browser co-founded by <a href="https://en.wikipedia.org/wiki/Jon_Stephenson_von_Tetzchner" target="_blank" class="C-4">Jon von Tetzchner</a>, the current CEO of Vivaldi. Opera used its own Presto rendering engine, but it was hard to support web sites that did not follow web standards. In 2013 Opera dropped the Presto layout engine in favour of <a href="https://en.wikipedia.org/wiki/Blink_(web_engine)" target="_blank" class="C-4">Blink</a>, and it was bought up by a Chinese consortium for $600 million in 2016. This marked a change of direction, and long-term Opera users like me. I never adopted the new version of Opera so I was delighted to discover that Vivaldi had been released by Jon von Tetzchner with a similar design philosophy to that of the original Opera, with a promise of a built-in email client and a high degree of customisability. After reading the review below, you will realise that, though much has been achieved already, Vivaldi still has some way to go to reach the same level of control that we enjoyed in Opera for over a decade. <ul style="list-style-type:disc;margin:0;padding:0;"> <li class="Bulleted-List" style="text-indent:0;margin-left:48.0px;"><a href="#Email" class="C-5">Email client:</a> Send and receive email and read RSS Newsfeeds</li><li class="Bulleted-List" style="text-indent:0;margin-left:48.0px;"><a href="#Customisability" class="C-5">Customisability</a>: <a href="#Keyboard" class="C-4">Keyboard</a> • <a href="#MouseGestures" class="C-4">Mouse Gestures</a> • <a href="#Menus" class="C-4">Menus</a> • <a href="#Toolbars" class="C-4">Toolbars</a> • <a href="#Skins" class="C-4">Skins</a> • <a href="#MouseGestures" class="C-4">Buttons</a></li><li class="Bulleted-List" style="text-indent:0;margin-left:48.0px;"><a href="#WebPanels" class="C-5">Web Panels:</a> Drag any web page to the panels toolbar</li><li class="Bulleted-List" style="text-indent:0;margin-left:48.0px;"><a href="#Extensions" class="C-5">Extensions:</a> For those who need even more</li><li class="Bulleted-List" style="text-indent:0;margin-left:48.0px;"><a href="#MyOpera" class="C-5">My Opera Has Closed</a></li> </ul> <a id="Email"></a>Email Client <img alt="" src="images/Mail%20Views.png" id="pic_2448" class="OBJ-1" style="float:right;margin:0px 0px 0px 6px;width:282px;height:541px;">Set up one or more email accounts in Opera to have instant access without running another program. I keep my “Received mail” tab pinned open at all times for quick reference. The Ctrl E shortcut can be used to compose an email, or clicking an email link will open the Compose mail window. Opera was originally just a plain text client, which IMO is the best for email, but it now has an HTML mail composer if you need it. Spell-check is built in to the browser and can also be used to check mail. The mail tabs can be arranged in the traditional way with list above and message below, or side-by-side, with one or two lines for the message list. Grouping of messages by date can be disabled to return to the old style mail layout. <img alt="" src="images/Opera%20Mail%20Labels.png" id="pic_2451" class="OBJ-1" style="float:left;margin:6px 6px 0px 0px;width:119px;height:202px;">I don’t use the Mail Panel at all, but there are more options there for sorting and filtering mail. The email client works like a database, so there is no need to sort mail in folders. Just use views (filters) to organise your mail, or simply use the quick find field to filter mails containing key words. Emails can be tagged with labels. Users can add or remove labels, and select custom icons. I keep only important emails, which I tag, then I delete the rest. Multiple email accounts can be set up, with options for each to check every so many minutes for new emails, or only to check manually. A sound can be set to play when email arrives. A different signature can be used for each account. This high level of customisation is great if you have different accounts for work, home, charities, or other social groups. Without even looking up from what you’re doing you can know whether an important email has just arrived from a work colleague, or from a close friend. <a id="Customisability"></a>Customisability <h4 class="Heading-4"><a id="Keyboard"></a>Keyboard</h4>To edit the keyboard shortcuts, from Preferences, Advanced, Shortcuts, Keyboard Setup, and edit the Opera Standard keyboard setup. This will automatically create a copy called “Opera Standard (Modified)”, which you can rename as you wish. It will also create a new \keyboard\ subfolder containing a text file named standard_keyboard (1).ini in Opera’s profile folder. This text file can also be renamed if you wish. Mine is named Unicode.ini — to install it, save it in …\profile\keyboard\ and select it in Preferences, Advanced, Shortcuts. The Keyboard setup editor is powerful, but easy to use. The shortcuts are context-sensitive, so a single keyboard shortcut can do different things in different contexts. For example, F7 might be used to “Spell check” in the Advanced, Edit Widget context (in edit fields), but to edit the Menu setup or something else in the “Application” context. To check if a shortcut is already used, type it in the Quick Find field of the dialog. All of the assigned commands will be listed as in the dialog below: <img alt="" src="images/Edit%20Keyboard%20Setup.png" id="pic_2452" class="OBJ-1" style="float:right;margin:0px 0px 0px 6px;width:653px;height:512px;">Commands are not case-sensitive, and are usually written with the key first, followed by the modifiers, e.g. “F7 shift” rather than “Shift F7” because this makes it easier to read the list. You can write “Shift F7” if you prefer, and you can arrange the shortcuts in any order that makes sense to you. Multiple modifier keys are separated by a space, e.g. “F7 Ctrl Alt Shift.” Multiple alpha-key shortcuts can also be used. Separate letters with a comma, e.g. “a,b” “a,p,n,g” or “a,p,n,g” These shortcuts are easy to remember, even if they contain several letters, like “j,a,r,t,e”, which I use to launch the program Jarte — an enhanced version of Wordpad. Shortcut = Action a,b = View address bar, 6 | View address bar, 0 a,p,n,g = Execute program, "C:\Users\Bhikkhu Pesala\Pictures\APNG\apngasm_gui.exe" f,c = Execute program, "C:\C:\Program Files\High-Logic FontCreator\FontCreator.exe" p,d,f = Execute program, "C:\Program Files\Tracker Software\PDF Editor\PDFXEdit.exe" t,d = Execute program, "O:\Documents/ToDo.txt" Note that if a file type is associated with a program in Windows, you can launch any file in that program using the “Execute program” command — in the above example I use it to open Notepad2 with a text file. This is quicker than using the Windows taskbar or Start Menu to launch the program, then finding it on the recent files list, or browsing the hard drive to open it. Since Opera uses several single key shortcuts for page navigation, if you use those you will have fewer options available for mnemonic shortcuts. For example, in the default keyboard setup you will find: Feature ExtendedShortcuts, a = Highlight next URL Feature ExtendedShortcuts, q = Highlight previous URL If “a” is already used then “a, b, c” will never do anything. I only use x = forward, and z = back, which are not so useful for mnemonic shortcuts anyway. Shortcuts defined as above with “Feature ExtendedShortcuts” will only work if “Enable single-key shortcuts” is set in Preferences, Shortcuts. ☑ <a href="https://forum.vivaldi.net/topic/24825/mnemonic-shortcuts" target="_blank" class="C-4">Vote for Mnemonic Shortcuts in Vivaldi</a> ☑ Several commands can be executed in sequence by using the “&” separator. For example: b, b = Set alignment, "personalbar inline", 6 & Delay, 5000 & Set alignment, "personalbar inline", 0 This shortcut (pressing b twice) will show the Bookmarks Bar (formerly called the Personalbar), “inline” means that it will be placed in the current page below the address bar and tabs). The “6” means it will be placed in its default position (0 = off, 1= left, 2 = top, 3 = right, 4 = bottom). The command “Delay, 5000” waits 5 seconds, then disables the Bookmarks Bar by setting the alignment value to 0. <h4 class="Heading-4"><a id="MouseGestures"></a>Mouse Gestures</h4>If mouse gestures are enabled in Preferences, Shortcuts, holding the right mouse button down while moving the mouse will execute various commands. The default gestures can be edited or new gestures added to do almost anything using the same commands as for keyboard shortcuts. GestureRight, GestureLeft = Set alignment, "hotlist", 6 | Hide panel, -1 | Set alignment, "hotlist", 0 GestureLeft = Back | Close page GestureDown = Open link in background page | Go to end | New page GestureUp Shift = Show popup menu, "Mouse Gesture Menu" Mouse flips (rocker gestures) are executed by holding down one mouse button while clicking the other one. So, in the Bookmarks panel holding the right mouse button while clicking the left button (FlipBack) will collapse all bookmark folders, while the opposite — FlipForward — will open them all. These shortcuts are defined in the Advanced, Tree Widget context. FlipBack = Close all items Button3 = Spell check The middle mouse button is “Button3”, which in the Advanced, Edit widget context (in edit boxes) will run the spell-checker. Mouse gestures can made easier to execute by increasing the Gesture Threshold so that the direction of the gesture doesn’t need to be so precise. Show Gesture UI will display a popup giving some indication of what happens next. This “feature” is on by default, but you can disable it. ☑ Vote for <a href="https://forum.vivaldi.net/topic/24268/mouse-gesture-trails" target="_blank" class="C-4">Mouse Gesture Trails</a> and <a href="https://forum.vivaldi.net/topic/25580/mouse-gesture-visual-hints" target="_blank" class="C-4">Mouse Gesture Visual Hints</a> ☑ One can also use keyboard modifiers in conjunction with mouse gestures, thus greatly extending the range of possible assignments, e.g. FlipBack Ctrl = Zoom to, 100 FlipForward Ctrl = Zoom to, 150 ☑ <a href="https://forum.vivaldi.net/topic/25497/allow-keyboard-modifiers-for-mouse-gestures" target="_blank" class="C-4">Vote for Allow Keyboard Modifiers for Mouse Gestures</a> ☑ <h4 class="Heading-4"><a id="Menus"></a><img alt="" src="images/big-o.png" id="pic_2453" style="float:left;margin:0px 6px 0px 0px;width:38px;height:24px;">Menus</h4>There are so many features in Opera, that it can be hard finding your way around. However, it is not hard to edit the menus to remove any items that you don’t use. Although there is no direct method via the interface, the configuration file can be edited in a plain text editor like notepad. To create a new menu, in Preferences, Toolbars, Menu setup, edit the “Opera Standard” menu. This will automatically create a copy called “Opera Standard (Modified)”, which you can rename as you wish. It will also create a new \menu\ subfolder containing a text file named standard_menu (1).ini in Opera’s profile folder. This text file can also be renamed if you wish. Editing of menus is hugely important to productivity, which is reflected in the fact that this is the most voted for feature request by some margin. I hope that it can be made easy for novice users, without editing code, with all of the complexity and syntax errors that usually result. <h4 class="Heading-4"><a id="Toolbars"></a>Toolbars</h4>The default toolbar setup in Opera 12.18 is too minimalist and the skin is too drab for me. I use the D.T.A Skin. It has colourful 32 pixel icons to match standard program icons. My Compact Toolbar setup is designed to make best use of the space on my 1920 x 1080 monitor or smaller monitors. Rollover the graphic to see my Opera Glasses skin — a 32 pixel version of the Opera Classic skin — click and hold to see the Chosen Button skin, which has some nice corner rounding and gradient effects. <img alt="" src="Opera%20DTA%2032.png" id="roll_71" data-rollover="true" data-state="up" data-imgnormal="Opera DTA 32.png" data-imgover="images/Opera Chosen Button.png" data-imgdown="images/Opera Glasses.png" data-imgdownover="images/Opera Glasses.png" style="vertical-align:middle;margin:0px;width:743px;height:71px;"> <ol style="list-style-type:decimal;margin:0;padding:0;"> <li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Tab Bar (if placed at the top) utilises the space normally taken by the Windows Title bar. On the tab bar are the Pagebar Head Toolbar on which sits the Opera menu button. After the last open tab is the Pagebar Floating Toolbar on which is the Trash can and the New Tab button. On the extreme right of the Tab bar is the Pagebar Tail Toolbar. In the default setup it holds the trash can. Clicking the trash can shows a popup menu listing the tabs closed since Opera was started.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Address Bar (aka Document toolbar), is at the top of the window below the tabs. The default setup has just four buttons: Back, Forward, Reload/Stop, and Log in. The remaining width of the browser window is taken up by the Address field and the search field. In my setup, the address bar is used for lots of custom buttons, while I disable the Search field</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Status Bar at the bottom of the window has four buttons, a status field, a popup menu, and a zoom slider. The first button toggles the panels, the second controls Opera Link, the third controls Opera Unite, and the fourth controls Opera Turbo mode. The popup menu show/hides images or fits the web page to the window. The slider zooms the current web page. In my setup, the status bar is disabled. If I need it, it can be shown/hidden with a shortcut or mouse gesture.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Main Bar: This can be used instead of the Address bar to place the tabs below the URL field.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Start Bar: Popup toolbar inside the address field, whichever toolbar that is on.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Personal Bar: Now replaced by the Bookmarks bar, but retained for those who prefer to have their favourite bookmarks above the tabs.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Bookmarks Bar: (aka Personalbar Inline) These two toolbars show the same personal bookmarks or favourite folders. Buttons cannot be placed on these toolbars, but search engines can.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Extension Bar: This sits on the Address bar, and holds icons to launch extensions.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">View Bar: (aka document view bar)</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Navigation Bar: (aka Site Navigation toolbar). This shows active site navigation links only if they have been defined for the web site. As it is useless for other sites, it can be used for some other purpose. Buttons can be added to this toolbar.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Progress Bar: Page loading progress is shown inside the address field by default, or can be shown as a popup toolbar at the bottom of the window.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Panel Selector Toolbar: By default, this toolbar is placed to the left of the panels, and is always visible, even if the panels are closed to give quick access to Bookmarks, Mail, History, Transfers, etc. Only panels can be added to this toolbar — any tab can be dragged to it to create a new panel. If the panel selector is moved to Top or Bottom placement from the Customise, Appearance, Toolbars dialog, it will be hidden when the panels are closed, saving space. The Panel Toggle strip can also be enabled to access the panels. There is a small toolbar on the Panel Selector, holding just one button, which shows a popup menu of available panels. Buttons can be added to this small toolbar, next to the popup menu button.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Panel Toolbars: Each panel has its own toolbar, and buttons can be added here.</li><li class="Numbered-List" style="text-indent:0;margin-left:48.0px;">Mail Toolbars: Email views such as the “Received,” or “Sent,” views also have their own toolbar for mail related tasks, and mail tabs have a header toolbar too showing the current view and its status (number of messages). Buttons can be added to these toolbars. The header toolbar can be hidden to save space.</li> </ol> There are other toolbars for blocked content, passwords, geolocation, find in page, etc., but they are not customisable from the customise dialog and in general are only shown when needed. <h4 class="Heading-4"><a id="Skins"></a>Skins</h4>Opera comes with a single Standard Skin, but a wide range of custom skins can be download from the Customise, Appearance, Skins dialog to change the appearance of the browser. Three different skins can be seen used for the Toolbar in the rollover illustrated above. Creating skins is a complex task, but it is relatively easy to add a few more icons, or change the spacing of some elements. Unzip the skin archive to extract its folder structure Add a new folder for the new icons Extract the 32-bit 32 pixel icons from program executables using @IconSushi. Edit skin.ini from the skin’s root folder using notepad, adding definitions for each new icon like this: [Images] ;Additional Buttons 7zip = buttons2/7zip.png Zip the archive up again to include the new folder and its contents Copy the new zip folder over the original skin archive. This can be done with Opera open as long as the skin that you’re editing is not in use. <h4 class="Heading-4"><a id="Buttons"></a>Buttons</h4>Having added the new icons, they can now be used on toolbars to launch external programs, or whatever. A link like this • <a href="opera:/button/Execute%20program,%20%22C:/Program%20Files/7-Zip/7zFM.exe%22,,,%227zip%22%22" target="_blank" class="C-4">7-Zip</a> • will create a button if dragged to any Opera 12.18 toolbar that supports buttons. The code below was used to create the link (%20 is a space, %22 is a " quote mark): opera:/button/Execute%20program,%20%22C:/Program%20Files/7-Zip/7zFM.exe%22,,,%227zip%22%22 <h4 class="Heading-4"><a id="Extensions"></a>Extensions</h4><img alt="" src="images/Opera%20Extensions%20128.png" id="pic_2454" style="float:right;margin:0px 0px 0px 6px;width:128px;height:128px;">For more specialised needs than are available in the default browser, Extensions can be added. Extensions are only available while the browser is running. Vivaldi supports most Chrome Extensions. Some users rely on dozens of extensions, but using them is not without risks such as loss of privacy. I prefer to make requests for features to be added to Vivaldi, and wait for them to be implemented by a team that I trust. <h4 class="Heading-4"><a id="WebPanels"></a>Web Panels</h4>Any web page can be dragged to the Panels Toolbar to create a custom panel. Open my <a href="resources/YouTube.html" class="C-4">YouTube Panel</a> and drag it to the panels toolbar to watch YouTube videos in a panel while browsing. Edit the source code to change the embedded videos to any of your own choice. To get the embed link from YouTube, click on the “Share” button, the Embed option, copy the code and resize the frame to 300 x 240. Add <a href="https://www.bing.com/translator/" target="_blank" class="C-4">Bing Translate</a> Mobile version as a web panel. To access custom panels with a keyboard shortcut, use shortcuts like those below: Focus panel, 0 | Hide panel, -1 | Set alignment, "hotlist", 0 Focus panel, 1 | Hide panel, -1 | Set alignment, "hotlist", 0 Focus panel, 0 will open the first panel on the panels toolbar, which is usually the Bookmarks, Focus panel, 1 will focus the second panel, which is usually Contacts, etc. Drag the panels around to any order you want, and add more shortcuts as required. I have shortcuts (that use Ctrl 1 to Ctrl =) for twelve panels, the last being: Focus panel, 11 | Hide panel, -1 | Set alignment, "hotlist", 0 Panels are not supported by Opera Next <h4 class="Heading-4"><a id="MyOpera"></a>My Opera Has Closed</h4>The <a href="https://forums.opera.com" target="_blank" class="C-4">Opera Support Forums</a> have a new home. <img alt="" src="images/My%20Opera%20Forum%20Post.png" id="pic_2457" class="OBJ-1" style="float:right;margin:0px 0px 0px 6px;width:181px;height:89px;">My Opera was a great place to get support tips on using the powerful features in the browser, and there was a lounge where we had many discussions and debates. There was a lounge area for those more interested in games and music than in discussion. The Vivaldi Community has quickly become a thriving forum where new users can get help, more expert users can share tips on modifying the interface with CSS and Javascript. It is also the first port of call for reporting bugs and solving problems before submitting an official bug report. Page last updated on 25 December 2024 </div> </div> </body> </html>