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.

Similar Messages

How to make DW see Templates and Library items

I imported a site from another computer. Now it cannot see templates as templates or library items as library items. I am downloading the files from the server. The templates folder is there, but they are not showing up in the assets panel. They are also not updating when I save them.
How do I make DW see the templates and library items? It is a large site and I really don't want to have to recreate everything.

I just had this problem and this is how I solved it:
1. Create a brand new template (can be empty) and save it
2. See where dreamweaver puts it in the files panel(more than likely will create a new template folder)
3. Completely move all templates from your previous template folder to the new one DW just created.
4. Voila - now check you templates under assets.
Caution:
1. First only copy one template to the new folder and check assets to test this theory before deleting the ones in the previous folder (if it works do be sure to delete the others)
2. To tell if a template actually works, select it then hit delete, if it simply warns you this can't be undone the template is NO GOOD. If it gives you a list of links you will destroy THAT'S THE ONE YOU WANT TO KEEP. The templates in the new folder should give you a list of links, any templates any where else will just give you a regular delete/warning message.
Hope this solution works for you, I'm just trying to help.
Michelle

Spry widget menu bar as a library item - problems

I created a spry vertical menu bar and made it a library item. The original works great, however when I insert the library item into its own div tag on another page, the submenus will not pop out, either in DW or the browser view. The div tag is the correct size and I made the z index high enough. Here is the code of the page that works properly:
<!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" />
<title>DM Consulting Dry Dock Training</title>
<link href="css styles/drydock2.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="header"><img src="images/header_title_white.png" width="645" height="116" alt="header" /></div>
<div id="logo"><img src="images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
<div id="mainContent">
    <div id="content">
      <p><span class="bolder1">D</span><span class="bolder1">M Consulting </span><span class="lineheight">provides Dry Dock Training, Dry Dock Conferences,<br />
        Dry Dock Software and Dry Dock Consulting      for:</span></p>
      <ul>
        <li class="lineheight"> Dock Masters</li>
        <li class="lineheight">Docking Officers</li>
        <li class="lineheight">Dry Dock Crews</li>
        <li class="lineheight">Engineers</li>
        <li class="lineheight">Naval Architects </li>
        <li class="lineheight"> Port Engineers</li>
        <li class="lineheight">Program/Project Managers</li>
        <li class="lineheight">Marine Surveyors</li>
        <li class="lineheight">Owners' Representatives</li>
        <li class="lineheight">On-site Representatives</li>
        <li class="lineheight">Consultants</li>
        <li class="lineheight">Others Involved or Interested in
          the <br />
          Dry Docking of Ships and Vessels</li>
      </ul>
      <div id="testimonials">"The course was excellent, straight forward and comprehensive. Instruction was great, expected <br />
        "death-by-power point" but was pleasantly surprised.
        I am better acquainted w/dry dock basics after the
        course and can trust the accuracy of the training
        based on the extensive experience of the instructors. Thank you!
        Very informative, very thorough."
          - David, Australia<br />
      </div>
      <div id="movie">
        <object width="560" height="340">
          <param name="movie" value="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" />
          <param name="allowFullScreen" value="true" />
          <param name="allowscriptaccess" value="always" />
          <embed src="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed>
        </object>
      </div>
      <div id="moreTestimonials">»»» click here for more testimonials «««</div>
      <div id="footer">© COPYRIGHT 2010 DM CONSULTING</div>
    </div>
    <div id="navbar">
      
      <ul id="MenuBar1" class="MenuBarVertical">
        <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
          <ul>
            <li><a href="#outline.html" title="Outline of our Training Course">General Information & Outline</a></li>
            <li><a href="#train_sched.html" title="Locations & dates of our Training Courses">Training Course Schedule</a></li>
            <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
            <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
          </ul>
        </li>
        <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
        <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
        <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
        <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
        <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
        <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
      </ul>
    </div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
