Breadcrumbs in Dreamweaver CC

Does Dreamweaver has any tool to build, create or generate breadcrumbs automatically, without the need of typing everything? Or any good third party? Thanks a lot.

Hi Mario,
Found a tutorial that could help you Create Breadcrumb Links | Using Dreamweaver
Thanks,
Preran

Similar Messages

Dreamweaver CC selector Breadcrumbs

Hello,
Is anyone else having a problem with the breadcrumbs style navigation at the bottom of Dreamweaver CC?
This worked fine in CS6 before I updated my programs on the Cloud. When I click on a div, it no longer highlights that section of code in the HTML. Is this a bug?
Thank you.

Oh, well, it seems to be working now! It's very hit and miss. Sometimes it works and sometimes it doesn't. I can try and restore my preferences and see if it becomes more consistent. Has anyone else had trouble using it?

File Causing Dreamweaver Crash

I have a file that is causing Dreamweaver CS3 Windows to
crash when in design view. I've tried it on a friend's machine
(also has CS3), and same result. File works fine on the web, and I
can edit it in code view with no problem. I am assuming something
is the CSS code isn't right, but I can't imagine what would cause
Dreamweaver to blow up. It should be noted that if I remove all but
TWO of the items contained within <div
class="auction"></div>, that fixes it. But if I add
another <div>, boom! I can't figure it out and it's making me
nuts. Here is the style sheet:
body, ul, li, a, img, h1 {
margin: 0;
body {
background: #E6E2CE;
text-align: center;
color: #403F39;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, Verdana,
sans-serif;
font-weight: normal;
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: medium;
color: #807E73;
padding-bottom: 15px;
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: small;
color: #403F39;
.indent {
padding: 20px 0 0 60px;
.highlight {
font-weight: bold;
.highlight-color {
font-weight: bold;
color: #981B1E;
.caption {
font-size: x-small;
a:link {
color: #403F39;
a:visited {
color: #981B1E;
a:hover {
color: #807E73;
a:active {
color: #403F39;
.tagline {
font-size: medium;
font-family: "Trebuchet MS", Arial, Helvetica, Verdana,
sans-serif;
font-weight: bold;
color: white;
.tagline-sub {
color: white;
font-size: x-small;
font-weight: bold;
.main-copy {
padding: 0 60px 0 60px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: medium;
line-height: 150%;
img.toplogo {
border-style: none;
width: 231px;
height: 65px;
img.thumb {
float: left;
margin: 0 15px 10px 0;
border: 1px solid #807E73;
width: 125px;
height: 80px;
img.poster {
margin: 0;
padding: 0;
border: 1px solid #807E73;
height: 233px;
width: 180px;
img.brofull {
width= 475px;
height= 615px;
border: 1px solid #807E73;
img.brofullh {
width= 475px;
height= 367px;
border: 1px solid #807E73;
img.brothumb {
width= 100px;
height= 129px;
border: 1px solid #807E73;
img.brothumbhz {
height= 100px;
width= 129px;
border: 1px solid #807E73;
img.brochure {
height: 259px;
width: 200px;
border: 1px solid #807E73;
img.brochure a:link {
text-decoration: none;
border: none;
img.proppic {
border: 1px solid #807E73;
width: 500px;
height: 369px;
img.proppicvert {
border: 1px solid #807E73;
width: 369px;
height: 500px;
img.moreInfo {
float: right;
margin: 0 15px 10px 0;
border: 1px solid #807E73;
width: 80px;
height: 12px;
/** TOP BANNER **/
#top-container {
margin: 0;
padding: 0;
background: black url(images/top-wrapper_bg.gif) repeat-x;
height: 68px;
#top {
width: 780px;
margin: 0 auto;
#top-left {
float: left;
text-align: left;
#top-right {
float: left;
padding: 0 0 0 100px;
margin: 0;
text-align: center;
/** END OF TOP BANNER **/
/** TOP NAVIGATION **/
#navcontainer ul {
text-align: center;
padding: 5px 0 5px 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background: #807E73 url(images/nav_bg1.gif) repeat-x;
font-size: small;
width: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
border-bottom: 1px solid orange;
#navcontainer ul li {
display: inline;
padding: 5px 0 5px 0;
/* matches link padding except for left and right */
#navcontainer ul li a {
padding: 0.5em 0.6em 0.5em 0.6em;
color: white;
text-decoration: none;
border-right: 1px solid #807E73;
#navcontainer ul li a:hover {
color: #403F39;
text-decoration: underline;
#navcontainer #current {
color: #403F39;
padding: 0.5em 0.6em 0.5em 0.6em;
text-decoration: none;
border-right: 1px solid #807E73;
.left {
border-left: 1px solid #807E73;
#breadcrumbs {
width: 100%;
font-size: x-small;
padding: 2px 0 2px 0;
border-bottom: 1px dotted #bfbcac;
#breadcrumbs-no-line {
width: 100%;
font-size: x-small;
padding: 2px 0 2px 0;
/** END OF TOP NAVIGATION **/
/** MAIN CONTENT **/
#content-container {
width: 780px;
margin: 0 auto;
padding: 0;
font-size: small;
text-align: left;
#content-left {
float: left;
width: 220px;
margin: 0;
padding: 0 5px 0 15px;
#content-right {
float: left;
width: 520px;
margin: 0;
padding: 0 0 0 15px;
background: #FFFBE5;
#content-right-1 {
float: left;
width: 170px;
margin-right: 5px;
#content-right-2 {
float: left;
width: 300px;
margin: 0;
padding: 0 5px 0 10px;
border-left: 1px dotted #bfbcac;
.container {
min-height: 600px;
height: auto;
/* for Internet Explorer*/
* html .container {
height: 600px;
.content-box {
float: left;
padding: 20px 0 0px 0;
.content-box-2 {
float: left;
padding: 5px 0 0px 0;
#mailbox {
font-size: small;
padding-right: 10px;
margin: 0;
border-bottom: 1px dotted #bfbcac;
.auction {
border-bottom: 1px dotted #bfbcac;
float: left;
padding: 5px;
margin: 5px 5px 5px 0;
width: 95%;
.container-headline {
text-align: center;
padding: 10px 0 5px 0;
margin: 0;
border-bottom: 1px solid #bfbcac;
/**.container-headline {
text-align: center;
padding: 10px 0 5px 0;
margin: 0;
border-bottom: 1px solid #bfbcac;
border-top: 1px solid #bfbcac;
background-color: #bfbcac;
#content-photo {
float: right;
margin: 10px 30px 10px 10px;
#content-left ul {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: small;
list-style-type: none;
#content-left li {
line-height: 120%;
ul.items {
padding: 0 0 0 10px;
margin: 0;
list-style-image: none;
list-style-type: disc;
ul.summary {
padding: 0 0 0 25px;
margin: 0;
list-style-image: url(images/redBullet.jpg);
list-style-position: outside;
#content-right-1 li {
padding-bottom: 10px;
/** END OF MAIN CONTENT **/
/** PHOTO GALLERY **/
#gallery {
float: left;
margin: 0;
padding: 15px;
width: 70%;
.classicthumbv {
float: left;
padding: 10px 20px 10px 0;
width: 140px;
height: 200px;
.classicthumbh {
float: left;
padding: 10px 20px 10px 0;
width: 140px;
height: 200px;
/** END OF PHOTO GALLERY **/
/** FOOTER **/
#footer-container {
clear: both;
width: 100%;
margin: 0;
font-size: x-small;
padding: 25px 0 5px 0;
text-align: center;
border-top: 1px dotted #bfbcac;
#footer-container a {
#footer-container a:hover {
#footernav li {
display: inline;
list-style-type: none;
padding-right: 20px;
/** END OF FOOTER **/
.highlight-blue {
font-weight: bold;
color: #0066CC;
.highlight-green {
font-weight: bold;
color: #009900;
font-style: italic;
font-size: medium;
.col2head {
font-size:11pt;
font-weight:bold;
.col2subhead {
font-size:11pt;
color:#981B1E;
font-weight:bold;
.highlight-caption {
color: #981B1E;
font-size: x-small;
td.postponed {
color: #FF0000;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
border-left:thick;
border-right:thick;
border-top:thick;
border-left-color:#FF0000;
border-right-color:#FF0000;
border-top-color:#FF0000;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
padding-top:8px;
padding-bottom:2px;
background-color:#FFFFCC;
td.postponedText {
border-left:thick;
border-right:thick;
border-bottom:thick;
border-left-color:#FF0000;
border-right-color:#FF0000;
border-bottom-color:#FF0000;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
padding-left:12px;
padding-right:12px;
padding-bottom:8px;
text-align:center;
background-color:#FFFFCC;
.highlight-red {
font-weight: bold;
color: #FF0000;
font-size:18px;
td.on {
color: #006633;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
border-left:thick;
border-right:thick;
border-top:thick;
border-left-color:#006633;
border-right-color:#006633;
border-top-color:#006633;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
padding-top:8px;
padding-bottom:2px;
background-color:#FFFFCC;
td.onText {
border-left:thick;
border-right:thick;
border-bottom:thick;
border-left-color:#006633;
border-right-color:#006633;
border-bottom-color:#006633;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
padding-left:12px;
padding-right:12px;
padding-bottom:8px;
text-align:center;
background-color:#FFFFCC;
.headings {
font-size:16pt;
color:#006600;
font-weight:bold;

the are crashing in dreamweaver, but work fine in a
browser.

PHP, MySQL, Breadcrumbs and URL Parameters

I'm working with several InterAKT extensions to buid a
dynamic site. I have everything working except for Breadcrumbs --
which are actually working except that I need to change the URL
parameter which they are passing WITHOUT altering the recordset
(which breaks the functionality).
The site is constructed to include friendly URLS, so although
all pages are loaded by PK of their category, I've used CONCAT()
and REPLACE() along with Server-Side Includes from my Table (SSI
from InterAKT) to generate my URLS.
Example:
category_ctg TABLE
id_ctg name_ctg
1 Jelly Beans
2 Vanilla Nut Crunch Bar
etc.
For my dynamic menus and my hyperlinks, I pull from the db
like this:
SELECT *, CONCAT(REPLACE(name_ctg, ' ', '-'), '?id_ctg=',
id_ctg) AS newurl FROM category_ctg
This gives me a URL of
index.php/Vanilla-Nut-Crunch-Bar?id_ctg=2
(I also pull from the name_ctg field for my page titles and menu
names, etc., without the CONCAT() so they read without the '-')
But, with MX Breadcrumbs I'm limited to the way the php is
hard-coded in terms of which fields are included: (id_ctg,
id_parent_ctg and name_ctg) because the breadcrumbs are generated
from a recordset.inc.php file.
I can succesfully use the Breadcrumbs "out-of-the-box" and
end up with this URL:
index.php?id_ctg=2
My code for above looks like this:
<?php if ($totalRows_Breadcrumbs > 0) { // Show if
recordset not empty ?>
> <a href="index.php?id_ctg=<?php echo
$row_Breadcrumbs['id_ctg']; ?>"><?php echo
$row_Breadcrumbs['name_ctg']; ?></a>
<?php } // Show if recordset not empty ?>
and while it works, it's loading a different URL than all my
other menus and links.
Alternatively, I can include the catgeory_ctg.name_ctg
dynamic binding like this:
<?php do { ?>
<?php if ($totalRows_Breadcrumbs > 0) { // Show if
recordset not empty ?>
> <a href="<?php echo
$row_Breadcrumbs['name_ctg']; ?>?id_ctg=<?php echo
$row_Breadcrumbs['id_ctg']; ?>"><?php echo
$row_Breadcrumbs['name_ctg']; ?></a>
<?php } // Show if recordset not empty ?>
<?php } while ($row_Breadcrumbs =
mysql_fetch_assoc($Breadcrumbs)); ?>
which gives me a URL of:
index.php/Vanilla%20Nut%20Crunch%20Bar?id_ctg=9
Since I can't use CONCAT() value within my script and I can't
have "%20" in my URLs, I'm trying to find a way of turning my URL
into:
index.php/Vanilla-Nut-Crunch-Bar?id_ctg=2
Is there a way to include the CONCAT() function in the PHP
script that's generating the URL?
I've tried using variables in the header to call for a
consistent URL, without any luck.
Please keep in mind that my strong suit is design and that my
working knowledge of PHP and MySQL are limited to what I can
understand and re-create. I've been pulling out my hair for days on
this, so some guidance would be
greatly appreciated.

The code generated by the Dreamweaver recordset navigation bar automatically adds any existing variables to the end of the query string. The following code (just above the DOCTYPE) comes from a recordset navigation bar on one of my pages:
$queryString_listAuthors = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
    if (stristr($param, "pageNum_listAuthors") == false &&
        stristr($param, "totalRows_listAuthors") == false) {
      array_push($newParams, $param);
if (count($newParams) != 0) {
    $queryString_listAuthors = "&" . htmlentities(implode("&", $newParams));
$queryString_listAuthors = sprintf("&totalRows_listAuthors=%d%s", $totalRows_listAuthors, $queryString_listAuthors);
I haven't tested this, but to eliminate the extra variables in the query string, comment out the whole of the if statement like this:
$queryString_listAuthors = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
    if (stristr($param, "pageNum_listAuthors") == false &&
        stristr($param, "totalRows_listAuthors") == false) {
      array_push($newParams, $param);
if (count($newParams) != 0) {
    $queryString_listAuthors = "&" . htmlentities(implode("&", $newParams));
$queryString_listAuthors = sprintf("&totalRows_listAuthors=%d%s", $totalRows_listAuthors, $queryString_listAuthors);
You will need to do that for each of your recordset navigation bars.

Breadcrumbs

Hi,
I have been trying to add breadcrumbs to my pages using
dreamweaver 8. I am aware that there are templates in snippets. but
it appears as if the only way of using them is to place them on
every page, manually changing the coding of each. Is this correct
or am i missing something? I went into the developer center and
there was some stuff about PHP and javascript and server includes
but unfortunately I'm a little weak in this area, but willing to
learn if its straight forward.
Anyone got any ideas?

Hi,
I have been trying to add breadcrumbs to my pages using
dreamweaver 8. I am aware that there are templates in snippets. but
it appears as if the only way of using them is to place them on
every page, manually changing the coding of each. Is this correct
or am i missing something? I went into the developer center and
there was some stuff about PHP and javascript and server includes
but unfortunately I'm a little weak in this area, but willing to
learn if its straight forward.
Anyone got any ideas?

Can breadcrumb navigation be built in DW using the Behaviors panel?

I don't know enough javascript to code breadcrumb navigation, and I'm hoping that there is way
to create breadcumb navigation using the behaviors panel, or some other feature in DW.
Thanks!

Hi,
there are some possibilities to insert breadcrumbs, one of them is a download extension from
http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=breadcrumbs&search_exchange=3& search_category=-1&search_license=&search_rating=&search_platform=0&search_pubdate=&Submit =Submit&num=10&startnum=1&event=search&sort=0&dummy_tmpfield=
or
http://www.kaosweaver.com/extensions/details.php?id=6
or if you need only some informations you could look here:
Breadcrumb
http://irt.stanford.edu/webauthor/training/dreamweaver/breadcrumbs.html
http://www.devarticles.com/c/a/Web-Services/How-to-Build-a-Dynamic-Breadcrumbs-Extension-f or-Macromedia-Dreamwever-MX/1/
http://www.webstool.de/de/tipps_navig_breadbeisp.html (German language, but comprehensibly anyway I think)
Hans-G.

Breadcrumb trail/

Hi, I'm currently working with SharePoint and wondered if
it's possible to have a 'breadcrumb trail'-type navigation in
Dreamweaver?

Or here -
http://www.divahtml.com -->
DivaGPS
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"FreakyJesus" <[email protected]> wrote in
message
news:fk5oc4$k51$[email protected]..
> Try here:
>
http://www.kaosweaver.com/extensions/
>
> I use a few extensions from these guys; they are pretty
good.
>
> Andy

Home / Support / Forums / Dreamweaver Support Forums /

Home/Support/Forums/Dreamweaver Support Forums/
There is any auto way in "dmwr mx 2004" to make:
when browse to a subpage far from home page appears a tree
with links to each page in the way to final page, this you are now
except this current page like:
Home / Support / Forums / Dreamweaver Support Forums / , for
current page I am writting now ?

DW has an extension called breadCrumbs
"123polis123" <[email protected]> wrote in
message
news:eurjbd$3a$[email protected]..
> Home/Support/Forums/Dreamweaver Support Forums/
>
> There is any auto way in "dmwr mx 2004" to make:
> when browse to a subpage far from home page appears a
tree with links to
> each
> page in the way to final page, this you are now except
this current page
> like:
>
> Home / Support / Forums / Dreamweaver Support Forums / ,
for current
> page
> I am writting now ?
>
>

Understanding cloak issues in dreamweaver CC

I am using dreamweaver CC and when I try to cloak a dependent file is still gets put ... however, if I add .php to the list of cloaked file types it works ok, but of course no other .php file gets put either.
The file I cloaked is in a folder that I cloaked so was wondering if there were any issues with cloaking in CC?
thanks in anticipation ...

OK. I just did a cloaking test on my site using 2 PHP files. The parent page contains a server-side include:
<?php require_once('../Includes/breadcrumb.php'); ?>
In Files Panel, I right clicked my include file, breadcrumb.php and selected Cloaked. Icon has a red slash through it, denoting the file is cloaked.
I uploaded my parent php page & was prompted by DW to PUT dependent files. I hit YES.
I checked my remote server, the cloaked file was not uploaded.
This is how it is supposed to work.
If you're not having the same results, try clearing your cache
http://forums.adobe.com/thread/494811
If that doesn't help, try Restore Preferences
http://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver-cs4-cs5.html
Nancy O.

Adobe Bridge Buttons in Dreamweaver, Flash, and Fireworks?

Hello,
Adobe says that the button to connect to Adobe bridge is in
every CS3 application. I can find it in Photoshop, Illustrator, and
even Contribute, a former Macromedia project, but none of the other
Macromedia projects (Dreamweaver, Flash, Fireworks) have one. Am I
missing it, or is this a glitch?
Thanks,
Dylan

Go to Edit > Prefs > Enable Version Cue. Once you do
that look in the lower left corner of the flash
application - you should see "Open" with an arrow. Clicking
on it will popup "Reveal in Bridge" button.
Chris Georgenes / mudbubble.com / keyframer.com / Adobe
Community Expert
Dylnuge wrote:
> Hello,
>
> Adobe says that the button to connect to Adobe bridge is
in every CS3
> application. I can find it in Photoshop, Illustrator,
and even Contribute, a
> former Macromedia project, but none of the other
Macromedia projects
> (Dreamweaver, Flash, Fireworks) have one. Am I missing
it, or is this a glitch?
>
> Thanks,
> Dylan
>

Dreamweaver 6 - Images going in to wrong folder

In older versions of Dreamweaver I was able to specify the default images folder for a site. I can't find a place to do that in Dreamweaver 6 and images inserted from outside the designated site are ending up in the main (html) folder instead of the images folder so I have to manually move them to keep things organized the way I want them. How do I get Dreamweaver 6 to behave like older versions and put the images where I want them in the first place?
Thank you.

Sorry - I found it right where it *used* to be.
I misread the default images folder as the default root folder & went right by it.

Use VBA and Excel to open Dreamweaver HTML (CS5), find and replace text, save and close

I wish to use VBA and Excel to programmatically open numbered Dreamweaver HTML (CS5) and find and replace text in the code view of these files, save and close them.
I have 5000 associations between Find: x0001 and Replace: y0001 in an Excel sheet.
I have the VBA written but do not know how to open, close and save the code view of the ####.html files. Please ... and thank you...
[email protected]

This is actually the code view of file ####.html that I wish to find and replace programmatically where #### is a four digit number cataloguing each painting.... In 1995 I thought this was clever... maybe not so clever now :>)) Thank you for whatever you can do Rob!
!####.jpg!
h2. "Name####"
Oils on acrylic foundation commercial canvas - . xx X xx (inches) Started
Back of the Painting In Progress </p> </body> </html>
Warmest regards,
Phil the Forecaster, http://philtheforecaster.blogspot.ca/ and http://phils-market.blogspot.ca/

How do i remove image links to adobe site with my dreamweaver built flash gallery ?

This is probably a very simple solution, but i can't figure out how to remove the link to the adobe site when you click on the images in my gallery--I built a site in dreamweaver used the insert media option and added my photos---when uploaded, my images in the gallery are clickable and take you to the adobe site...how do i make the images have no link??
here is an example of one of the pages...
http://geckoweb.org/coleonyx-brevis.html
any help is really really appreciated.
thanks in advance

Which version of DW are you running?
There are plenty of jQuery solutions and commercial plugins to create photo galeries.
Some require hand coding,
http://www.typeerror.com/index.php/top-10-latest-jquery-image-galleries/
https://www.google.com.au/search?q=jquery+photo+galleries
others are point and click inside Dreamweaver.
http://www.projectseven.com/products/galleries/index.htm

Is there a way to create a web photo album with Dreamweaver CS5.5?

I used this command in earlier versions of Dreamweaver, but have not had any luck finding a remedy for CS5.5....Appreciate advice.

Please post in the Dreamweaver forum here http://forums.adobe.com/community/dreamweaver/dreamweaver_general. They will be able to help you.

Weird boxes in code view from Dreamweaver 8 to Dreamweaver MX

I have Dreamweaver 8 and my coworker has Dreamweaver MX. I
have an XML document save from Dreamweaver 8. When the document is
opened in Dreamweaver MX, there are alot of little boxes thrown in
throughout the code. For example commented code has a box after
each letter and each new line of code has a box at the start.
Here's an example of what I mean. (I will use "O " instead of
a box, because I don't know how to insert a box)
Dreamweaver 8:

Dreamweaver MX:
O<O!O-O-OHOeOlOloO OtOhOiOsO OiOsO OmOyO OcOoOdOeO
O-O-O>
As you can see this make the code virtually unreadable.
Does anyone know a way around this issue?
Thanks

I figured it out myself. For anyone else that encounters this
problem the solution is to. Open the document in WordPad and then
save it as a "text document". Then reopen it in Dreamweaver MX and
the little boxes are gone.

Breadcrumbs in Dreamweaver CC

Similar Messages

Maybe you are looking for