Adding Site Search in Menu Bar
Hi there guys, if someone could point me to a tutorial on how to add a site search function to the menu bar (see pic) - that would be awesome...
I understand I can use a tag to display the results.
Thanks in advance!!!
Cheers
Okay here is what 'I do' ...
First create a div within your menu bar to old the search form and in your CSS float it right.
Create the search ..
Site Manger --> Site Search
Follow instructions to create the search form and select what you specifically want search.
Okay creating the search is done
Now I create a content holder (optional - but I do it that way in case I want to easily add the search elsewhere)
Open the new Content Holder in the admin (or dreamweaver)
Click on the Add Modules to page button
Select Search from the new panel iin the admin or from the BC Panel in DW
Select Search Form
Select the search form you want to use
Click Insert
This also adds the search results tag as well. Just delete the serach results tag
Now insert this content holder into the div you created in the nav bar.
Done.
Similar Messages
-
How to hide a site in the menu bar?
How can I hide a site in the menu bar? When I open my page it starts with a flash intro. I don't want to have the site with the intro in the menubar. how can i hide it?
If I've understood correctly... go the the 'Plan' view in Muse and right click on your Flash intro page you can select 'Menu Options > Exclude Page from menus'.
-
Spotlight search in menu bar. Name only
Is is possible to search in the Spotlight menu bar by name only?
I tried kind:name but this didn't work. Is there anything like this I could add to the beginning of a search?In Finder's Help menu, type search
When I do that, one of the items is "Specifying criteria in the Spotligh…", and selecting will tell more about what you want to know.
I believe what you are looking for (instead of kind:) is name:
Note that there can not be any spaces around the colon (:), so a search for items with iPhone in the name would be name:iPhone without spaces, and a search for "something else" with spaces would be name:"something else".
Kind is the type of object, such as image, movie, etc. It doesn't have anything to do with the type of search. If you start a search in the Finder (File -> Find…, or Cmd-F), a Finder window will open with an single search criteria set to the default of "Kind" is "Any". If you select the "Any" button then it will reveal the different options for Kind. Perhaps that will help.
You can also get a similar window by choosing "Show All" from the Spotlight menu after you've typed something, except it doesn't start with any criteria. Either way, you can add as many conditions as you want with the plus button on the right side of the search criteria.
The "Kind" button will reveal other types of criteria, such as Name and Contents. Note the window has "Filename" and "Contents" at the top since they are common criteria. Looking that over should give you some hints in the future. -
How do I add my webmail site to my menu bar
I want to be able to click on an icon in my tool or menu bar so that I can just click it to go there (without having to type in the address every time or go to bookmarks)
http://displaymenu.milchimgemuesefach.de/about.html
-
What is best way to update Spry menu Bar linkages throughout site?
I am new to Dreamweaver CS3 and Spry DataSets; however, I easily created multi-level linkages using the Spry Menu Bar tool. Is there a way that I can cause any linkage change(s) to be proliferated throughout the pages of my web site. This menu bar is the main navigational bar in my site. Currently, I am finding myself going to each page to update the linkages and I know that is the wrong way to accomplish this. Any help is appreciated. Thank you. degraylady
Arnout,
Thank you so much for your reply. It would have taken me a long time to figure this out for myself. I found an article on SSI with detailed instructions at http://http://www.tutorialized.com/view/tutorial/Dreamweaver-CS3-Libraries-and-Server-Side -Includes-Tutorial/28247 so I appreciate your answer so much. -
Hi,
Since the site isn’t online yet I posted my project for downloading. I am using Dreamweaver CS4.
For the website I am creating I would like to have a spry menu bar. I have been trying to figure this out but I can’t do it. The main file I am working with is named “theme_02_design.html” which is found in the Publish folder inside of In Play by Heather Ashley Inc. As you can see there is a left navigation area with 3 items listed (Home, Products, and Contact Us). I would like to change this into a vertical spry menu bar. Every time I try to do this the page is distorted in some way or another. I would like the menu on the left of the screen to look the same but with the vertical spry menu bar functions.
When someone visits the page I would like them to hover over the word products and have a submenu with multiple items.
It would look something like this...
Home
Products - submenu - Warm Up Series (I would insert a submenu here as well)
Contact Us Lace Up Hooded Sweatshirt
Fleece Name Pants
Shorts
Accessories
Shell Colors
Trim Colors (I would insert a submenu here as well)
Can anyone help?
ThanksI fiddled around with your file. I will attach the zip of your files.
Take a look at your page. I commented out your original navigation and added a Vertical Spry Menu Bar.
You will have to do some more adjusting, but I copied portions of your own CSS file into the Spry Menu Bar CSS.
See what you can do with it.
Beth -
Weird open command stuck under menu bar for just one specific file
I'm having a weird problem where a little arrow in a small grey box sits under the menu bar, no matter which program is active. If I roll over it, an icon for a quicktime file shows. Clicking it open a specific file. It's one I had dragged to the desktop from the trash. If I click the icon, it opens the file from the trash. If I delete the trash, the little grey box and arrow stays there, pointing to the file in the trash even though it doesn't exist anymore. I cannot get rid of it!
Here are some screenshots since this is hard to explain.
MacBook Mac OS X (10.4.9)Hi Jerymander , Welcome to Apple Discussions,
Have you tried starting in "Safe Mode"?
Let us know.
-mj
[email protected] -
Spry Menu Bar acting weird in IE
Hello,
I am relativley new to Dreamweaver and I built a website using CS4. I never did a spry menu bar and I have one on my site. The menu bar works fine in firefox, in safari it seems to work as it is aligned right, but my flash player doesn't. But the main problem is in IE. The grey background I have for the spry bar is in the right spot but the actual links are offset, and when you role over them the submenus are on the left and also offset. I tried messing around with the hack IE in the spry css but not really sure what I am doing as I don't know code too much. I also am Mac based and the problem in IE is on the PC. Also I built all the pages in Illustrator and inserted them in and used hot spots. I am not sure if that may have something to do with it. If any one can help I would really appreciate it. The website I created is http://www.menaceaudio.com.
Also if this helps here is my SpryMenuBarHorizontal.css
@charset "UTF-8";
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: auto;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 41.25em;
padding: 0px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
list-style-type: none;
font-size: 14pt;
position: relative;
text-align: center;
cursor: pointer;
float: left;
padding: 0;
color: #FFF;
background-color:#ccc;
width: 8.23em;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
float: left;
left: -1000px;
width: 8.23em;
position: absolute;
background-color: #CCC;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: 0px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.23em;
background-color: #CCC;
position: relative;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin-top: -5%;
margin-right: 0;
margin-bottom: 0;
margin-left: 95%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-repeat: repeat-y;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal a
left: -20px;
top: 30px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
cursor: pointer;
text-decoration: none;
font-family: eurostile;
font-size: 14px;
background-repeat: no-repeat;
padding: 0.5em;
margin: 0.5px;
display: block;
color: #036;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333;
border-right-color: #333;
border-bottom-color: #333;
border-left-color: #333;
border-right-style: solid;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-repeat: repeat-x;
font-family: eurostile;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position:absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
ul.MenuBarHorizontal li.MenuBarItemIE
ßfloat: left;
position: relative;
display: inline;I'm using IE8, and I don't see the offset errors of which you speak. I do recommend restoring the IE hacks at the bottom of the stylesheet to the original, however.
I also notice that the width of the individual menu items (top level) is forcing "CONTACT" to a second line. You can safely remove the pixel width on the containing div, returning to 100%. But your paddings and widths of top level menu items may be the forcing issue here.
Beth -
Removing 3rd Party Icon from Menu Bar
Just switched from being a PC user for years to Mac. I have a 21.5 in iMac and I thought it was a good idea to install an anti-virus program, in this case McAfee security (Mac Trial Version). I did not like how I could not access some websites (www.cnn.com, www.yahoo.com, etc). I tried to drag-n-drop any files using Finder with the name "McAfee" into Trash, but the old McAfee icon is still sitting on the menu bar. To remove it, I tried the "Command key/drag off the menu bar" move, but it would not work. I tried starting the activity monitor and I noticed a file called McAfee reporter. Even forcing it to close does not work as it reappears on its own after a few seconds. Finally, I attempted to edit the start-up menu (Apple icon--> System Preferences --> Users --> Log-In Items), but the program does not exist in that menu. I also resorted to restarting the Mac three different times, and the dreaded icon still appears. It's not affecting performance, but I hate clutter and I want this icon removed from my menu bar. If anyone has any advice on this issue, please let me know. I have also sent an e-mail in to McAfee, but I doubt they will be able to help unless they are proficient Mac users.
I am not sure if this will help anybody in the future, but here is what I discovered on the McAfee community forums. This worked for me (OS X 7.2), but bring up your Terminal window (Launchpad --> Utilities --> Terminal) and follow these directions. The password they are referring to is the password you set up for your Mac:
To uninstall McAfee Security:
1. In the Terminal window, type the following
command and press "return".
/usr/local/McAfee/uninstallMSC
2. When prompted, type your password and press
"return".
NOTE:
No characters appear when you type your
password.
When the uninstallation process completes, a message
appears in the Terminal window stating that McAfee
Security 1.0 beta 2 version has been uninstalled
from your computer.
I cannot take credit for this fix, but here is where I located the information.
https://community.mcafee.com/message/21696#21696 -
Simple Menu Bar On Home Page Doesn't Display in IE 7
Hello,
I have a really simple xhtml site with a menu bar at the top of the page. It looks great in firefox and works in most version of IE but it disappears in IE 7 and I have no idea how to fix it. The site is staged at www.consurv.net/stage.
Any insight would be greatly appreciated.
Best Regards,
- JohnCorel, I know you mean well, but your solution does not work.
You keep posting this all over the place but can't you see it isn't helping people? Safe Mode is useless. I have no conflicts with add-ons, extensions or plugins. Those dozens of "places" files that you say must be deleted...that's utterly insane.
Firefox has created a new browser that is buggy in a major league way and they must fix it. If not, I'm going to use another browser and I will uninstall Firefox. -
Why did my menu bar items dissappear? please help
my menu bar items such as wireless, time, and battery life even spot light are not showing anymore, i installed applejack and it did nothing, i tried going into prefrences i click on adding them to the menu bar, but the check mark disappears after 5 sec and nothing shows up, please help any ideas
Did you try just logging out and back in. While you can go into menu extras and start double clicking desired menu items I think doing that way may not be permanent. You should go to the individual System Preferences and make sure the appropriate checkboxes are set to place that prefrences in the menu.
-
Menu bar not working after update
I installed the update to Muse this morning and opened a site and the menu bar doesn't work. When I click on it, I can see the different states, but it doesn't take me to any of my pages. Also some of the attributes of my states have been changed. For instance, when I mouse over a couple of them, a fill is there (which is how I wanted it) but when I mouse over a couple others, the fill has been removed. The new version messed up my footer, which I was able to change but I'm real nervous to open any of my other, larger sites with this new version.
I'm going back to the previous version for now but is there a fix for these issues?
AnnetteCan you please send in your file to [email protected] and reference this thread?
Cheers,
J -
Hello downloaded my indesign 6 and my menu bar has disappeared... help please!!!!
Downloaded from what web site, and what menu bar?
-
Hello!
I am new to Dreamweaver, and I am having a ton of problems with it. I am an Intern at a company and was asked to make a website for a project. It's a simple website and I added the Spry vertical menu bar because it met the specifications of the project. However everytime I make a change such as add a new submenu, I have to update all the submenu's on the every menu bar on every page that I have, and I have about 40 pages at the moment. I know there is an easier way to update changes, however I havn't figured it out yet. I want to be able to make the changes on the Index page and have it apply to every page! I would appreciate any help. I also make most of changes on design view as I'm not comfortable with coding, so I would appreciate the answers to be more simplistic. Thank You!Hi,
for this application you should use SSI (server-side include) technology. David Powers made a wonderful tutorial for us, here the link:
http://foundationphp.com/tutorials/sprymenu/ssi.php
General informations about the application of spry menus you will find here:
http://foundationphp.com/tutorials/sprymenu/customize1.php
and
http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS895F3A6D-6D73-42ef-B568-3D04A BD2F171.html
and here:
http://labs.adobe.com/technologies/spry/samples/index.html (look for "widgets")
Good luck!
Hans-Günter -
Added a spry menu bar and site works in firefox but not in chrome or IE. Please help
Hello,
I'm a photographer by trade and have only picked up enough web design knowledge in order to build a website that isn't distracting to my photographs and is simple to update and mantain. Please breakdown any answers to my questions in very simple terms.
To start off here is a link to my site for reference. www.cechternach.com
1. My Biggest problem right now is that my site works in firefox but appears as a blank white page in chrome and in IE it only shows my background color.
I'm assuming that this has something to do with the spry menu bar I added. The galleries, banner, and footer were all part of a previous version of this website that didn't use the menu bar. I actually used png's exported from an illustrator as buttons. I've been wrestling with this menu bar for a few days now. I had an issue with the menubar forcing down the gallery below it. that was fixed by changing a position value from relative to absolute in the menubar css. Then I couldn't see the submenu over the galleries. I think I fixed that with a wmode change but I"m not sure if I did that right. I believe i needed to change that in the object and embed part of the code. One spot for certain browsers and the other spot for other browsers. I was a little confused on this because i also read that i needed to change the wmode in the javascript file in dreamweaver cs4 which is what i'm using. Whatever wmode I changed it seemed to work in firefox. The submenu background was showing up transparent but i fixed that in the menubar css.
2. I would like the submenu's to have a semi transparent blurred background effect. Is this possible with a spry menu bar?
3. How do I center my text in the submenu?
4. My menu bar buttons should be the same font as my name in my banner. It looks fine on my computer that has that font loaded but on other computers I was testing the site on the menubar buttons show up as a default font. How can i fix this?
5. Is there any way to get rid of the grey lines that show up around my slideshow pro galleries and menu bar buttons when they are clicked?
The last four questions aren't as important as the first one. I may be upsetting the flow of the forum as well. Please let me know if I'm not following procedure with any of my questions. Feel free to point out any other problems you see with my page. I'm trying to learn this as I go. Thanks in advance.Spry widgets, which includes the SpryMenuBar, in their original state do not pose any problem in any browser!
Widgets contain two parts
JavaScript which drives the widget
CSS which styles the widget to individual tastes
The most common reason for a widget to misbehave especially in IE is because the inexperienced web developer has upset the delicate balance of the CSS. I say delicate, because in the original, great care has been taken by the Spry team to ensure cross browser compatibility.
There are other reasons why a whole page can misbehave. In these cases, the culprit should be sought outside of the Spry framework.
When trouble shooting, I would first of all comment out all of the Spry Spry parts and test the page in IE. If it does work after that, then yes come back here and we will have a look at the SpryMenuBarHorizontal.css for you.
If it doesn't work after disabling Spry, then have a look at the coding and the CSS for your page and fix that.
I hope this helps.
Ben
Maybe you are looking for
-
Schedule line getting confirmed when Ordered Quanity is greater than stock.
Hi Sap Gurus, We have an issue in one of the sales scenario. In one of the sales orders the ordered quanity is purposely maintained greater than the stock at respective storage location(batch managed). In this case the schedule line should not get co
-
Is there any way to have separate contact groups going to the cloud to your different devices?
-
Hi, I'm writting from a new Apple ID. Yesterday i set my old iphone 4 for my mother. I own an iphone 5s. I wanted to update my apps on my iphone and it doesn't want to recognise my password. I'm sure of the password, because I've been using it for ag
-
Callmanager Conferencing with remote locations Issue
I am new to using callmanager, and I need a little help. I have created a meet me number on my callmanager. Once a session is begun, all local network users are able to join the conference call with no problems.. If a remote location hosts a meet me
-
Network connection timeout during iPhone upgrade
This topic has been mentioned many times but it seems there are still many unresolved cases. So here's another appeal for help, maybe someone will go "AHA" ! I have disabled my firewall by stopping the service. I disable my anti virus software. My co