A white skin
-
Did that version of Opera have a choice of Tab bar location ?
I cut my teeth on tabs courtesy of Netscape, and theirs were where I explained.
So were the tabs of all Mozilla browsers until more recently when FireFox got dictatorial on us (and/or copied Chrome), and so was Internet Explorer, for at least versions 7 & 8.
Opera had tabs on the bottom since Opera introduced tabs to internet browsing!(+) It was WAY before Netscape, IE etc. even knew what a tab was (a desktop cluttered with a dozen IE windows was the (horrible) norm back then).
The tabs stayed on the bottom from version 4 IIRC up to around 8 or so. In fact, I was one of the people who protested the change for the default to be on top (it could still be optionally kept on the bottom). The option for top/bottom was around for a very long time as well (I can't be bothered to try to find actual dates and version numbers for all this, sorry).
(+) I believe there was one other experimental browser project which used tabs just before Opera 4 came out, but Opera was certainly the first mainstream one, and had always had multiple documents in a single window (MDI).
-
Given time, I have no doubt all of that and more will be possible in Vivaldi.
-
@Sajadi:
So please devs, make everything customizable
It already is if you know HTML & CSS
@RRR13:
A lot of things are possible. The willingness to do them is what matters.
For example, Vivaldi does not want to make useful tab stacks, like Opera had.And what exactly they do not want to do? The only thing "missing" I don't see in Vivaldi is the ability to expand the stack without losing the stack.
This pic is for the link in one of my posts in the Vivaldi team's blog thread for today's browser snapshot.
It shows what a couple of days of boredom-fueled creativity can yield, and what could be achieved with the Opera 12 UI in the default theme.
My #1 wish is to see the Vivaldi browser be able to be configured to look like this with every element positioned as below :
I believe modifying the current CSS is already enough to bring a similar look, and without the title bar.
-
Given to power of HTML & CSS to render virtually any visual effect, it would seem the customizability of Vivaldi skins will be pretty much unlimited.
-
A little hard to do as the address bar is part of main while the title bar is part of header. This should do the trick:
.maximized #header{ height:40px } .normal #header{ height:46px } #pagetitle{ display:none } .toolbar.toolbar-addressbar{ margin-left:34px; margin-top:-34px; width:87%; z-index:10 }
Edit:
Forgot that you prefer the full menu rather than the Vivaldi button, in this case edit the width attribute to 68% and margin-left to around 335px.
Also add this:.normal .toolbar.toolbar-addressbar{ width:58px !important }
-
Right! Since I said I would post this a while ago, here's how Vivaldi looks on my netbook with XP (classic UI - Win95-Win2000 style):
[attachment=1051]VivaldiXP.png[/attachment]
Note that something has changed since I first wrote about it - the title is no longer displayed next to the menu in version 1.0.151.7.
But… the title is displayed if I switch the menu off!
[attachment=1052]VivaldiXPnomenu.png[/attachment]
Note how the tab colour flows onto the menu/title area… I think that looks much nicer!
Attachments:
, -
Okay, it's nothing to do with XP or Win7 or whatever… it's because I have the tabs at bottom!
I suddenly wondered if that was the reason, so I switched the tab bar to bottom on this (portable USB) install at work - and sure enough, I get the same thing here (Win7)!
See - I told you tabs-at-bottom was the correct format!
Quite surprising that this simple option changes the whole rendering of a large section of the UI... deliberate? Someone in the team prefers tabs-at-bottom as well?
-
…the idea of adding an option to let us set the Vivaldi browser's Tabs Bar position to be the lowest bar immediately above the web page content…I have asked about this around a dozen times...Even if they were to say "NO", it would be better than saying nothing...Vivaldi devs seem to be ignoring my posts.
They have posted replies to many other folks who have been much less polite than I have been so far.
Maybe THAT's what to do - Or just leave, and spread what I have learned.
I have much more confidence in your staying-polite approach so far.
…And I think it's very likely to be an option at some point. But I wouldn't attach much significance to the lack of a developer reply. My impression is that those are almost random on the team blog, maybe when one of the developer's needs a code-break or gets a bit piqued at a complaint. If they were to actually reply to every post, it would probably take each member of the development team 36 hours per day. … Wouldn't ever get those tabs on the bottom then.
If you have a good-quality idea/request (and I think all these tab bar/tool bar issues matter to a lot of users) and bring it up again from time to time, I think it's pretty likely it will find its way into the browser.
-
And being a Canadian, it's reputationally out of character for me to be impolite and ornery, but from what I have seen, it's THOSE posts which seem to be getting the replies from the devs.
Are you sure they are Vivaldi devs? Because they hardly reply.
WAIT A MINUTE !
Is your proposed CSS intended for Opera 12, or for Vivaldi ?
Vivaldi. Tested only with tabs on side and bottom.
Maybe An_dz knows a CSS fix to reposition the Vivaldi Tabs Bar such as I have been asking….
Maybe. Haven't tried.
#header { min-height: 0 !important; z-index: auto !important; } .win .topmenu { color: #fff; position: absolute; top: 5px; left: 150px; } .topmenu+#tabs-container.top { border-bottom: 1px solid; position: absolute; top: 62px; width: 100%; z-index: 1 !important; } #tabs-container.bottom #tabs, #tabs-container.top #tabs { height: 30px !important; } .toolbar.toolbar-addressbar { padding-right: 105px; } .button-toolbar.home{ display: none; } .addressfield { margin-left: 280px !important; } .bookmark-bar { margin-bottom: 37px; } .window-buttongroup { z-index: 2; }
-
<small>@widget:</small><br><blockquote>To use the skin, copy the folder to the same directory as common.css, then paste this line at the top of common.css <br />@import 'white/style.css'; or @import 'white3d/style.css';<br /><br />Windows: <strong><em>C:\Users<User's name>\Appdata\Local\Vivaldi\Application</em></strong><-Fixed! <br /><strike>Mac: Contents/versions/1.0.83.38/Vivaldi Framework/resources/vivaldi/style/common.css</strike> <–OOPS,My bias is showing! :side: <br />Linux: opt/vivaldi/resources/vivaldi/style/common.css <br />[attachment=516]1.png[/attachment]<br /><br />[attachment=517]2.png[/attachment]</blockquote><br />95% Of win users finally abandoned XP as it's a dead OS, please let it die already, it's been a full year since Microsoft abandoned it… <br /><br />Other than that thank you very much for this valuable piece of info!
-
could i get this in black (I don't really do css that well)
-
Something changed with the update to Vivaldi 1.0.196.2 x64, the white/style isn't being loaded by Vivaldi anymore. Any ideas on what needs to be fixed?
-
Actually it does load, but button styles overlap. The "original" white forward/back/reload/home don't disappear to allow the "new" dark buttons to show on the white background.
[attachment=1302]buttonclash.png[/attachment]
Attachments:
-
As a result, some UI elements which worked properly before 190 have become broken or changed.
`
I just went the easy way so far in my customized UI. I added this to custom.css file:.toolbar.toolbar-addressbar .button-toolbar svg { display: none; }
It prevents appearing new svg icons.
Yes, I know this is wrong and it's a step back, but it's working for me for now.Unfortunately, I couldn't find the same solution for my "New page" and "Trash" icons.
-
im looking to just add tab bar below address bar but somehow based on the code i was trying to modify im just getting the tab bar overlapping over the web content
Attachments: