Is this type of menu possible in VSD...

User 539237 Photo


Registered User
241 posts

The link shows a menu design I really like, is it possible to do something similar in VSD without a huge amount of faffing about?

The sub menu needs to remain hidden until the mouse clicks over the main menu item concerned.

http://www.walkridesouthpennines.co.uk/index.php
Greg

When I stop learning please check for signs of life.
User 187934 Photo


Senior Advisor
20,271 posts

I would try a CSS menu. You can take a look at the site in my signature. There's a small example there. Also Google CSS menu generator as there's plenty of them on the net.:)
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 271657 Photo


Ambassador
3,816 posts

Here's one:

http://www.dynamicdrive.com/style/cssli … line_menu/
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,271 posts

That's a nice compact one. It behaves all most exactly like the sample.:)
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 271657 Photo


Ambassador
3,816 posts

I've found a lot of "goodies" on Dynamic Drive.
I've got your site bookmarked, too :D
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 122279 Photo


Senior Advisor
14,649 posts



That seems to be the same one that Greg liked on that site he mentioned. Should be a straight forward thing in VSD. Since I like coding, I would first create it in the HTML editor, and when I have got it the way I want, transfer the bits and bobs to VSD.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 539237 Photo


Registered User
241 posts

Inger Eik wrote:


That seems to be the same one that Greg liked on that site he mentioned. Should be a straight forward thing in VSD. Since I like coding, I would first create it in the HTML editor, and when I have got it the way I want, transfer the bits and bobs to VSD.


Hi Inger, it may look straightforward to you but I am a bit confused though will keep trying it out.
Given as there is a deal on the HTML Editor at the moment would using that make it simpler for me to do it?
Greg

When I stop learning please check for signs of life.
User 271657 Photo


Ambassador
3,816 posts

Greg, I've found the Editor to be really handy. I like to add things to my VSD sites (slideshows, scrolling divs...). With no previous coding experience, it wasn't difficult to figure out how to do what I wanted to with it. And, it's easy to preview what you're doing, so you know it works and looks the way you want before you add it to VSD.
As to VSD, it's (usually) pretty easy to add scripts and code snippets to it. Seems a lot of things come in 3 sections:
Some code for the header (Edit > edit Header – copy/paste the code here)
Your files (Edit > Add Files – lets you browse to your file, click to add)
Code for the actual page/body (use the HTML tool to drag out a box on the page, then paste code in it)
Then there'll be some adjusting to get the positioning just right, but that's a quick overview for you :)

I'd jump on the Editor deal ;) It will allow you to do so much more with VSD... and if you ever want to code something from scratch (no VSD), it's a great tool to have :)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 539237 Photo


Registered User
241 posts

paintbrush wrote:
Greg, I've found the Editor to be really handy. I like to add things to my VSD sites (slideshows, scrolling divs...). With no previous coding experience, it wasn't difficult to figure out how to do what I wanted to with it. And, it's easy to preview what you're doing, so you know it works and looks the way you want before you add it to VSD.
As to VSD, it's (usually) pretty easy to add scripts and code snippets to it. Seems a lot of things come in 3 sections:
Some code for the header (Edit > edit Header – copy/paste the code here)
Your files (Edit > Add Files – lets you browse to your file, click to add)
Code for the actual page/body (use the HTML tool to drag out a box on the page, then paste code in it)
Then there'll be some adjusting to get the positioning just right, but that's a quick overview for you :)

I'd jump on the Editor deal ;) It will allow you to do so much more with VSD... and if you ever want to code something from scratch (no VSD), it's a great tool to have :)


Paintbrush, Thanks for that, will go for it as I am trying to learn a bit of HTML anyway.

The bit that really confuses me with that menu you suggested is the part where he talks about:
droplinebar.css (inside this file, confirm the paths to the two blue gradient images below)
droplinemenu.js (inside this file, confirm the path to the arrow image below)

What is that all about?

A good bit of "ambassadoring" by the way :)
Greg

When I stop learning please check for signs of life.
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Greg,

Although I don't have the files to look at, I can tell you that what that means is to open the files mentioned in a text editor (not anything like Word or Wordpad, make sure it's a raw text editor like Notepad, Notepadd++ or Textpad types). Look then for a line that shows the location of the files they are mentioning so for the first example of the blue gradient images, they want to make sure you have the right pathway to those images where they reside online for your site. Same for the arrow images.

Check where you have uploaded them and then look in those files (you can do a Find to find the names of the files which is much easier than trying to scan through the files visually to find it) and verify the paths are correct. This is basically to make sure that the site can find the images once you have it running.

Hope that makes sense and let us know :)

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.