Here is the code for the page that DOESN'T work:
<!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" />
<title>Training Course Schedule</title>
<link href="../css styles/drydock2.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="header"><img src="../images/header_title_white.png" width="645" height="116" alt="header" /></div>
<div id="logo"><img src="../images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
<div id="mainContent">
    <div id="content">
      <h2><span class="bolder1">Training Course Schedule</span><span class="bolder1"></span></h2>
      <p><br />
      Class sizes are limited so please register early. Early registration and payment provides the best value.<br />
<br />
      </p>
<p class="underline"><strong>4-7 October 2010 •   Honolulu, HI, USA </strong></p>
      <div id="schedulephoto"><img src="../images/conference-rm_train_s.jpg" width="250" height="123" alt="image" /></div>
      <p>The training will be held in Pearl Harbor, Hawaii, USA. <br />
        <a href="Registration_Hawaii.html">Registration form</a><br />
        <br />
      </p>
      <p class="underline"><strong>15-18 November 2010   •   Virginia Beach VA, USA</strong></p>
      <p>The training will be held in Virginia Beach, Virginia, USA. <br />
        <a href="Registration_Virginia.html">Registration form</a><br />
        <br />
      </p>
      <p class="underline"><strong>11-14 May 2011 •   London, United Kingdom</strong></p>
        The training is held in conjunction with the Royal Institution of Naval Architects (RINA). Registration and payment will be made directly to RINA. <br />
        Visit RINA's <a href="http://www.RINA.org.uk" target="_blank">website</a> and go to "Events" or call +44 (0) 20 7201 2401.<br />
<br />
      </p>
      <p><strong>Your Location</strong></p>
      <p>Training tailored to your organization's needs, including training at your facilities, <br />
        is also available.    </p>
    </div>
    <div id="nav3">
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
        <ul>
          <li><a href="#outline.html" title="Outline of our Training Course">General Information & Outline</a></li>
          <li><a href="#train_sched.html" title="Locations & dates of our Training Courses">Training Course Schedule</a></li>
          <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
          <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
        </ul>
      </li>
      <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
      <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
      <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
      <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
      <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
      <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
    </ul>
    </div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
I understand about having the script and link element that connect my page to the dependent files in the SpryAssets folder in the header and the JavaScript function cal at the bottom on each page. I don't know what else to do - HELP!

Welcome to the Dreamweaver world!
Well, having your index.html page at the top/root level is important, as that is the default page by which people will enter your site.
Having other pages in folders is fine...I do it all the time in order to keep departments or categories of information sorted.
One characteristic of having pages in folders is that the hierarchy of files in folders (perforce) puts them at different depths in the site.
This is not inherently a bad thing! Just one to remain aware of. When you look at your site files in the Files Panel, you can see a graphical representation of those different levels.
But the nature of a library item is that it is identical in all its instances, which is what makes it useful...change it in the library, and it changes site-wide. The down-side of that identity is that when your files are at different depths in the hierarchy, their links back to, say, home (or any other same file) will change depending on the depth. You can see this if you make a link on a page, then drag the page (in the Files Panel) to a different depth...say, into a folder when it started at root level, or vice versa. Check the link, and you will see that it automatically adapted to the new path.
Library items do not do that; they do not change, so some of your links will be 'wrong' when you refer to pages that have different paths than the ones originally set up in the library item... because of the change in hierarchy.
All this is, of course, reliant on your creation of the site in the first place, as defining the root folder's location on your computer gives Dreamweaver a starting point for handling (juggling?) all the location-information for your site's files.
Beth

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

Help: Using templates with Library items

Hey there dreamweaver users
Just a quick question it might sound dumb but im new to the dreamweaver world and would be greatful if you could answer this question i have.
I have made a template for my site and i wish to update all the child pages with a library item i have inserted into the main template,
ive put it into the main template as a footer navigation links and then left dreamweaver to update all my other child pages with this library item.
the thing is it never works am i doing something wrong ? really could do with some help.
Thank you :]

I only have one Template and this is it
<!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" />

<title>Caribe Travel Services</title>

<link href="../caribe_styles.css" rel="stylesheet" type="text/css" />
<link href="../print.css" rel="stylesheet" type="text/css" media="print" />


