Creating a Nav Bar in Cs5
Today I wanted to make a navigation bar for my website using the dreamweaver cs5 trial. I googled "how to create a navigation bar in dreamweaver" in dreamweaver. I got a large amount of results all of which were confusing.I already have a header made in photoshop with a toolbar in it, however I am unsure of what to do next.
Can anyone give me basic step by step instructions on how to make a toolbar out of part of a photoshop image or should I try something completely different way to make a toolbar?
Have a look here http://tv.adobe.com/watch/taming-the-web-with-greg-rewis/from-comp-to-finished-page/
I hope this helps.
Ben
Similar Messages
-
How to use CSS to create horizontal nav bar in Dreamweaver CS6
How to use CSS to create horizontal nav bar in Dreamweaver CS6
One of the ways to do it is this: Tryit Editor v1.9
You can also use floats to get something to the same effect. -
How to create a Nav Bar?
How can you create a navigation bar in DreamWeaver CS4?
How can I create one from scratch?
With HTML and CSS. See Nancy's links. Or -
Check the uberlink and MacFly tutorials at PVII - http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm -
Creating nav bars using layers
I am trying to create a nav bar on the left hand side of a web page.
I have created it how GoLive CS2 seems to suggest, so each option that will appear in the nav bar has been created as a seperate layer. I have positioned these correctly, then added actions to each of these so things will happen when the user mouse clicks on an option.
It has 5 main links in at the top level and each of these have sub-sections. At the moment when the user clicks one of these options the sub sections appear beneath it and the other options that were previously in the way slide down to allow these sub-sections to appear.
The issue is when these sub-sections need to open out into sub-sub-sections. I have succesfully worked out how to get these to ShowHide on a mouse click but I cannot, for the life of me, work out how to make the options below it to then slide further down to accomodate the appearance of these sub-sub-sections, despite managing to make it happen for the sub-sections.
Perhaps because they have already slid down already and now cannot do it again? Surely not?!
Anyways, I hope that is all clear. If no-one replies I shall assume not and try a a re-post.
I would be grateful of some help.
Thanks!
Simonok, I have put the nav bar up at this address http://www.simonpeel.co.uk/leftnav/leftnav.html
Obviously, 'View Source' to see the code.
To re-create another problem I would like a solution to, do this:
Click 'Come & See' and then click 'Sunday'. Then click 'Welcome' and then re-click 'Come & See' and you will see it does not revert back to the original state but keeps the spaces where the sub-sub-sections are. I may be able to work this problem out myself but I lost patience and thought if someone was going to look at it anyway, you could save me some hassle!
Many thanks in anticipation,
Simon
p.s. feel free to take a look at my site by deleting
/leftnav/leftnav.html! I'm quite proud of it, although there are some dead links lurking around. -
Hi
I am currently making a website and I have created a nav bar
in fireworks using slices and pop-up menus etc. Anyway I have
imported it to my website in Dreamweaver, but I cant figure out how
to make a hyperlink from the from down and nav bar buttons to the
corresponding page. Do I make the links in Fireworks? If so, how?
In Dreamweaver also how?
Any help much appreciated, thanks.It would be easiest to add the hyperlinks in Fireworks, which
you can do in the pop-up menu editor (same place you entered the
text for the buttons).
If you wanted to add the links in Dreamweaver you'd have to
do it in source-code view. Search for the text that you entered for
the button name, and Fireworks should have entered a pound/hash
symbol (#) for your link (don't quote me on that though). Replace
that with your page link and you should be good to go.
Someone should be along shortly to tell you that the
Fireworks menus suck though, so stand by for that. -
IC Nav Bar button for Complaint Dispute transaction
Hello Experts,
We're trying to create a nav bar button to start the Complaint Dispute transaction. We're able to get the button to work when we do not have any confirmed business partners. However when we do have confirmed business partners we get a pop-up asking us to "Select Transaction Type" - however no transactions are presented to select. In this pop-up, the F2 component is BTFOLLOWUP and the view is BTFOLLOWUP/ProcType.
Our logical link on the Nav Bar is defined as below:
Logical Link: ID ZC_BT_COM
Type: Work Center
Target ID: TBT120MIPC
Parameter: ZMDC
Parameter Class: CL_CRM_IC_NAV_BTCREATE
Icon Name:
Title: Invoice Dispute Test
Description: IC Invoice Dispute Test
Any suggestions would greatly appreciated!
Regards,
Tom HalloranHi,
have you added the transaction type to the IC-Customizing "Business transaction profile" ?
This could be the cause.
If not authorization issue could be also the cause for the empty selection popup.
Trace for missing authorizations with a ST01 trace.
good luck.
Best regards
Manfred -
Help needed with a Nav Bar and PHP page.
Hello, i'm designing a website
http://www.ahcagency.com for
wich i create a nav bar in FW and exported the html to DW and
inserted in a template so that way i update all the pages from the
template. Everything works fine, but i have a login page for a
secure area inside the same website and on the
http://www.ahcagency.com/login.php
page i have the problem. The nav bar has 7 buttons, if i insert the
first 3 buttons on the login.php page works very nice, but when i
insert all the 7 buttons the login.php does not work at all. Also i
insert the nav bar in all the php pages inside the secure area and
all works fine, the probles is only in the login page.
ANY ADVICE, I'M DOING SOMETHING WRONG?
Also when i create the buttons i gave them the four stages,
but only the 1st stage and the rollover work.
what i want is if i click on the services page, the services
button stay down while i'm on the services page.
ANY HELP HERE?Hi
I bought this Athlon 3000 xp on Ebay and the listing says
Manufacturing process 0.13 micron copper process
Package 453-pin organic PGA
1.95" x 1.95" (4.95 cm x 4.95 cm)
Socket Socket A (Socket 462)
Speed (MHz) 3000 (rated)
2167 (real)
Bus frequency (MHz) 166
Clock multiplier 13
Low power features Halt state
Stop Grant states
Sleep state
Probe state
Other features MMX technology
SSE
3DNow! Professional
Level 1 cache size 64 KB code
64 KB data
Level 2 cache size Full-speed exclusive on-die 512 KB
Floating Point Unit Integrated
V core (V) 1.65
Min/Max operating temperature (°C) 0 - 85
Typical/Max power dissipation (W) 58.4 / 74.3
The motherboard is a new board so there are no previous settings
:wall:looking at the listing i think i have been told the wrong settings ,should it be 13 x 166 not 10.5 x 200 -
CS3: Nav bar won't display in Dreamweaver
I'm really new to Flash CS3 and I've created a nav bar with
rollover text buttons. The button links work but the color changes
don't. The big problem, however, is I'm not really sure how to best
move the SWF file over to Dreamweaver. I saved the file, published
the file, and then I exported the SWF file into the Dreamweaver
library. When I drag the file onto my DW page, it's a big gray
square.
What is the optimal method for moving a Flash file into DW?
Do I move it as an image file or a movie file? Is there a ritual
dance I should perform to have the actual image and its buttons
appear on the DW page?
Thanks for any help,
KathyWhich half? The top half? The left half? 8)
Code would help. But you may not like the answer....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Ted Dawson" <[email protected]> wrote in message
news:fuob30$bmk$[email protected]..
> >I created a nav bar in FW, eported the HTML &
Images, then inserted the
>> Fireworks HTML into Dreamweaver. When I select a
button and click "Edit
>> With
>> Fireworks" and select "Show Down State On Load" it
only does it on half
>> the
>> buttons. The other half doesn't change. Can anyone
help?
>
>
> Yes, as soon as you show the code. -
Nav Bars and Buttons scripts...noob
Hi
New to web design and DW, I wonder what is the difference
between a nav bar and a nav button? Is it that nav bars create a
number of nav buttons of the same size all in a row (vertical or
horizontal) while a button is an individual item that goes in a
table cell?
I would like to take a table row of 5 cells, and I would like
5 navigation items that would pop out a half-dozen sub-menu items
when I hover over the nav item. Would that be a Flash button from
the Insert => Media menu? Or something from the Insert =>
Image Objects options? Or neither of these?
I have been looking around for some free DHTML code that I
could cut and paste, but everyone now seems to be using Javascript
which I do not understand. DHTML seems to be reserved for the
cheesy Ebay effects now, or simple on/off buttons in a variety of
garish colors. Does anyone have a DHTML snippet of one of these
sliding or drop-down-type menus that I could cut and paste please?
Or a link to one that doesn't require a degree in programming?
Doesn't DW offer something like what I want in its internal menus?
Perhaps I just don't know what I'm looking for?
Thanks
Philnav bar is a series of nav buttons that may or maynot be put
into tables.
I usually use fireworks to create java nav bars because is
creates all the code for you and you just drop it into DW, BUT
while it is functional and easy, it is a mess and takes some
getting used to and starting over (again and again) to get the code
as clean as possible. I am just learning how to do it in CSS and it
is way cleaner, easier to experiment with and you don't have to
deal with all the little images, java, tables or cells.
here are some resources if you want to go this way:
http://movielibrary.lynda.com/html/modListing.asp?sid=29
(training videos - very very very good)
http://www.projectseven.com/tutorials/css/index.htm
(training & canned navigation)
http://css.maxdesign.com.au/listamatic/
(css code for lost of navigation types)
Good luck!! -
Using a nav bar with Dreamweaver in Catalyst
I am trying to create just a navigation bar in Catalyst like you might in flash with animated rollovers. Then export the swift to use in a dreamweaver set of pages.
The problem I am having is trying to get the page destination set up correctly. All I can find in Catalyst is Go To URL, which would be ok but it will not let me remove the Http//
So if I fire this up in Dreamweaver, embed it, and test. It looks like a virus because its trying to go outside the parent directory of the site.
Is there a way to make relative paths, I guess is my question?In the current version, no. If you have Flash Builder installed ( or just load up the trial), you could go into code and change the urls in there manually. One word of caution is the Flash Catalyst files tend to larger files than one can create in Flash Professional alone. If you are just using Flash Catalyst to create a nav bar, you might be better to develop it in Flash Professional. But, if you need to prototype it fast and get your client to sign off on the design, then Catalyst is a prefect solution.
-
I created site in iweb 08 and posted to netfirms... the pages are all loaded up but there is no nav bar, where the nav bar should be is only a small black dot on each page. How do I get the nav bar to load up and show? It was a disaster loading up my site as it changed the case of the letters and at first no pages were seen, so I had to go through and change the letters that were supposed to be cap, back to cap in every file. I don't know if this has something to do with it or not. The tech support doesn't have an answer. Please let me know if you have any ideas and solutions. Thanks bunches!
Here are links to the simple 7 pages....
http://www.rednosedesign.net/home.html
http://www.rednosedesign.net/about_us.html
http://www.rednosedesign.net/logos.html
http://www.rednosedesign.net/flyers_&_ads.html
http://www.rednosedesign.net/notecards.html
http://www.rednosedesign.net/business_cards.html
http://www.rednosedesign.net/contact_us.html -
I have created a site with iWeb. I have replaced the iWeb Nav bar with a vertical one I made myself. Problem is, my top button disables itself (and the animation doesn't work) if it overlaps into the "hidden" nav bar area (indicated by a blue rectangle). I can cmd click and drag it into this area, but then all the rest of my site is pushed down the page. Don't know what to do about this. I don't know how to bring the rest of the page up without dragging it also into the designated nav bar area. Also, by doing this, is it affecting my site in ant way? see my site here at www.steveburrowsimages.com
The home page is with it all draged into the nav bar area and the about page is with is outside the nav bar area (notice that the top button does not animate or work as a button.
Getting confused here. Anyone got any ideas?Well, you made a good start with SEO by getting rid of the iWeb default navigation since it doesn't help the spiders and, out there in the real world, there are more people than you would think with javascript turned off in their browsers.
One of the downsides of iWeb is that it doesn't allow for the alt attribute in the img tag. Its well worth adding these to give you extra keywords even if you have captioned all your images. Use iWeb SEO Tool for this...
http://www.iwebformusicians.com/Search-Engine-Optimization/Tags.html
iWeb, just like most drag and drop software, creates a huge amount of code which causes the pages to load slowly in the browser. Running you files through an optimizer will help to reduce this problem and further reduce the size of image files even beyond the initial optimization you do before loading them into iWeb...
http://www.iwebformusicians.com/Search-Engine-Optimization/Optimize.html -
How to create new nav buttons in nav bar
I am trying to design a new site in iWeb. I want to add a row of navigation buttons to go to 8 different pages. All I have in the first page is a button called "welcome" and I cannot add anymore. It won't even let me select rollover colors or anything in that area.
I only have a single page so far. If I add new pages does it automatically create new buttons in the nav bar, and how can I name them?
MikeI cannot add anymore
Yes you can. *New Page* from the file menu. Or *Add page* at the bottom left of the window.
If I add new pages does it automatically create new buttons in the nav bar,
Yes. (They're actually not buttons but textlinks)
and how can I name them?
By typing the characters of the pagename in the Sidebar on the left.
Tutorials : http://www.apple.com/findouthow/web/
Also note the word HELP in the menu bar at the top of the screen. -
Creating new page without linking to nav bar
I am creating a website that will have lots of pages. How can I create a page that doesn't link to my nav bar? IE.. I have home, about myself, resources etc.. each time I make a new page and name it, it automatically lists the webpage name in my nav bar. I only want say 5 topics in my nav bar but will have well over 50 pages in my site.. How do I do this? Thanks.
Hi,
and welcome to the Discussion Forums.
How can I have pages which do not display in the navigation menu?
1. Open iWeb then select a page you don't want to display in the top navigation bar
2. Open the Inspector and go to the 'Page' tab
3. Uncheck the "Include page in navigation menu" box
4.Now this page will not appear in the navigation menu but the navigation menu will still appear on that page as the "Display navigation menu" is checked (unless you uncheck that one too)
Regards,
Cédric -
Can you create a custom static top third and nav bar?
I have created an index page with a custom nav bar and main banner. Is it possible with iweb that this could remain static and just the portion below reloads when you click a nav bar link?
You can do custom templates and so on and 'print' these to JPEG, or just Export a bunch of JPEGs and put them in iPhoto to create a book online. Not the same, I know, but in case one wanted to do one.
There is a feature request forum, at <https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform>
Maybe you are looking for
-
Hi all. My customer requirement: BOM (bill of Material) He wants to enter only components in order not main item but in delivery it has to show only main item not components. plz suggest solution for this & settings. ex: In detail: computer (main ite
-
HT1386 I AM NO ABLE TO SYNC MY APPS FROM MY ITUNES TO MY IPHONE HO I CAN SYNC MUSIC
I AM NO ABLE TO SYNC MY APPS FROM MY ITUNES TO MY IPHONE HO I CAN SYNC MUSIC
-
I cant burn to CD on my laptop and Itunes informs me that it cant locate the CD configuration folder, can anyone help ?
-
How do I intercept/catch a JMF-crash when playing unsupported files?
I'm writing an application with a media viewer (JMF2.1.1) in it. For some file formats it works okay, but when playing some of them, I get the 'Unable to handle format' error. Now I can live with that, but the problem is that the entire app just HANG
-
Hi, when i try to connect i have the error "Connection currently busy. Try again?" my operating system: Windows XP SP3 dbms: oracle database 10g Express Edition Oracle SQL Developer 1.5.4 versione 1.5.4 Build MAIN-5940 Copyright © 2005-2008 Oracle.