possible to move the breadcrumb trail?

[dominik]

is it possible to move the breadcrumb trail?

by breadcrumb trail, i'm referring to:
dominik > Events > Polish Wedding December 2004 > 2004-12-26

I'd like to integrate it into my own custom header and sub out the > with my own graphic, as well as replace dominik with photos.dominik.net.

Is this possible?

[Andy]

is it possible to move the breadcrumb trail?

by breadcrumb trail, i'm referring to:
dominik > Events > Polish Wedding December 2004 > 2004-12-26

I'd like to integrate it into my own custom header and sub out the > with my own graphic, as well as replace dominik with photos.dominik.net.

Is this possible?


I've only seen people remove it, not move it.

[Mike Lane]

is it possible to move the breadcrumb trail?

by breadcrumb trail, i'm referring to:
dominik > Events > Polish Wedding December 2004 > 2004-12-26

I'd like to integrate it into my own custom header and sub out the > with my own graphic, as well as replace dominik with photos.dominik.net.

Is this possible?

Moving it is easy but there are caveats. The "add photos" and "slideshow" buttons are in the same element as the breadcrumb text. That means that those buttons go where your breadcrumb goes. Your breadcrumb is a child element of the body tag unless you have a site wrapper. So here's how I'd approach it. Create a site wrapper by opening a div at the start of your head tag and give it an id and put the ending </div> at the very end of your footer. Make sure that you position the site wrapper (set the position to something other than static) and assign a width so it isn't as wide as the viewport. Next create your header element but in the CSS add in padding to the bottom of that element that will hold the breadcrumb (or the top or wherever you're going to put it). Then add in position:absolute to the breadcrumb and position it off the top left corner of the site wrapper. I'm not sure if this will help you out all that much but maybe someone else can help you interpret what I'm talking about here.

The dominick part is simply your username. You can go in and change your nickname to photos.dominick.net and set the smugmug up to display your nickname. If you don't want it on your home page it's easy to hide the username and word "home" from the homepage. There are probably a dozen threads about that on dgrin (if not more).

I don't know of any way to change the ">" to an image or anything else. Perhaps a javascripter could teach us how to manipulate the DOM (if possible) to find the ">" characters and then wrap them in their own span with a specific class and then you can do whatever you want with them by simply manipulating the span.whatever in your CSS.

[dominik]

Moving it is easy but there are caveats. The "add photos" and "slideshow" buttons are in the same element as the breadcrumb text. That means that those buttons go where your breadcrumb goes. Your breadcrumb is a child element of the body tag unless you have a site wrapper. So here's how I'd approach it. Create a site wrapper by opening a div at the start of your head tag and give it an id and put the ending </div> at the very end of your footer. Make sure that you position the site wrapper (set the position to something other than static) and assign a width so it isn't as wide as the viewport. Next create your header element but in the CSS add in padding to the bottom of that element that will hold the breadcrumb (or the top or wherever you're going to put it). Then add in position:absolute to the breadcrumb and position it off the top left corner of the site wrapper. I'm not sure if this will help you out all that much but maybe someone else can help you interpret what I'm talking about here.

The dominick part is simply your username. You can go in and change your nickname to photos.dominick.net and set the smugmug up to display your nickname. If you don't want it on your home page it's easy to hide the username and word "home" from the homepage. There are probably a dozen threads about that on dgrin (if not more).

I don't know of any way to change the ">" to an image or anything else. Perhaps a javascripter could teach us how to manipulate the DOM (if possible) to find the ">" characters and then wrap them in their own span with a specific class and then you can do whatever you want with them by simply manipulating the span.whatever in your CSS.
Thanks, I'll try messing around with it in a bit and see what I can come up with :)