How to create this cool navigation bar in CS5 Dreamweaver

Dear All,
Can somebody please walk me through how to create this cool navigation bar?
Please see the link below:
http://www.viesso.com/viesso/home.php
Thank you for all your help!
I am designing my own website and I stuck at the beginning...
Agi

You can either use CSS to style the SpryMenuBar or there are commercially available options like Project Seven's Pop Menu Magic: http://www.projectseven.com/products/menusystems/pmm2/index.htm .  If you have the money I personally recommend the latter of the two, but you can easily style the Spry menu as well.

Similar Messages

  • How can i create a additional navigation bar

    Hi,
    i'm searching for a solution to create a additional navigation bar for my website. I created the site in German. Now i have to add the website in the English version. The problem is now, that the navigation bar will not check, that i will have a seperated version of the site in English.
    Anybody there to help me out?

    What you need to do is create the English and German sites as totally new sites so you have one site named English and one named German and you won't need to create any new navigation menus.  Just link the sites together.
    If you really want to create a new nav menu, then turn off the page template nav menu by opening the Inspector and going to Page, then check the boxed 'hide nav menu' and 'don't include in nav menu' and create your own text based nav menu by using either shapes of text boxes and then creating Hyperlinks between the pages.

  • How can I customize the navigation bar in Firefox 29? I would like to have the refresh/stop button back in front of the navigation bar!

    How can I customize the navigation bar in Firefox 29? I would like to have the refresh/stop button back in front of the navigation bar!

    There isn't a built in way to do that since all the navigation toolbars are on one toolbar.
    You can restore this functionality by installing the Classic Theme Restorer add-on
    *https://addons.mozilla.org/en-US/firefox/addon/classicthemerestorer/

  • How to create this Hieararchical Tree?

    Hi All,
    Please help me on this issue.
    I need DRILL DOWN functionality in forms. Im trying to Study / Create Hierarchi Tree Concept in Forms 6i, but couldn't able to manage /Understand how to create this. Please any one could help me. and im giving my scenario also here, whether it can support or not.
    Our routes having lot of terminals, like Our Bus travels from KENYA to SOUTH AFRICA passing TANZANIA,ZAMBIA,MALAWI,BOTSWANA countries. so i need the No of records to be dynamic i cant fix 10 records and scroll etc, Rather im trying to use Heirarchi Trees to achive this.
    My Table is like this.
    Table #1 Route_quotas
    Route_no,terminal_name,quota_station_from,quota_station_to,no_of_seats,seat_no_start_from,seat_no_ending
    Data is Like this:
    1,GNT,GNT,HYD,10,1,10
    1,GNT,GNT,VJA,40,11,50
    1,VJA,VJA,KDD,10,11,20
    1,VJA,VJA,HYD,30,21,50
    I need data to be displayed / functoned like this. If One select Route_no 1 in a List_item. Down to that i should show which terminals having quotas in this route. those are.
    GNT
    VJA
    Next ... If One selects this node like if one Expands GNT node the sub nodes should be like this having three coulmns (i.e quota_station_from,quota_station_to,no_of_seats columns)
    GNT HYD 10
    GNT VJA 40
    Next again.. if One select the first subnode it should give ...the seat Nos
    1,2,3,4,5,6,7,8,9,10 (please Omit the commas) and from there i should be able to select one seat_no and do some actions based on that. like RESERVE or ISSUE what ever i like. i need that Seat_no value.
    GNT
    ........GNT HYD 10
    ................ 1 2 3 4 5 6 7 8 9 10
    ........GNT VJA 40
    ................11 12 13 14 15....50
    VJA
    ........VJA KDD 10
    ................11 12 13 14 15 16 17 18 19 20
    ........VJA HYD 30
    ................21 22 23 24 ...... 50
    Thanks in advance.

    Rama,
    I would use nested PLSQL cursors to populate a record group and create the tree from there. This way you can also concatinate multiple values to show as a single name in a tree.
    Frank

  • Can anyone explain how to create this effect in Deamweaver and Fireworks?

    This site was oriinally done in dreamweaver - but the shadow
    effect was done
    outside of Dreamweaver. When I save to html and load into
    Dreamweaver it
    makes no sense to me.
    Can anyone explain how to create this effect in Deamweaver
    and Fireworks?
    http://www.fundflowsystems.com/test.php
    Thanks in advance,
    Joe

    Thank you so much...
    You is da bomb!
    "Murray *ACE*" <[email protected]> wrote
    in message
    news:[email protected]...
    > Yes - a blank (completely blank) page.
    >
    > --
    > Murray --- ICQ 71997575
    > Adobe Community Expert
    > (If you *MUST* email me, don't LAUGH when you do so!)
    > ==================
    >
    http://www.dreamweavermx-templates.com
    - Template Triage!
    >
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    > ==================
    >
    >
    > "Ken Binney" <[email protected]>
    wrote in message
    > news:[email protected]...
    >> Murray, one more favor if you would be so kind...
    >> Do you recall how this page degraded in Safari?
    >>
    >>
    http://www.binney.us/table-allcode.htm
    >>
    >>
    >> "Murray *ACE*"
    <[email protected]> wrote in message
    >> news:[email protected]...
    >>> Nope. Sorry. You need a Mac.
    >>>
    >>> --
    >>> Murray --- ICQ 71997575
    >>> Adobe Community Expert
    >>> (If you *MUST* email me, don't LAUGH when you do
    so!)
    >>> ==================
    >>>
    http://www.dreamweavermx-templates.com
    - Template Triage!
    >>>
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >>>
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >>>
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    >>> ==================
    >>>
    >>>
    >>> "Ken Binney"
    <[email protected]> wrote in message
    >>> news:[email protected]...
    >>>> Thanks Murray...
    >>>>
    >>>> Is there a way I can test for Safari on my
    PC XP ?
    >>>>
    >>>> "Murray *ACE*"
    <[email protected]> wrote in message
    >>>> news:[email protected]...
    >>>>> Fails in Safari, Ken.
    >>>>>
    >>>>> --
    >>>>> Murray --- ICQ 71997575
    >>>>> Adobe Community Expert
    >>>>> (If you *MUST* email me, don't LAUGH
    when you do so!)
    >>>>> ==================
    >>>>>
    http://www.dreamweavermx-templates.com
    - Template Triage!
    >>>>>
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >>>>>
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >>>>>
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    >>>>> ==================
    >>>>>
    >>>>>
    >>>>> "Ken Binney"
    <[email protected]> wrote in message
    >>>>>
    news:[email protected]...
    >>>>>> Here is a solution requiring NO
    images.
    >>>>>> The CSS and the Javascript can
    easily made remote the page
    >>>>>>
    >>>>>> <!DOCTYPE HTML PUBLIC
    "-//W3C//DTD HTML 4.01 Transitional//EN"
    >>>>>> "
    http://www.w3.org/TR/html4/loose.dtd">
    >>>>>> <html>
    >>>>>> <head>
    >>>>>> <title>Shadow</title>
    >>>>>> <meta http-equiv="Content-Type"
    content="text/html;
    >>>>>> charset=iso-8859-1">
    >>>>>> <script
    type="text/javascript">
    >>>>>> var depth = 6 // in pixels
    >>>>>>
    >>>>>> // addLoadEvent t
    >>>>>> function addLoadEvent(func) {
    >>>>>> var oldonload = window.onload;
    >>>>>> if (typeof window.onload !=
    'function') {
    >>>>>> window.onload = func;
    >>>>>> } else {
    >>>>>> window.onload = function() {
    >>>>>> if (oldonload) {
    >>>>>> oldonload();
    >>>>>> }
    >>>>>> func();
    >>>>>> }
    >>>>>> }
    >>>>>> }
    >>>>>>
    >>>>>> addLoadEvent(function() {
    >>>>>>
    >>>>>> var a = document.all ? document.all
    >>>>>> document.getElementsByTagName('*');
    >>>>>> for (var i = 0;i < a.length;i++)
    >>>>>> if (a
    .className == "shadow") {
    >>>>>> for (x = 0;x < depth;x++) {
    >>>>>> var newSd =
    document.createElement("DIV")
    >>>>>> newSd.className = "shadow2"
    >>>>>> newSd.style.background = a.id
    >>>>>> newSd.style.width = a
    .offsetWidth + "px"
    >>>>>> newSd.style.height =
    a.offsetHeight + "px"
    >>>>>> newSd.style.left = a
    .offsetLeft + x + "px"
    >>>>>> newSd.style.top = a.offsetTop +
    x + "px"
    >>>>>> document.body.appendChild(newSd)
    >>>>>> }
    >>>>>> }
    >>>>>> }
    >>>>>> }
    >>>>>> );
    >>>>>>
    >>>>>> </script>
    >>>>>> <style>
    >>>>>> .shadow {
    >>>>>> border: 1px solid silver;
    >>>>>> padding: 2px;
    >>>>>> font: 10pt arial;
    >>>>>> position: relative;
    >>>>>> display: inline;
    >>>>>> background: white;
    >>>>>> z-index: 100
    >>>>>> }
    >>>>>> .shadow2 {
    >>>>>> overflow: hidden;
    >>>>>> position: absolute;
    >>>>>> filter: alpha(Opacity=15); /* modify
    to change the shade
    >>>>>> solidity/opacity, same as below */
    >>>>>> opacity: 0.1; /* firefox 1.5 opacity
    >>>>>> -moz-opacity: 0.2; /* mozilla
    opacity */
    >>>>>> -khtml-opacity: 0.1; /* opacity */
    >>>>>> z-index: 10
    >>>>>> }
    >>>>>> </style>
    >>>>>>
    >>>>>> </head>
    >>>>>>
    >>>>>> <body>
    >>>>>> <table width="800" border="0"
    align="center" cellpadding="0"
    >>>>>> cellspacing="0" class="shadow"
    id="#000000">
    >>>>>> <tr>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> </tr>
    >>>>>> <tr>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> </tr>
    >>>>>> <tr>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> </tr>
    >>>>>> <tr>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> </tr>
    >>>>>> <tr>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> <td> </td>
    >>>>>> </tr>
    >>>>>> </table>
    >>>>>> </body>
    >>>>>> </html>
    >>>>>>
    >>>>>>
    >>>>>>
    >>>>>> "Joe"
    <[email protected]> wrote in message
    >>>>>>
    news:[email protected]...
    >>>>>>>
    >>>>>>> This site was oriinally done in
    dreamweaver - but the shadow effect
    >>>>>>> was done outside of Dreamweaver.
    When I save to html and load into
    >>>>>>> Dreamweaver it makes no sense to
    me.
    >>>>>>>
    >>>>>>> Can anyone explain how to create
    this effect in Deamweaver and
    >>>>>>> Fireworks?
    >>>>>>>
    >>>>>>>
    http://www.fundflowsystems.com/test.php
    >>>>>>>
    >>>>>>> Thanks in advance,
    >>>>>>>
    >>>>>>> Joe
    >>>>>>>
    >>>>>>
    >>>>>>
    >>>>>
    >>>>>
    >>>>
    >>>>
    >>>
    >>>
    >>
    >>
    >
    >

  • [b]How to create this Custom Table on Custom Schema with foreign key [/b]

    This Custom Table is create in Custom Schema and Refers to Seeded Table in APPS schema
    1 create table test_dff (test_id number(15) primary key,
    2* invoice_id number(15) constraint ap_test_fk REFERENCES ap_invoices_all(invoice_id) ON DELETE CASCADE)
    SQL> /
    invoice_id number(15) constraint ap_test_fk REFERENCES ap_invoices_all(invoice_id) ON DELETE CASCADE
    ERROR at line 2:
    ORA-02270: no matching unique or primary key for this column-list
    How to create this Custom Table on Custom Schema
    thanks in advance

    hi prashant
    sorry for replying late, i have checked your query and it gives me no rows, but if i check for user_cons_columns it gives me no rows either in APPS Schema, but in AP schema it gives me
    SQL> SELECT * FROM user_cons_columns WHERE table_name = 'AP_INVOICES_ALL';
    OWNER CONSTRAINT_NAME TABLE_NAME
    COLUMN_NAME
    POSITION
    AP SYS_C008177 AP_INVOICES_ALL
    INVOICE_ID
    SQL> SELECT constraint_name, constraint_type FROM user_constraints WHERE table_name = 'AP_INVOICES_A
    LL';
    CONSTRAINT_NAME C
    SYS_C008177 C
    SYS_C008178 C
    SYS_C008179 C
    SYS_C008180 C
    SYS_C008181 C
    SYS_C008182 C
    SYS_C008183 C
    SYS_C008184 C
    SYS_C008185 C
    SYS_C008187 C
    SYS_C008189 C
    SYS_C008191 C
    and since this is a combination of Unique and Not Null Constraints , i am getting the same issue. do u have any solution to make the Detail table records to delete without using Alerts/DB Triggers?
    thanks for your time .
    abdul rahman

  • Can someone tell me how to permanently remove the navigation bar so that a user cannot put it back himself. i do not want users to be able to browse to the local c:\ through this navigtion bar. using firefox 7. thanks

    i have locked down a client using policy editor for Windows 7.
    and i want to restrict a user to one website only via a firefox shortcut on the desktop and to restrict their access to the local system drive which is currently vulnerable using the navigation bar. i know how to right click and rmeove but the user can put this back himself quiet easily and then browse anywhere on the local machine or web.

    Even then it won't work.<br />
    If the location bar is hidden then you can use Ctrl+L to bring up a pop-up with a location bar.
    You would probably need to run Firefox in a sandbox that doesn't allow access to the local file system to get that working properly.

  • How to create a persona header bar that displays correctly in all resolutions - Firefox 20 Linux

    I'm in the process of learning how to create Personas for Firefox, and have already created one which I am using locally, but I ran into an unexpected behavior: If I create a header bar that is 3000 X 200 pixels as specified in the guidelines, only the right third or so displays in my browser when the theme is applied. To get this header to display "properly" (as I find aesthetically pleasing) I have to resize the header to 1280 X 85 pixels.
    Should not the header bar scale automatically, or do I need to produce a persona header at each possible resolution width to get it to display properly?
    For what it's worth, the footer appears to be displaying the left hand third, but this is not so objectionable in this case.
    A screenshot of the persona is available at http://www2.netdoor.com/~horus/Persona_2013-04.png.
    Thanks for any insights. I feel as though I must be misunderstanding something here.
    (I tried to post troubleshooting information the first time, but it overflowed the character limit...)

    Probably best to ask that sort of question, or research the answer in one of the AMO forums ('''A'''ddons '''Mo'''zilla). I think this one may be appropriate:
    * https://forums.mozilla.org/addons/viewforum.php?f=30
    ** I think you will need to register before posting
    I am wondering where are you doing the learning ?
    <br />There are also resources on MDN
    *https://developer.mozilla.org/en-US/addons
    Detailed discussion of the subject is probably off topic for this forum, but linking to resources or giving as imple answer is not so I hope some of the above are helpful. (You may even find someone else interested and knowledgeable posting a direct answer)

  • How can I get my navigation bar back?

    Can't see the toolbars: navigation bar, view, tools, etc
    == This happened ==
    Just once or twice
    == Today when I was trying to change toolbars. I accidentally unchecked menu bar and everything went.
    ''asked and answered, repeatedly - locking due to age''

    '''''"navigation bar"''''': See Navigation Toolbar below.
    '''''"view, tools, etc"''''': That's the Menu Bar; see below.
    <u>'''Can't see the Menu Bar'''</u> (File, Edit, View, History, Bookmarks, Tools, Help)?
    Turning the Menu Bar on and off is a new feature in version 3.6.
    ''(~~red:Linux & OSX see~~: [[Menu bar is missing]] )''
    <u>''Windows'' Method 1.</u> '''''Hold down''''' the key and press the following letters in this exact order: V T M then release the key
    <u>''Windows'' Method 2.</u> Tap once on the F10 key, while the Menu bar is visible, choose "View > Toolbars", click "Menu Bar" so that a check mark is placed next to Menu Bar
    <u>''Windows'' Method 3.</u> Tap once and release the key. The Menu Bar will be displayed; then choose ~~red:V~~iew > ~~red:T~~oolbars and click on ~~red:M~~enu Bar so that a check mark is placed next to Menu Bar
    The Menu Bar should now be displayed permanently, unless you turn it off again using View > Toolbars. Check mark = displayed, NO check mark = not displayed.
    See:
    http://support.mozilla.com/en-US/kb/Menu+bar+is+missing
    http://kb.mozillazine.org/Toolbar_customization#Restoring_missing_menu_or_other_toolbars
    <u>'''Navigation Toolbar, Bookmarks Toolbar and other Toolbars'''</u> under View > Toolbars. Clicking on one of them will place a check mark (display) or remove the check mark (not displayed).
    <u>'''To display the Status Bar'''</u>, View, then click Status bar to place a check mark (display) or remove the check mark (not displayed).
    <u>'''Full Screen mode'''</u>
    http://kb.mozillazine.org/Netbooks#Full_screen
    Also see:
    ''' [[Back and forward or other toolbar buttons are missing]]'''
    '''[[Navigation Toolbar items]]'''
    '''[http://support.mozilla.com/en-US/kb/How+to+customize+the+toolbar How to customize the toolbar]'''

  • How to creat a grouped stacked bar chart

    Hi,
    I am trying to create a grouped stacked bar chart.
    For 'on change of ' i have -> 1) update_month                                                                               
    2) update_source ( i have 2 values for this field -> website and ivr)
    And for 'show value' field i am trying to use 1) sum of valid_count
                                                                          2) sum of invalid_count
    -> I need two stacked bars for each month, each stacked bar belongs to either website or ivr and is made of valid and invalid counts for that particular update source.
    when i tried to use the fields as i mentioned above, i got an error saying
    'The data you have selected doesnt fit the chart type' and explanation is as follows 'This chart type requires 2 on change of fields and i show value field OR 1 on change of field and many show value fields'.
    I have selected a stacked bar chart.
    Does any one know how to do this?
    i am trying to create a chart similar to the one in the following link http://www.java2s.com/Code/Java/Chart/JFreeChartStackedBarChartDemo4.htm
    Thanks

    Please re-post if this is still an issue or purchase a case and have a dedicated support engineer work with you directly:
    http://store.businessobjects.com/store/bobjamer/DisplayProductByTypePage&parentCategoryID=&categoryID=11522300?resid=-Z5tUwoHAiwAAA8@NLgAAAAS&rests=1254701640551

  • Best way to create a sliding navigation bar

    As a newcomer to web design I am just about to embark on my first major project. This requires a navigation bar in a strip down the left edge of the page. I recently stumbled across what i thought was a very elegant and space saving design for this navigation bar at:
    http://www.aovet.org/home.aspx
    Could anyone point me at a suitable tutorial, resource, or sample code so i can start to get my head around how this is done, or is this just to complex for an enthusiastic but relatively inexperienced guy to try.
    Thanks
    John

    Have you looked at the built-in  Spry Accordion Widget (aka Accordion Panels)?
    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#D  efaultBehavior
    Nancy  O.
    Alt-Web Design & Publishing
    Web | Graphics | Print |  Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • How to create this chart in Numbers?

    The sample chart such as following web site:
    http://gallery.mac.com/chouwenpo#100008/-E5-9C-96-E7-89-87-203&bgcolor=black
    I want to create this chart by "line+symbol chart".
    The x-axis need to be an "interval".
    Please, help me if you know how to do this.
    Thank you a lot.
    wenpo

    I do appreciate your kindness reply.
    Please let me repost my question and express my concern again
    I look forward from you guys.^^ I do need your help!
    Thanks again.
    <<Question repost>>
    for example:
    Assume we have 10 (x, y) pairs as below:
    (10,10), (12,23), (47,9), (63,24), (88,100), (150,41) ,(155,166), (188,2), (198,58) and (500,200). Each (x,y) pair is a single point in the graph.
    If we use Scatter chart to handle these data, the output graph is fine but not suitable for me to use.
    I wish there will be a trend line between two of each independent points of Scatter graph, and obtain a graph just like the output graph as used in Line chart (line+symbol).
    That is, in Line chart, the values of x-axis(with equal-width intervals) are categorical; however, my data is ordinal value or continuous value (like Time, Concentration...etc.). I wish this software has the ability to show the interaction between each points.
    Message was edited by: wenpo

  • How to display table range navigation bar at the bottom of the tr table i

    Hello,
    While I am using trinidad, I have to face a critical issue. Can I display table range navigation bar at the bottom of the <tr table> in Trinidad? and remove the range dropdown list, only show the "previous" and "next" link? The project is critical on the UI, this problem is very small but has to be fixed? Does anyone have any ideas&#65311;

    Difficult to do?  No.
    <ul id="bottom-nav"><li><a hef="whatever.php">whatever</a></li><li class="last"><a hef="whatever2.php">whatever2</a></li></ul>
    With this CSS -
    ul#bottom-nav {
         list-style-type:none;
         overflow:hidden;
         width:70%;
         margin:0 auto;
    ul#bottom-nav li {
         float:left;
         padding-right:10px;
         border-right:1px solid #FFF;
    ul#bottom-nav li.last {
         border:none;
    ul#bottom-nav a {
         /* your styles here */

  • How to create a link to Bar Graph......?

    Hi,
    Can any body tell me how to create a link to a bar graph such that on clicking, it should navigate to specified page in the same application or different application.
    I've written the following Region Source for creating link on Graph. Correct if it is wrong.
    function onDynamicaBarGraphClick(e)
    // Read point name
         name=e.data.Name;
    // Read point value
         value=e.data.YValue;
    // You can add onclick even here using the values name and value
    link='f?p=&APP_ID.:4:'||:app_session||'::::::';
    Thanks in Advance....
    Regards,
    Manoj
    Edited by: user12873839 on Apr 12, 2010 12:11 AM

    I have replied to you in another post. Help Needed : Changing the Color of Bar Graph Dynamically
    Please don't open multiple posts for the same question. Thanks.
    --Manish                                                                                                                                                                                                                                                                                                                                                                                                       

  • How to create this lighting effect in Premiere Pro or After Effects?

    Hey,
    I'm a student and premiere beginner and I'm trying to make my first video in premiere. In this video,  Drawing Channing Tatum - YouTube ,  you will see that lighting effects in the first 10 seconds. How can i create this?
    I thank you so much!
    Marie

    That is stock footage of the ends of a film roll exposed to light during the loading process that is simply laid over the video with the add or screen blend mode applied. You can search for "film damage" stock footage and find something that would work from stock footage houses. You can fake your own with shape layers, blurs and opacity animations using the same add or screen blend mode. It's just much harder to get the film damage to look "real."
    Here's what my google search turned up as the first link to stock footage. I have no relationship with this company and have never used their footage.
    http://www.pond5.com/stock-footage/20486672/film-burn-light-transitions.html
    You could also just get your smart phone close to a lightbulb, make sure it's out of focus and then move it around.

Maybe you are looking for