</head>
<body>
<div id="container">
<div id="header"><a href="../starter.html"><img src="../assets/images/logo.jpg" alt="Caribe Travel Services" name="logo" width="213" height="144" id="logo" /></a></div>
<div id="sidebar">
    <ul class="nav">
      <li><a href="../packages/air.htm">Air Packages</a></li>
      <li><a href="../packages/cruises.htm">Cruises</a></li>
      <li><a href="../packages/inclusive.htm">All Inclusive</a></li>
      <li><a href="../packages/resorts.htm">Resorts</a></li>
      <li><a href="../packages/index.htm">Contact Us</a></li>
    </ul>
    <div class="sideContent">
      <h3>Heading 3 here</h3>
      <p>side content here</p>
    </div>
</div>
<div id="mainContent">
    <h1>Heading 1 Here</h1>
    <p>main content here</p>
    <h2>Heading 2 </h2>
</div>
<div id="footer">
    <ul>
      <li><a href="../index.htm">Home</a></li>
      <li><a href="../packages/index.htm">Packages</a></li>
      <li><a href="../specials/index.htm"> Specials</a></li>
      <li><a href="../galleries/index.htm">Galleries</a></li>
      <li><a href="../testimonials/index.htm">Maps</a></li>
      <li><a href="../testimonials/index.htm">Testimonials</a></li>
      <li><a href="../newsletter/index.htm">Newsletter</a></li>
      <li><a href="../contact.htm">Contact</a></li>
    </ul>
</div>


</div>
</body>
</html>

Library items in DWT templates

I have setup a dynamic menu and created a library item from
it. When I insert it into a new document (or update the library
item) the urls within it keep getting the prefix /library/ added
and so don't work:
original menu
===========
<div id="lhsidemenu">
<ul>
<?php
require_once('Connections/ecommercetemplate_523.php'); ?>
<?php
mysql_select_db($database_ecommercetemplate_523,
$ecommercetemplate_523);
$query_categorymenu = "SELECT sectionID, sectionName FROM
sections ORDER BY sectionName ASC";
$categorymenu = mysql_query($query_categorymenu,
$ecommercetemplate_523) or die(mysql_error());
$row_categorymenu = mysql_fetch_assoc($categorymenu);
$totalRows_categorymenu = mysql_num_rows($categorymenu);
?>
<?php do { ?>
<li><a href="products.php?cat=<?php echo
$row_categorymenu['sectionID']; ?>" ><?php echo
ucwords($row_categorymenu['sectionName']);
?></a></li>
<?php } while ($row_categorymenu =
mysql_fetch_assoc($categorymenu)); ?>
<?php
mysql_free_result($categorymenu);
?>
</ul></div>
Menu after becomin a library item
==========================

