Viewing Navigation Menu

Navigation Menu



User: Roddy 12 years ago
I can give you a little code to space out the blocks vertically but I would need to see a published version of your site to make sure the navigation_menu number is correct.

If this is the first menu you have created the it should be #navigation_menu0

If that is the case then this should work.

Click the web site title at the top of the left column in EasyWeb to get to the Site Publishing Settings page. Paste this code into the Head Code box...

<style type="text/css">
#navmenu_menu0 ul li {
margin:0 5px 10px 0;
}
</style>


Now go to one of your pages and click the navigation and it should update.

In the above code I have spaced the navigation blocks out horizontally by 5px and vertically by 10px.

In this line - margin: 0 5px 10px 0; - change 5px to alter the horizontal spacing and 10px to increase or decrease the vertical spacing.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
Thanks for suggesting that I paste in some code. To avoid coding I used a workaround and simply reduced my font sizes. Looks great but realize I can't avoid code forever. Got anything on this forum (or elsewhere) that talks about pasting in code at a very elementary level. I know, it's just copy and paste, but I'd rather be just a little familiar with it before plunging ahead... Thanks
Edit
User: Roddy 12 years ago
In general, CSS is inserted into the Head Code box and javascript into the Footer Code box.

For something like a navigation menu you would use the site wide boxes on the Site Publishing Settings page so that the code is inserted on each page of the site. If an object is being inserted into just one (or two) page(s) of the site then you can use the boxes in the Page inspector.

HTML is pasted into an HTML Snippet.

You can, of course, insert javascript into the head and/or the snippet if the occasion calls for it and CSS can be placed inline in the HTML.

You don't need to know HTML, CSS and Javascript but you need to understand their function and where to place them in the HTML doc for best results.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
New question regarding the Navigation Menu... If it's auto generated (and that's how I used it), what's the role of the Navigation Menu widget-to insert another one? Thanks.
Edit
User: Roddy 12 years ago
You wouldn't want to insert another since you can just duplicate the original if you want it repeated at the bottom of a long page.

If you happen to delete the default menu thinking that you would create a custom one and then changed your mind you would need the widget to reinstall it.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
Thanks, Paul. Did you get the email you asked me to send you with the 2 screenshots of the Nav Menu (one, with the faded colors and less precision), the other after it was published to a folder which was considerably sharper and more precise? (In both, the image [photo] looked about the same.) Do you think the one published to folder is pretty close to the way it'll eventually look published online?
Edit
User: martin1866 12 years ago
Hi Guys, new to making my own website, having a few problems with the Nav menu, firstly i don't want the tabs to be underlined in the nav bar, I have successfully managed this apart from the drop down menu which are still underlined. Secondly I want to add shapes behind my buttons on the nav bare which I have worked out how to do, my question is can these shapes be added to the drop down list also, if so how?

I think I should point out now that I have no idea about code when I have read some answers to things CSS code is talked about which means absolutely nothing to me so please be gentle when replying lol

Thx

Martin

-------------------------------
Regards Martin

Designa A Mind: Building the Future you Deserve

E:info@designaimind.co.uk
T:08432891623
<!-- w --><a class="postlink" href="http://www.designamind.co.uk">www.designamind.co.uk</a><!-- w -->
User: Roddy 12 years ago
What looks like a text underline is actually a bottom border which acts as a separator for the navigation menu blocks in the drop down.

To get rid of it, paste this code into the Head Code box in the Site Publishing Settings page...

<style type="text/css">
#navmenu_menu0 ul ul li a,
#navmenu_menu0 ul li.active li a,
#navmenu_menu0 ul li:hover ul li a,
#navmenu_menu0 ul li.hover ul li a {border: none;}
</style>


What kind of shape are you using and how are you adding it to the menu?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: martin1866 12 years ago
Hi Roddy I'm going to be using the shape that is a rectangle with a gradient fill which I will be placing behind the txt in the nav bar, not sure if this is the correct way or not, sorry for sending you the two msgs earlier it said they hadn't sent and where sat in the outbox

-------------------------------
Regards Martin

Designa A Mind: Building the Future you Deserve

E:info@designaimind.co.uk
T:08432891623
<!-- w --><a class="postlink" href="http://www.designamind.co.uk">www.designamind.co.uk</a><!-- w -->
User: Roddy 12 years ago
Select the menu and then use the Shape Options inspector to add the Gradient Fill.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.