Can I make a shiny Nav Menu? - Post...

User 2602976 Photo


Registered User
4 posts

Hi all,

Tentatively beginning to find my way around the HTML editor. Practice makes perfect, so I've been playing around with some headers and nav-bar's etc. Looking at some of the impressive sites you guys have made (listed under your threads) I'd like to jazz up my headers and nav-bars. Can i get my backgrounds to 'glow' or 'shine' or 'shimmer' like yours using the HTML editor or is that only something I can do with the VSD? A good example would be the nav bar contained in the theme 'High Gloss'.
Neil
User 187934 Photo


Senior Advisor
20,267 posts

I think if you use the "Style" or Buttonize" feature in VSD you can set yourself up with some gradient images for your buttons or nav menus. Then apply a shadow and you should be good to go.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 38401 Photo


Senior Advisor
10,951 posts

They are using the HTML Editor Eric :P
User 187934 Photo


Senior Advisor
20,267 posts

Same applies for the editor make a gradient image and apply a shadow.:lol:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2602976 Photo


Registered User
4 posts

Ok, thanks Eric.. Image gradient?? I'll have a look, may be back soon!!
Neil
User 187934 Photo


Senior Advisor
20,267 posts

Try this one.
#backer {
background: -moz-linear-gradient(center top , #2F2727, #1A82F7) repeat scroll 0 0 transparent;
border-radius: 8px 8px 8px 8px;
box-shadow: 10px 5px 5px #000000;
height: 80px;
margin: auto;
width: 900px;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2602976 Photo


Registered User
4 posts

Eric,

That looks amazing! Thanks! Really effective.. I'll put it into practice, thanks again :cool:
Neil

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.