• Community
    • Community
    • Vivaldi Social
    • Blogs
  • Forum
    • Vivaldi Forum
    • Categories
    • Recent
    • Popular
  • Themes
    • Vivaldi Themes
    • My Themes
    • FAQ
  • Contribute
    • Contribute
    • Volunteer
    • Donate
  • Browser
    • Vivaldi Browser
    • Latest News
    • Snapshots
    • Help
Register Login

Vivaldi

  • Community
  • Themes
  • Contribute
  • Browser

Navigation

    • Home
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    1. Home
    2. Desktop
    3. Customizations & Extensions
    4. Modifications
    5. Decorative image / logo splash for upper left corner (21/06/10)

    Decorative image / logo splash for upper left corner (21/06/10)

    Scheduled Pinned Locked Moved Modifications
    7 Posts 3 Posters 785 Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • H
      hebgbs
      last edited by hebgbs

      Just a fun bit of code I wrote which could have some serious use during presentations or more casual use to make the browser more distinct than Vivaldi would typically allow.

      It isn't perfect, but damn if it doesn't look good. Thanks to @LonM for helping me out with the tab bar. This style assumes tabs are put on top, with the panel at the left side.

      Attribution:
      Image used in this work is a rotated version of themefire's Abstract Modern Multi Color Geometric With Rounded Lines And Dots Melting Diagonal Decorative Objects In Hipster Style published on pngtree, rehosted on imgur.

      Preview images:
      9a97a75e-89a2-441f-9586-1b906a048d45-image.png
      d7245581-9cad-455f-8d07-586883d33307-image.png

      Download

      Ornorm
      O
      luetage
      L
      2 Replies Last reply
      Reply Quote 7
    • Ornorm
      O
      Ornorm @hebgbs
      last edited by

      @hebgbs Really nice one! Thanks for sharing the code.

      Just one detail to mention :
      in the code, you have backgrund-size: cover; which isn't working because you typed "backgrund" instead of "background". Not an issue at all because with the cover, your nice png wouldn't be neatly placed in the corner of the browser πŸ˜‰

      Ornorm
      O
      1 Reply Last reply
      Reply Quote 3
    • luetage
      L
      luetage Supporters Soprano @hebgbs
      last edited by

      @hebgbs It’s also a visual way of checking whether your internet connection is working ^^

      github β—Š vfm

      H
      1 Reply Last reply
      Reply Quote 3
    • Ornorm
      O
      Ornorm @Ornorm
      last edited by

      @Ornorm Why?

      It goes too far 🀭
      5eed7689-083a-436c-8db5-a0868f542b76-image.png

      1 Reply Last reply Reply Quote 2
    • H
      hebgbs @luetage
      last edited by hebgbs

      @Ornorm Because if the Internet is down (and the image is not cached somehow) then it would not load. Though, if the image already loaded then as an indicator it is no good, and if the browser was opened before the image loaded, and a connection were established it wouldn't load the image until browser restart.

      So no it wouldn't.

      1 Reply Last reply Reply Quote 1
    • H
      hebgbs
      last edited by

      I know I need to fix speed dial, don't remind me. Taking a break from staring at and working on code because that junk's boring and it isn't my day job.

      1 Reply Last reply Reply Quote 0
    • H
      hebgbs
      last edited by

      I did it, and it sucks less now.

      1 Reply Last reply Reply Quote 0
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    • 1 / 1
    • First post
      Last post

    Copyright © Vivaldi Technologies™ β€” All rights reserved. Privacy Policy | Code of conduct | Terms of use | Vivaldi Status