Currently Being ModeratedJan 27, 2013 12:45 AM (in response to rickytitus)
Don't really understand exactly what you are asking here? Why do you need any code to create a menu bar? You can do this very easily in iWeb.
To create a menu bar:
1. Open your page in iWeb and then open the Inspector and go to Page and click on 'Hide from menu' and 'Don't include in menu and this will turn off the iWeb built in template navigation menu.
2. To create your own menu bar, simply use either a text box or a shape and make it 800px by 40px and then place it on your page where you want your nav menu to be and type in your links and then hyperlink them to your pages by opening the Inspector and opening Hyperlink - 2nd from the end and then highlighting the text and linking to relevant pages and then setting the colours via the format link.
Don't quite understand why you want a background image in a nav menu? It will be very hard to get anything of those sizings and people do not usually have a background image in a nav menu - normally a colour. A nav menu is not the place for background images or logos - it is too small and all this should be in your header section instead.
If you want more help, then please be precise about what you are asking.
Currently Being ModeratedJan 27, 2013 3:06 AM (in response to rickytitus)
If you hide the default iWeb navigation and create yourown in a text box you can drop the logo image anywhere you like in relation to the text box containing this navigation.
Create this on one page of your site, select both the text box and image by holding down the Command key, copy (Command C) and then paste it (Command V) to evry page of your site.
Currently Being ModeratedJan 27, 2013 6:53 AM (in response to rickytitus)
Here is a video walking through How To Create your own iWeb layouts
Currently Being ModeratedJan 27, 2013 8:53 AM (in response to rickytitus)
Hi everyone. Thank you for your replies.
These are some samples of what I would like to do
The thing is that I can make the horizontal bar, but then I am stuck in how to put the menus, and that they link to my pages in iWeb, and also having the logo in the bar
Currently Being ModeratedJan 27, 2013 9:07 AM (in response to rickytitus)
In my Demo 1 static navbar the links are created as you would in any iWeb page. It's the built-in navbar. Then the necessary code is added to an HTML snippet which makes the navbar static.
Currently Being ModeratedJan 27, 2013 9:46 AM (in response to rickytitus)
Just to show that you can do this with almost any content, here's an audio player....
... and a Soundcloud player...
Or, if you really want to confuse people...
Currently Being ModeratedJan 27, 2013 1:34 PM (in response to Old Toad)
Oh.. ok. So I can make textboxes in the menu, and make it go to their pages , like a normal "non static" menu, and then the HTML code makes it static? I asume you can specify the height of how much will be static. I don´t know html so that´s why I was kinda lost.
Currently Being ModeratedJan 27, 2013 1:52 PM (in response to rickytitus)
OT's example works on an iPhone but the target is kind of small for finger tips. You need to make the buttons about 30px square minimum for these devices.
Currently Being ModeratedJan 27, 2013 3:11 PM (in response to Old Toad)
Hi Old Toad
is the zIndex or the marginTop the height of the menu to be fixed? what exaclty are both of them? thanks!
elem = parent.document.getElementById('body_layer');