Modding the Address Bar / Top-window to get it to look like Safari Browser!
-
@luetage
Hi, just try for fun, it looks different on Linux.
Cheers, mib
EDIT: I delete any other code in custom.css -
@sv0911 Sorry, please reread my post. I pressed submit on accident when I wasn't nearly finished pasting and writing explanations.
@mib2berlin And on Linux you can do the same, you just have to change the window button group and move the menu too. Explanations for this are in the other thread --
https://forum.vivaldi.net/topic/22304/address-bar-at-very-top/35 -
ok, thanks!!!!!!
i reread your post above andI copied the css code again and only using your code .. Looks still the same like in last screenshot. Or do i have to wait for further code/explanation from you.. ? Sorry, i´m little confused right now.. -
If it looks like in your screenshot, then I have to assume you didn't create a javascript file. You need both a css and a js file for this to function. Also make sure you change all the needed vivaldi settings. The code depends on (most) of them.
-
@luetage
Your right..!! Big thanks.. Now it´s working and looks great! Last time i checked this thread there was no js-code .. Now with the js it´s working..!!
Btw. It works also with the tabs on left..
Again, thanks for all your help..! -
Yeah, the tab strip just has to be part of the body for this to work. By the way, some interesting code I found... To make it look even more like Safari you can center your tabs, as showcased here --
https://forum.vivaldi.net/topic/15154/i-need-help-modding-tabs-strip/10
This disables the new tab button, but works well. I probably wouldn't use it, just thought a link to it couldn't hurt, since we are talking Safari. -
@luetage
Wow,.. real fun..
One more question if you dont mind...
Is it normal that the close button (top left corner) now is placed in the middle of the 3 buttons?
Now on the 3 buttons the: first one is: the minimize button and the second is the: close button...? -
@sv0911 Yeah, that was really odd, I don't know why they change places when you move the window button group. As you can see, in my screenshot they are wrong too. I have since fixed this, you just need to copy and paste the css again.
-
@luetage
Ok, big thanks...
i´m new to vivaldi and i´m real impressed how this browser can be modified and still works fast and smooth.. Thanks to you..!! -
Glad I came across this. I've been wanting to clean up my toolbar as I don't really use many of the buttons so this was helpful. Using the code you helped me with for the menu and window-group buttons I came up with this. Thanks for the inspiration
-
iam new to this anyone can asnswer how to apply this code
-
@Ammar009 follow the instructions in the pinned topics in this same forum section
https://forum.vivaldi.net/category/52/modifications -
@sjudenim WTF (What’s The Font)?
-
@Ammar009 I doubt the code still works, but try it out. Don’t forget to set address bar to bottom position in Vivaldi settings before loading it.
-
Ppafflick moved this topic from Modifications on
