Spry menu editing in template
I am a newbie to DW CS3 and have been searching for an answer
in the forum to why I cannot select and edit my Spry navigation
menu now that it resides in the template file. When I go to edit
the template and click on where the Spry bar is, all I get is the
first menu item outlined in blue and no Spry editor in the
Properties menu. What am I missing here?
Thanks for the reply Murray. Being new to the forum, I will
not attempt to attach the file/code for you to see.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Research Mannikin</title>
<!-- TemplateEndEditable -->
<link href="../twoColLiqLtHdr.css" rel="stylesheet"
type="text/css" />
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional
comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout
it needs to avoid several bugs */
</style>
<![endif]-->
<script src="../SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css"
rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
<!-- TemplateBeginEditable name="head" --><!--
TemplateEndEditable -->
</head>
<body class="twoColLiqLtHdr">
<div id="container">
<div id="header">
<table width="637" border="0">
<tr>
<td width="283"><img src="../rmlogo.gif" alt="RM
logo" width="283" height="100" /></td>
<td width="344"><h1 align="right"><span
class="style1">1-800-826-0654</span></h1></td>
</tr>
</table>
<!-- end #header -->
</div>
<div id="sidebar1">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#">Home</a> </li>
<li><a href="#">Online
Store</a></li>
<li><a class="MenuBarItemSubmenu"
href="#">Specials</a>
<ul>
<li><a href="#">Best Buys</a> </li>
<li><a href="#">Custom
Orders</a></li>
</ul>
</li>
<li><a href="#">Shipping
Information</a></li>
<li><a href="#">Request a
Catalog</a></li>
<li><a href="#" class="MenuBarItemSubmenu">About
Us</a>
<ul>
<li><a href="#">History</a></li>
<li><a href="#">Artists</a></li>
</ul>
</li>
<li><a href="#"
class="MenuBarItemSubmenu">Reference</a>
<ul>
<li><a href="#">Information
Sheets</a></li>
<li><a href="#">Paint
Schedules</a></li>
<li><a href="#">Measurement
Charts</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Links</a></li>
</ul>
</li>
<li><a href="#"
class="MenuBarItemSubmenu">Contact Us</a>
<ul>
<li><a href="#">Ask the
Expert</a></li>
<li><a href="#">Have mount
photos?</a></li>
<li><a href="#">Contact
Information</a></li>
</ul>
</li>
<li><a href="#">Hunting
Tales</a></li>
</ul>
<!-- end #sidebar1 -->
</div>
<div id="mainContent"><!-- TemplateBeginEditable
name="Body" -->
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla
fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,
fermentum id, molestie in, commodo porttitor, felis. Nam blandit
quam ut lacus. Quisque ornare risus quis ligula. Phasellus
tristique purus a augue condimentum adipiscing. Aenean sagittis.
Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,
odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse
potenti. Fusce varius urna id quam. Sed neque mi, varius eget,
tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut
nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu,
pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi,
eleifend sollicitudin, molestie id, varius et, nibh. Donec nec
libero.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla
fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,
fermentum id, molestie in, commodo porttitor, felis. Nam blandit
quam ut lacus. Quisque ornare risus quis ligula. Phasellus
tristique purus a augue condimentum adipiscing. Aenean sagittis.
Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,
odio.</p>
<!-- end #mainContent -->
<!-- TemplateEndEditable --></div>
<!-- This clearing element should immediately follow the
#mainContent div in order to force the #container div to contain
all child floats --><br class="clearfloat" />
<div id="footer">
<p align="center">All rights reserved. ©2008
Research Mannikins, Inc.</p>
<!-- end #footer --></div>
<!-- end #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Similar Messages
-
Hi,
I'm new to dreamwever, but since it is really user friendly I
already achived a lot.
But I have a problem with the spry menu bar. What I want is
the following.
I have a template on which I want to place my spry menu on.
That's what's already is working.
The next thing I want is to have the backgroundcolor of the
menuitems changed per page I created based on the template. Herefor
I want to change the CSS. But since I placed the spry menu in the
template I can't touch the CSS rule and so change anything in the
CSS.
My first thought was to place the menu in an editable region,
but unfortunalty you can't place a spry widget in a editable
region.
Who can help me figer out what to do.
Thanks in advance.
Lesley<link href="assets/SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet"
type="text/css" />
This file is completely editable. That's where you would make
the changes
to the Spry menu's stying.
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
==================
"lesleyudw" <[email protected]> wrote in
message
news:[email protected]...
> No, it's not working for me. I can't touch the CSS, I
attached the code
> I'm
> talking about. When I have this open in dreamweaver cs3
then I can't
> change
> anything to the assests CSSline
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml"><!--
InstanceBegin
> template="/Templates/Index.dwt"
codeOutsideHTMLIsLocked="false" --><head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
> <!-- InstanceBeginEditable name="doctitle" -->
> <title>Mendoline | Home</title>
> <!-- InstanceEndEditable -->
> <style type="text/css">
> <!--
> body {
> background-image: url(assets/images/confetti1.jpg);
> }
> -->
> </style>
> <!-- InstanceBeginEditable name="head" --><!--
InstanceEndEditable -->
> <link href="assets/style.css" rel="stylesheet"
type="text/css" />
> <script src="assets/SpryAssets/SpryMenuBar.js"
> type="text/javascript"></script>
> <link
href="assets/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet"
> type="text/css" />
> </head>
> <body>
> <div class="transparant">
> </div>
> <div class="container">
> <div class="header">
> <img src="assets/images/headergif.gif" width="658"
height="143" />
> </div>
> <div class="menu">
> <ul id="MenuBar1" class="MenuBarHorizontal">
> <li><a href="index.html">Home</a>
</li>
> <li><a href="wiezijnwij.html">Wij zijn
wij</a></li>
> <li><a href="#"
class="MenuBarItemSubmenu">Entertainment</a>
> <ul>
> <li><a
href="heksenact.html">Heksenact</a></li>
> <li><a href="#">The Dutch
Way</a></li>
> <li><a href="#">Sport en
Spel</a></li>
> <li><a href="#">Popenkast
theater</a></li>
> </ul>
> </li>
> <li><a
href="organisatie.html">Organisatie</a></li>
> <li><a
href="gastenboek.html">Gastenboek</a></li>
> <li><a
href="contact.html">Contact</a></li>
> </ul>
> </div>
> <div class="content">
> <h1>
> <!-- InstanceBeginEditable name="ContentHeading"
-->Home<!--
> InstanceEndEditable -->
> </h1>
> <!-- InstanceBeginEditable name="Content" -->
> <p>This is the home page.</p>
> <!-- InstanceEndEditable -->
> </div>
> </div>
>
> <script type="text/javascript">
> <!--
> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
> {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif",
> imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
> //-->
> </script>
> </body>
> <!-- InstanceEnd --></html>
> -
Spry menu updating through template
I've created a number of pages based on templates that I designed. The templates use a horizontal spry menu. Now I want to hook everything up. But when I update the spry menu in the template it has no affect on the template based pages. When I save the template with the changes, I get the dialog box asking me if I want to update all the pages based on the template. So I say yeah update all of the selected files. But it doesn't update them. What am I missing? I had some issues removing the mark of the web code from the template. I got a message saying that changes to the template would no longer appear on child pages (or something similar). Could this be my problem?
Beth,
Thanks for asking. I have a couple of display issues that deal with spry data sets and a flash photo gallery, but those I can't resolve until I actually publish the site and can verify that the problem exists when viewed live. That way I can also link to the problem so others can see the issue. Those are display issues. The other issue is also a display issue, but it's one that I need to solve before I can publish my site.
I have started a discussion on this problem in the Dreamweaver forum, but since I still have the issue, I hope it's okay if I post here as well. The issue deals with a horizontal spry menu.
I have a page that displays a youtube video. It sits under the horizontal menu. When you try to select something from the drop down menu, the menu appears behind the youtube video (the links are hidden) and can't be selected. Someone on the Dreamweaver site checked out the link I provided and said that they didn't have any problems using Firefox. But I still can't see the menu with IE8 or Safari. Here's the link:
http://www.emiliocorsetti.com/publish/boot.html
That same person on the Dreamweaver forum suggested that I put the video in a div and give it a z-index. I tried that, but I'm really not sure what value to enter. The menubar has several z-index values ranging from 1000 to 1020. So I've tried the following values 900, 980, 990, 1030, 1040. No luck.
Emilio -
Please help - I'm using Dreamweaver CS3. A few weeks ago I
built a website and had successfully created drop down menus using
the Horizontal Spry Menu Bar. I have come back to it today and have
somehow lost the ability to edit the drop down menu. I can no
longer see the "blue tab" for the Spry Menu which opens the
Property Inspector widget.
When I preview the site - everything works fine, but I need
to make some edits to the dropdowns - Please help.
Thanks!Thanks for replying - I tried what you suggested but still
not able to open the Spry menu widget. Have I lost the link to my
Spry assets? I do see my SpryMenuBarHorizontal.css in the Spry
Assets folder - but don't see it in my CSS Styles properties
I can do what I need to do by hand coding, but need to hand
this off to the client who will need to use the widget to make
future edits to the dropdown menus (ie. add to, delete, change
links, etc.) -
How Do I Create an Editable Spry Menu as part of a Template?
I am having considerable trouble trying to work out an issue and hope you can help. I have been working on a webpage that I would like to be a template for a fundraiser we are doing. I used a horizontal spry menu and a vertical spry menu. I have two youtube videos that I would like embedded on the page, but I would like the flexibility to change them for different pages. I am trying to make my horizontal and vertical spry menus editable since I am going to be making pages for all items in the menus. I can't seem to set this up correctly. Can you tell me what I am doing wrong? I have been able to set up editable regions according to my template file, however, when I open the template, I am unable to edit the spry menus or edit the youtube videos. Setting up editable regions also seems to change the look of my page.
Here is what I would like all the pages to look like: http://www.ymimusic.com/shoppers_guide.html
But this is how it looks presently when I try to make a page from the template I created following the instructions from the course: http://www.ymimusic.com/test.html
Since I cannot get the template to work the way I would like, I have not created any links yet. I can send you the template and html page if this will help. Thank you for your help in advance./p>Murray,
I am just opening your responses now. I will try to clarify again. "There's the rub. This is not a wise choice. A completely different menu in each page will not only confuse your visitors, it will drive you insane. I strongly suggest you not do this." You were referring to "What throws us off the track is your wish to be able to have a different menubar in each page. In that case the menubar will need to be in an editable region."
What I am simply trying to do is this: If I create a menu that has the following links: About Us, Products, and Contact Us on one page, I want my customers to see the SAME menu on the About Us page, the Products page and the Contact Us page. I am NOT creating different menus on each page. I am trying to automate the format by creating a template that will show these links on each page without me redoing it every page.
When I attempted this, and created a page from the template, I could not get into the menu to assign links to different pages. Using the above example, If I created my About Us page as the template for the site, then created the Products page from the template, I need the ability to assign the links on the Products page to the About Us and Contact Us pages. The page created from the template does not allow me to do this. I cannot get in to assign the links in the Properties section of Dreamweaver. I even attempted to do the following action in the .dwt file I created:
Modify > Templates > Make Attribute Editable
I did this to make the links editable after creating the template. This obviously didn't work.
To summarize: I do NOT want to make different menus on each page. I simply want to create the two menus you see (one horizontal and one vertical) that will be part of the template. I am trying figure out when I assign the links and How. I will go back and read your notes as well as read the help section (F1) as you requested, however that is why I contacted you; I did not understand what I was doing wrong. I have been working with a course series in Lynda.com that has explained much of what to do up to my problem spot, I simply need to understand the concept.
Thank you for your assistance. -
Why does editing the spry horizontal menu on my template alter the spry tabbed panels on my page?
Most of the pages on my site are created using the same template I developed. Today, I edited the horizontal main menu on the template, which changed all the pages on my site correctly, except now all the pages with tabbel panels in the body are showing as a bulleted list instead of tabbed panels. Please Help!?!
In fact, there is no longer any css styles for any tabbed panels any longer...what did I do?Oh Brother, of course! I should have waited to post until I was out of
my freak out mode. Thanks a lot for the help. -
Spry Menu Bar Editing Links PLEASE HELP
Ok I am a new user and this is my first site and I have a question regarding creating links in the spry menu bar.
I created my home page with a spry menu bar and I have begun creating pages to link to my home page.
My question is when I navigate to another page from my home page my spry menu bar on the second page does not have the links set for the spry menu. Do I have to input all the links again on each additional page or is there an easier way to copy from my home page.
I am creating an online store and my homepage menu bar has over thirty links to products pages. Each page has the original banner and spry menu bar from my home page but the links arent set on any of the products pages. Do I have to go into each one of my thirty pages and create the thirty links to the other pages? and if that is the case what if I want to change or add additional links to the home page for new products launching? Do I have to update the links and spry menu bar on all of the additional pages as well?
If anyone can help me out I would greatly appreciate it. Any answer would be helpful even if its not the one I want.If you're not using DW Templates to spawn site pages or Server-Side Includes for sitewide menus, you definitely must edit each menu on each page and upload to your server. Tedious.
Server-Side Includes are a huge time saver. Learn to use them.
http://www.smartwebby.com/web_site_design/server_side_includes.asp
Nancy O. -
Spry Menu w/ templates or library items
I LOVE the new spry menu, but I'm frustrated with how to
insert an existing menu onto subsequent pages. I tried to add the
menu to the library but that didn't seem to work. Should I use a
template instead? I can't seem to find documentation on this...am I
missing something? Any advice?Not sure what that is...tried to look it up in the help
file...is it this?
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
If so, how do I attach it? Also, how do I edit once it's a
library item? I seem to lose that lovely spry interface in the
property manager.
If there is any documentation that you could point me to I'd
be grateful. I'm afraid I'm not finding it. -
I am fairly new to Dreamweaver and am self taught so I am
trying to learn the best way to do things. I have created a
horizontal Spry menu on one of my pages in DWCS3. I then copied and
pasted that code on each page I wanted the Spry menu. How can I now
go back and make the menu a template so that any changes I make
will be reflected on every page that has the menu - instead of
having to change each page every time I change the menu.> If I create the whole page as a template, then are all
of the subsequent
> pages
> that use the menu also templates
You need to read DW's F1 Help about how to make templates and
spawn child
pages. If you make the page a template, you would need to
also specify
editable regions (regions in which content can be edited on
the child
pages).
If you use includes, you would need to create a text-only
page in DW, into
which you paste the content for the menu *ONLY*. Save this
file as whatever
filename you like. In any page that you want to use the menu
you would need
to a) have the required Spry javascript already in the head
of the page, and
b) use INSERT | Server-Side Include, to browse to and select
the menu
include file.
It's a bit tricky. Make sure you get the hang of this using
test pages
first, with simple content.
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
==================
"Steve Field" <[email protected]> wrote in
message
news:fb6fj0$q56$[email protected]..
> which method do you think would be more efficient and
easier to maintain.
> We
> use php on our server. Can you explain exactly how to
use the include. I
> am
> assuming I make the menu a separate page then do I save
it as a javascript
> file. I am a novice.
> If I create the whole page as a template, then are all
of the subsequent
> pages
> that use the menu also templates
> -
Spry Menu Bars, Templates and Current Page Indicators
Hello,
If you have a spry menu bar in your design, then create a template, how do you then go about making the menu bar have a current page indicator on each page created from the template?
Thanks,
Ferg.Can I send you on a different path? This solution will only be required in a non-editable area of the DWT.
First we write a function to initialse the page
function InitPage(){
Spry.$$('#MenuBar1 li').forEach(function(node){
var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
if(a.href == window.location){
Spry.Utils.addClassName(node,"activeMenuItem");
The function compares the URL of the page with the link in the menubar and if they are both the same, it will add an 'activeMenuItem, class to the menuitem.
Next we nee a trigger to activate the function. This is done with a load listener as per
Spry.Utils.addLoadListener(InitPage);
Now we need to ensure that our active menuitem looks different, by assigning a couple of style rules as in the following. The !important needs to be there to override the JS.
.activeMenuItem a {
background:#a59a84 !important;
color:#ffffff !important;
And lastly we need to add SpryDOMUtils.js as the JS script that we based our JS scripts on
<script src="SpryAssets/SpryDOMUtils.js"></script>
The whole thing will look like
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet">
<style>
.activeMenuItem a {
background:#a59a84 !important;
color:#ffffff !important;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<script src="SpryAssets/SpryMenuBar.js"></script>
<script src="SpryAssets/SpryDOMUtils.js"></script>
<script>
function InitPage(){
Spry.$$('#MenuBar1 li').forEach(function(node){
var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
if(a.href == window.location){
Spry.Utils.addClassName(node,"activeMenuItem");
Spry.Utils.addLoadListener(InitPage);
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Or see it live here http://shoguncarco.com.au/index.php where the function has been externalised in http://shoguncarco.com.au/js/plugins.js
Gramps -
How to edit existing Spry Menu?
I created a Spry Menu, but now that it's published (saved) I
don't see how to edit it so I can easily add more menu items using
DW's visual tool. All I can get to is the menu's CSS.
How do I edit an existing Spry Menu to add/remove more items?
I'm using CS3.I guess I dont understand. You can add or remove or change
the menu in the
properties panel. You can do all that in the design view as
well, so I'm
not sure what I am missing.
Is the page available to view?
"morkafur" <[email protected]> wrote in
message
news:goja98$mho$[email protected]..
>I guess I'm not being clear. Sorry.
>
> What I'm saying is that when I click "anywhere in the
menu" or the border
> around it, I don't get the display where I can click the
"+" to add a menu
> item.
>
> For example, I have a menu item called "Capabilities".
If I click that
> menu
> item I see properties for it, no problem. I get this.
>
> What I'm trying to do, however, is get back the the Spry
menu item
> DESIGNER
> where I can add/remove menu items graphically.
>
> Regardless of where I click, that designer does not
re-appear.
>
> If I click the Spry menu item on the toolbar, CS3
creates a new menu, but
> doesn't let me edit (using the menu designer) the
existing one.
>
> -- M
> -
I am not able to edit the spry menu via dreamweaver
After having configured a spry-menu-horizontal-bar in my we page the
day before, I cam back to add more links, however, I found this error
message:
The following translator were not loaded due to errors:
PHP_MySQL.htm, has configuration information that is invalid.
Spry.htm: has configuration that is invalid.
SplyWidget.htm: has configuration information that is invalid.
XSLT.htm: has configuration information that is invalid
I am not able to edit the spry menu via dream weaver and doing the
modifications by hand is cumbersome and prone to errors.
Does anyone know how to solve this problem?
Have a good day!
http://www.tandooristyle.ca/ArbolOne1.htmlNot sure exactly why, but somethings don't look normal like why you have a PHP_MYSQL.htm file?
Anyways, bets to post this on the Dreamweaver forum instead of the Developer Toolbox forum. You will get a much quicker response as this has nothing to do with the Adobe Dreamweaver Developer's Toolkit.
Brad Lawryk
Adobe Community Expert, Dreamweaver
Adobe Usergroup Manager, Northern British Columbia Adobe User Group -
Add spry menu to external css or template
I have a working navigation menu at www.reachyourpotential.ca
but I haven't used an external style sheet on this website and that
seems to be the thing to do these days. I used cs3 to add a spry
horizontal menu to a template (standard cs3 2 column). Should I
move the spry menu to an external style sheet?
I believe the benefits of an external css are faster page
loading speed and better seo.
I am also revising a website for a client and want to get it
right the first time.
Which is better - add the spry menu to an external css or a
template?
Thank you.This may sound really dumb as no one ever addresses this
issue, but once I create the Spry menu and then create all my other
pages from the template, what if I need to change something in the
menu? Since the href's are located in the HTML of the sheet itself,
not in the .css or .js, how do you get to the point where you just
change it one place and it changes everywhere?
Does this make sense? What piece of the puzzle am I missing?
Thanks for any assistance. -
Dreamweaver "SPRY" Menu - Question on editing the CSS?
Hi, I am using the "SPRY" menu in DW CS4
In the CSS Styles panel there are a lot of "ul" (unordered lists) and "li" (lists) but I am unsure which ones to edit to get the changes I need below. If someone could give me some direction I would be very thankful.
Here is the link to the website with the menu. http://www3.telus.net/~jessum/#
How Do I ...
1.Center the menu horizontally?
2. Change the font style to a sans serif font?
3. Move the menu's to the right so they're centered in the button?
4. Add a different colored background images that will tile the width of the buttons?
5. Change the width of the buttons?
6. Add some "blank" buttons or empty spacers to the left and right of the menu buttons to fill up the with of the menu bar?Customizing Spry Menu Bar
http://foundationphp.com/tutorials/sprymenu/customize1.php
Centering a Horizontal Spry Menu
http://foundationphp.com/tutorials/sprymenu/centering.php
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
I am new to Dreamweaver, teaching myself through online tutorials and have faired pretty well until now.
I have been building a website as a digital porfolio and now that I have more pages, managing the spry menu I initally created is becomeing more difficult.
So far, every time I add a page I update the spry menu bar on the main page, then copy and paste it onto all the pages that have the same menu and then re-upload every page to the internet. (Very Tedious)
I would like to create a master or template spry menu bar, that I can update that will automaticlly update on all pages using the same menu.
All the tutorials I have found have been on how to crate and poupulate the menu, so if someone could dirrect me to a tutorial more fit for what I'm trying ot achieve, I owuld be greatly appreciative.
If you like you can look at hte menubar I am refferign to at http://mgarito.com/Portfolio/Portfolio.html (only the tabs Graduate and Undergard have been populated with data thus far)Heya Michael,
It may be that you're not using the correct file directory to point to your include file. If MenuBar.php is in the root of your site and the include is in a different directory you may have to insert the include with preceding ../ to point to the include file in a higher directory.
<?php include("../../spry_menu.php"); ?>
Also in MenuBar.php insert only the spry menu code not the doctype, head, body, etc. what I'd do is put the head js and css in the pages you have the menu bar and just put this in MenuBar.php
<ul id="PortfolioMenuBar" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="http://mgarito.com/Portfolio/Graphic/PlexiPlates/PlexiPlates.html">Graduate</a>
<ul>
<li><a href="http://mgarito.com/Portfolio/Graduate/TransbayHSR/TransbayHSR.html">Transbay HSR</a></li>
<li><a href="http://mgarito.com/Portfolio/Graduate/Firefly/Firefly.html">Firefly</a></li>
<li><a href="http://mgarito.com/Portfolio/Graduate/Gem/Gem.html">Gem</a></li>
<li><a href="http://mgarito.com/Portfolio/Graduate/LiveWork/LiveWork.html">Live / Work</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Undergrad</a>
<ul>
<li><a href="http://mgarito.com/Portfolio/Undergraduate/NYC/NYC.html">NYC Gateway</a></li>
<li><a href="http://mgarito.com/Portfolio/Undergraduate/ReadingRoom/ReadingRoom.html">Reading Room</a></li>
<li><a href="http://mgarito.com/Portfolio/Undergraduate/AfricanArtMuseum/AfricanArtMuseum.html">African Art Museum</a></li>
<li><a href="http://mgarito.com/Portfolio/Undergraduate/DoorWindowStair/DoorWindowStair.html">Door Window Stair</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Lighting</a>
<ul>
<li><a href="#" class="style8">Welded Wire Lamp</a> </li>
<li><a href="#">Tower Lamps</a></li>
<li><a href="#">Cantilever Lamp</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Furniture</a>
<ul>
<li><a href="http://mgarito.com/Portfolio/Furniture/Easel/Easel.html">Easel</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Fashion</a>
<ul>
<li><a href="http://mgarito.com/menubartest2.php">Accessories</a></li>
<li><a href="http://mgarito.com">Clothing</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Graphic</a>
<ul>
<li><a href="http://mgarito.com/Portfolio/Graphic/PlexiPlates/PlexiPlates.html">Plexi Plates</a></li>
<li><a href="http://mgarito.com/Portfolio/Graphic/Pastel/Pastel.html">Pastel</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("PortfolioMenuBar", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
Maybe you are looking for
-
No Network Drive in Media Browser
We have a server that runs to both Macs and PCs in our studio, the PCs having been just installed. When cutting on a Mac, we can see our server in the Media Browser and reconnect unlinked footage when necessary. However, on the PCs, we can not see th
-
Unable to connect to MySQL database in Dreamweaver CS3
I have been working on this problem for hours and am getting very frustrated. I hope someone can help me out. My FTP server and MYSQL server have to use two different hosts. I will be using false information in this post but hopefully someone can hel
-
How do I rearrange pages in a PDF that was merged from three files?
I created a new PDF by combining three others. Now I need to rearrange the pages. How do I do this>
-
Returning index of selected comp... jComboBox that is editing a jTable cell
so, i'm using an array to populate the choices of a combobox public String[] progCodes = new String[]{"Standard","Restricted","Combined","Special"};which i'm using to edit a cell in a jtable baseCatTable.getColumnModel().getColumn(4).setCellEdito
-
Installed Pro 9 and Reader 9 now cannot open pdf from web, but can from an email?
Installed Both Adobe Acrobat 9 professional and reader 9 yesterday on co worker machine. Went to open a pdf attachement in email no problem. Went to web to download and open a pdf and will not let her, giving co worker the error message need reader 8