<div id="lhsidemenu">
<ul>
<?php require_once('
library/Connections/ecommercetemplate_523.php'); ?>
<?php
mysql_select_db($database_ecommercetemplate_523,
$ecommercetemplate_523);
$query_categorymenu = "SELECT sectionID, sectionName FROM
sections ORDER BY sectionName ASC";
$categorymenu = mysql_query($query_categorymenu,
$ecommercetemplate_523) or die(mysql_error());
$row_categorymenu = mysql_fetch_assoc($categorymenu);
$totalRows_categorymenu = mysql_num_rows($categorymenu);
?>
<?php do { ?>
<li><a href="
library/products.php?cat=<?php echo
$row_categorymenu['sectionID']; ?>" ><?php echo
ucwords($row_categorymenu['sectionName']);
?></a></li>
<?php } while ($row_categorymenu =
mysql_fetch_assoc($categorymenu)); ?>
<?php
mysql_free_result($categorymenu);
?>
</ul></div>
doe anyone know how to resolve this? thanks

You are placing this library item into an editable region of
the child page?
Why do this instead of just using an include?
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
==================
"bikeman01" <[email protected]> wrote in
message
news:[email protected]...
>I have setup a dynamic menu and created a library item
from it. When I
>insert
> it into a new document (or update the library item) the
urls within it
> keep
> getting the prefix /library/ added and so don't work:
>
> original menu
> ===========
>
> <div id="lhsidemenu">
>
> <?php
require_once('Connections/ecommercetemplate_523.php'); ?>
> <?php
> mysql_select_db($database_ecommercetemplate_523,
$ecommercetemplate_523);
> $query_categorymenu = "SELECT sectionID, sectionName
FROM sections ORDER
> BY
> sectionName ASC";
> $categorymenu = mysql_query($query_categorymenu,
$ecommercetemplate_523)
> or
> die(mysql_error());
> $row_categorymenu = mysql_fetch_assoc($categorymenu);
> $totalRows_categorymenu = mysql_num_rows($categorymenu);
> ?>
> <?php do { ?>
>
<a href="products.php?cat=<?php echo
> $row_categorymenu['sectionID']; ?>" ><?php echo
> ucwords($row_categorymenu['sectionName']);
?></a></li>
> <?php } while ($row_categorymenu =
> mysql_fetch_assoc($categorymenu)); ?>
> <?php
> mysql_free_result($categorymenu);
> ?>
>
</div>
>
> Menu after becomin a library item
> ==========================
> 
> <div id="lhsidemenu">
>
> <?php
> require_once('
library/Connections/ecommercetemplate_523.php'); ?>
> <?php
> mysql_select_db($database_ecommercetemplate_523,
$ecommercetemplate_523);
> $query_categorymenu = "SELECT sectionID, sectionName
FROM sections ORDER
> BY
> sectionName ASC";
> $categorymenu = mysql_query($query_categorymenu,
$ecommercetemplate_523)
> or
> die(mysql_error());
> $row_categorymenu = mysql_fetch_assoc($categorymenu);
> $totalRows_categorymenu = mysql_num_rows($categorymenu);
> ?>
> <?php do { ?>
>
<a href="
library/products.php?cat=<?php echo
> $row_categorymenu['sectionID']; ?>" ><?php echo
> ucwords($row_categorymenu['sectionName']);
?></a></li>
> <?php } while ($row_categorymenu =
> mysql_fetch_assoc($categorymenu)); ?>
> <?php
> mysql_free_result($categorymenu);
> ?>
>
</div>
>
>
> doe anyone know how to resolve this? thanks
>

Spry Menu-overlapping submenu items

Hello,
I am new to Dreamweaver. I created a horizontal spry menu and one of my items has a submenu which contains two items. When I look at the page in live view or preview it in a browser, the two submenu items overlap. How do I fix this? I have tried playng around with the margin values for "ul menubarHorizontal ul ul" but I do not see any changes. Please help me! Thank you so much!

No way of knowing without seeing a link to your page.

Spacing of Spry Menu submenu items, and inserting background images

Hiya, need a bit of help, could someone possibly guide me with this?
I've created a Spry Menu in DW CS5 - so far, so good.. However I'm pretty new to CSS Styles so need pointers at what to change to get the result I need. I've created the spry menu, however the submenu dropdown items are not flush to the ones above, theres a 1px horz gap between each item and while it looks okay, its particularly visible in Firefox and Chrome and would prefer no spacing at all..
The live site is at http://www.ebm.co.uk/2011site/indexnavbar2.html
if you take a look at the drop down menu bar you'll see what i mean - what do I need to do to remove the spacing?
I also want to replace the solid colour with images, where do I specify the images for 1) top menu item 2) submenu item and 3) 'hover' item, and do I need to make any areas transparent?
Any advice would be much appreciated.. thanks!
Chris

This is a good place to start http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php.
Also this might help http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHorizontalMenuBarSample.h tml
Gramps

Templates & Library items - best practice

I've been having a bit of a heated discussion about how
templates and library items should be used on medium to large
websites.
I'm of the opinion that you should have 1 template (or as few
as possible) and any differences be managed with Library items.
My colleague's argument is you should have a different
template for each section, so for example 1 for the news, 1 for the
features section (for magazine sites) so that if you have a banner
section wide you change that template, as opposed to the way I'm
used to which would be 1 template with multiple library items in
the editable regions of the template, my reasoning for this is the
large amount of html used for each template (like rollovers) can
become inconsistent when there's more than one template. Like if
you change something site wide you have to remember to change all
of the templates, if you do this with a simple copy past DW can
still make corrupt code if you use multiple templates.
So basically I was wondering if there was a standard or best
practice way of doing this.
Thanks

