![]() Don’t worry though we are not editing it, we just need to see the code so we can copy it. Next, it’s time open the page you downloaded from purecssmenu but not in a browser, in a html editor. ![]() Rather than drag everything down manually use Inspector to add or increase the size of the page ‘Header’. Obviously you will have to get rid of the standard nav-bar (using Inspector) and when/if you do you may notice that your page contents shifts up and you lose space at the top of the page. Within that folder will be a page containing all of the code for your navigation and (if you used them in your design) a folder containing images. Once you have designed the nav-bar of your dreams, you can select the ‘Download’ button to download a folder to your Mac. You can then tweak the colors and fonts (using the ‘Parameters’ tab on the left) until you are happy. The well-designed GUI of purecssmenu allows you to add as many buttons as you like and of course, add the correct URL (as mentioned earlier-put it in the ‘Link’ box, bottom middle) for each one. In a nut shell it’s a WYSIWYG navigation bar designer which (if you don’t want to use one of their templates) gives you loads of options for building drop-down navigation specifically to fit your iWeb site’s design. You can, of course, sit in front of your Mac and type out lines of CSS and HTML and then test it in a browser until it looks good or you can use purecssmenu. The reason I have chosen purecssmenu for this nav bar is purely ease of use. Next you need to open up your browser and navigate your way over to and register for an account if you don’t you can’t get the code for your nav-bar. Of course I could have used one of many ways to add a drop down navigation menu to iWeb either using javascript, jquery, html or css, but the whole idea behind iWeb is to make building web-sites simple and I wanted to carry that through to this tutorial.īefore we start there are a few things you will need the first of which is the URLs for all of the pages in your iWeb site when they are published to the internet. I wanted to wait until I could work out an ‘easy’ way to do it. The reason this tutorial has been so long coming is simple. In addition, as it is built from javascript it isn’t the most search engine friendly navigation bar in the world. It’s functional and easy to create, but only sticks to one level that’s it. We all know that the standard nav-bar that is built into iWeb does a job. The one thing that all iWeb users seem to want to know is how to add a drop-down navigation bar to the top of their iWeb sites. If I had a pound for every time I had been asked this question I would, without doubt, be a rich man by now.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |