Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

I invented a new way of designing a navigation Block

Featured Replies

Now, I was given a project by a client, and it required creating a leftsided navigational block which also was to implement a hover function. The initial problem was the navigational block was not rectangular or square but kind of a trapezium. So how was i to achieve this. So after long hours of thinking, i achieved it. Head down to

 

Samybaxy.net, under Products and Services

 

You will find a left navigational block, which displays properly and effectively, not losing the original aesthetic of the design. So if you are able to guess how i managed to do it, i'll give you the files and css source codes.

A good seeing to with firebug will show the code :pp

 

My guess is a small div floating right, over the top two menu items with a white triangle gif set as background.

 

Stevo

no need to supply us with the markup/styling... firebug allows us to take it anyway!

 

Nice trick with the hide image... it works well in your context

nice png file to hide it - looks a little rough around the edges, but all in all a nice idea :)

 

I'd hardly say you 'invented' using a png file to hide part of the site, therefore changing the astetics lol - its an age old trick, been around for donkey's years ;)

  • Author

The Point is not in hiding the file with png but in creating that seamless blend of design. Knowing that designs are only perceived by the eyes. So we can do anthing as long as the behind the scenes are kept secret.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.