Your colleague is mistaken IN MY OPINION. I think you are on
the right
track *unless* your section pages are *SO* different in
layout that you
cannot conveniently include all of the
alterations/permutations in a single
template page. Further, my current workflow is to rely
heavily on
server-side includes within template pages, as described here
Templates do make your life much easier. I use the following
scheme....
First, I mentally separate the page layout into three
sections:
1. Stuff that will not change for the life of the site (i.e.,
the basic
structural elements)
2. Stuff that *could* change from time to time (e.g.,
navigation elements,
burst advertisements, section-specific navigation, etc.)
3. Stuff that *will* change from one page to the next
Then I create a template containing all class1 elements. Next
I create
server-side include files containing all class 2 elements and
place them on
the template as needed. Note - some of the class 2 elements
may be
"section-specific elements", and their placement on the
template will be
subject to the next item. Finally, I insert editable regions
to cover the
class 3 items, INCLUDING the section-specific navigation.
This allows me to just cookie-cut the rest of the site. I
estimate that
even for fairly large sites, about 80% of my work goes into
planning and
creating this template file.
For what it's worth, I never use Library items....
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
==================
"tefnut" <[email protected]> wrote in
message
news:[email protected]...
> I've been having a bit of a heated discussion about how
templates and
> library
> items should be used on medium to large websites.
> I'm of the opinion that you should have 1 template (or
as few as possible)
> and
> any differences be managed with Library items.
> My colleague's argument is you should have a different
template for each
> section, so for example 1 for the news, 1 for the
features section (for
> magazine sites) so that if you have a banner section
wide you change that
> template, as opposed to the way I'm used to which would
be 1 template with
> multiple library items in the editable regions of the
template, my
> reasoning
> for this is the large amount of html used for each
template (like
> rollovers)
> can become inconsistent when there's more than one
template. Like if you
> change
> something site wide you have to remember to change all
of the templates,
> if you
> do this with a simple copy past DW can still make
corrupt code if you use
> multiple templates.
>
> So basically I was wondering if there was a standard or
best practice way
> of
> doing this.
>
> Thanks
>

Dreamweaver Stopped asking if I want to update Library Items and Templates

Hi All,
Using dreamweaver on a new project. Set up my Templates and library items and everything was fine - when I changed one a saved it a dialogue popped up and asked me if I wanted to update files. Suddenly the dialog box has stopped appearing and now I have to instigate it manually by going to modify->templates->update pages which is annoying and more time consuming.
Why has the automatic dialogue disappeared and how do i get it back?
Thanks

Sorry for the late reply. I'm still having the problem and appreciate the help. Attached is the requested screen shot. Everything is in order I think. Its a big site though and the whole thing won't fit in one screen shot. What are you looking for specifically?

Help with spry menu bar in liquid layout

I need help getting a spry menu bar with a 6-item list to stay in place in a liquid layout. Trying to get it horizontally under the header image. I am new to web design (new to html and code: reading books, searching web, and doing tutorials for many hours now), using CS4, working on a mac. You can view my trial page on cc-tn.com. I would appreciate any help offered!

Problem stems from the fact that your page is looking for files contained on your local hard drive instead of the web site.
<script src="file:///Macintosh HD/Users/Allison/CC Web/Templates/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///Macintosh HD/Users/Allison/CC Web/Templates/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
In addition, the links to PDF files are pointing to your local hard drive.
p><a href="file:///Macintosh HD/Users/Allison/CC Web/Documents/Foundations_one-page_green.pdf">Foundations</a> is a grammar-stage program for students K4 through sixth grade. Parents attend morning classes with their children as trained tutors model the tools of learning facts from a variety of interesting subjects. Students also participate in science and fine arts projects and practice public speaking each week.</p>
<p><a href="file:///Macintosh HD/Users/Allison/CC Web/Documents/Essentials-One-page.pdf">Essentials</a> is a dialectic-stage program for students in third through sixth grade. Trained tutors model the dialectic tools of learning in English grammar, writing, and math drills. Emphasis is placed on the development of writing skills that will enable students to become effective communicators through the written word. Classes meet in the afternoon following lunch.</p>
<p><a href="file:///Macintosh HD/Users/Allison/CC Web/Documents/Challenge_one-page.pdf">Challenge A & B</a> are dialectic-stage programs for seventh and eighth graders. Emphasis is placed on group discussion as students become more independent learners. Students focus on logic and debate.</p>
Did you define a local site folder in DW before you began this project? Without this critical first step, DW cannot correctly manage assets for you.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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
>

Relative referencing using library items

Hi,
I use a menu which is a library item. When the library item
is imported into the html pages, DW changes the relative references
to web pages. Specifically, a link to a page in the main directory
is changed from "../link.htm" to "/link.htm" as the library items
are located in a subdirectory to the main folder.
However, for the links to work, the code needs to be
"link.htm" for the link to work - the "/" confuses the browsers.
Is there any way of changing the settings in DW to not insert
the "/"?
Lotte

IF it is a plain html A HREF link in the library item, IF
it's the correct
path IN the .lbi file, dw will manage the path and it will
work anywhere in
the site.
Open the .lbi library item file.
do a link check, File-->Check Page-->Check Links.
fix any broken links so they work IN the .lbi file.
A second possible-
"../link.htm" to
"/link.htm"
/link.htm is a site root relative path.
IF /link.htm doesn't work- what should it be?
Does this site have it's own domain name, or is it hosted in
a subfolder of
another domain?
example urls with the broken links please if things aren't
clear.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

How to use a Spry Menu as a Library item?

Okay, this is my second post; but, with a different title.
I made a Spry menu for my Home Page. I saved it and a logo
together as a library item and placed the library item on a second
page. The links in the menu work when there is no style sheet
attached for the Spry meny and the menu appears just as text; but,
as soon as the .css style sheet for the menu is attached to the
second page, the menu appears correct except the drop down menus do
not work. I tried adding a link to the Spry Java Script file as it
is on the home page; still no luck.
I tried the same with a test file, which I have since
removed, stored at the same folder as the home page; same problem.
How are we suposed to make a workable library item with a
Spry Menu? Surely this is possible, no?
Here are the two pages I am referring to:
Good Page:
http://iculver.com/
Bad Page:
http://iculver.com/pages/AboutUs/Personal_info.html

Apologies - my mistake. You are correct, and my instructions
were
incomplete. That other bit is required too.
> Now, I thought (probably in error) that items after !--
were comments, but
> it
> seems to be required, too. I tried eliminating taht part
and the menus did
> not
> work. I need all of this last part.
The comments 'hide' the scripting from validators and older
browsers, but
it's still recognized as javascript, since the comments occur
INSIDE a
<script> tag.
> these Spry Menus in Libraries easier to use...)
It's not so hard once you get all the pieces together.
1. Create the library item as described.
2. Make sure that each page that is to carry this library
item has the
required links in the head (to the CSS and the js files), AND
in the body.
Why not use a template instead? That way, all of these links
are managed
for you.
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
==================
"JustBob" <[email protected]> wrote in
message
news:[email protected]...
> Hummm...
>
> Now, don't yell at me, okay? I'm a goLive switcher and
really a graphic
> designer, not a coder...
>
> So, It seems from the above message that I am to
establish the links to
> the
> script and the css file before inserting the library
item. But, either
> way,
> that didn;t do the trick for me. I did find a bit of
code in one of the
> pages
> that seems to be required.
>
> It seems I also need to insert this just before the
close of the body tag:
>
> <script type="text/javascript">
> 
> </script>
>
> Now, I thought (probably in error) that items after !--
were comments, but
> it
> seems to be required, too. I tried eliminating taht part
and the menus did
> not
> work. I need all of this last part.
>
> I'm sorry I'm such a dope. I probably did something
funny when I was
> styling
> the menu. (I do hope Adobe can accommodate dopes lime
me, though, and make
> these Spry Menus in Libraries easier to use...)
>
> Thanks for all of your help! Really!
>

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.

Spry Menu w/ templates or library items

Similar Messages

Maybe you are looking for