PDA

View Full Version : Navbar where the toolbar used to be? and more

Asaf
May-25-2008, 09:11 PM
Hi all,
I'm learning a lot from the forums here and I'm finally through a lot of the FAQs and tutorials. Even so, I still have a few newbie questions that I'm hoping to get some help with.

1. I've created a navbar with a few elements that shows up how I wanted it but not in the right place all the time. I hacked it to pop up to the top near the search box where the toolbar used to be but it obviously doesn't move around when the gallery view is up and stretched. It just stays near the center. Any hints or help on how to place my navbar links where the toolbar used to be?
2. My homepage slideshow isn't centered and isn't transparent. It shows up with a wider box than any photo showing and also has this gray background between the photos and the edges. Do I need to recrop the photos I want to the exact size of the slideshow? (minus the border)
3. in the control panel where I can change how my name is displayed I've got a weird behavior where if I click change it asks me to log in, accepts the username/pw and puts me at the page to go to where I was browsing or my homepage. When I try to go where I was browsing, it reprompts me for creds. What did I break?
4. When I load up my pages I can see the javascript running as the page finishes loading and the toolbar pipes get removed and the categories get renamed to galleries. Any reason that happens? can I make it smoother?

I'm including a snippet of all the relevant CSS and HTML to my knowledge.
Thanks,
Asaf

CSS:
#navcontainer ul {
position: relative;
top: -40px;
right: -40px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000;
}

#navcontainer ul li a:hover {
color: #996;
background-color: #000;
}


#toolbar a.nav {
display: none;
}

Header:
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/galleries">GuestbookTODO</a></li>
</ul>
<p>
</div>


Footer Javascript:
function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");


// removes the pipes characters in the toolbar header
YE.onAvailable('toolbar', function(e) {
this.innerHTML = this.innerHTML.replace(new RegExp(/\|/g),"");
});


Bio block:
<html>
********>
var ssConfig = {
AlbumID: 'myalbumnumber',
newWindow: 'false',
transparent: 'true',
splash: '/photos/myphotonumber-O.png',
showLogo: 'false',
clickUrl: '/galleries',
showThumbs: 'false',
showButtons: 'false',
crossFadeSpeed: '350',
borderThickness: '4',
borderColor: '999966'
};

SM.flash.insertSlideshow(600, 400, ssConfig, 'transparent');
</********
</html>
denisegoldberg
May-26-2008, 03:14 AM
If you'd really like help, you need to give us your site URL. If your site is not visible it's pretty difficult to help.

You can put it in your post, but I'd really recommend that you add it to your signature so that it's always shown. To do that, click You! above and to the left, then Edit Signature.

--- Denise
Asaf
May-26-2008, 06:57 AM
If you'd really like help, you need to give us your site URL. If your site is not visible it's pretty difficult to help.


http://asaf.smugmug.com

BTW: ignore question #3 as it seems that a logout and relogin cleaned up the issue I was having. (I'm not sure why but it allows me into the control panel settings again)
DrDavid
May-26-2008, 10:34 AM
Your slideshow is transparent. It's the background of the biobox that is grey.. Did you want THAT changed?

To center.. Add this to your CSS


#userBio { text-align: center; }

BTW, you need to get a custom hostname. Makes things much nicer.. (and now that power users can do it, there's no reason not to!)

David
Asaf
May-26-2008, 11:47 AM
Thanks David! As soon you said it's the bio background I smacked my head for not paying enough attention when I was looking at it with the IE dev bar. Doh!

So that helped me fix question #2. #3 is gone. Leaving 1 & 4. Any help there?

1. I've created a navbar with a few elements that shows up how I wanted it but not in the right place all the time. I hacked it to pop up to the top near the search box where the toolbar used to be but it obviously doesn't move around when the gallery view is up and stretched. It just stays near the center. Any hints or help on how to place my navbar links where the toolbar used to be?
4. When I load up my pages I can see the javascript running as the page finishes loading and the toolbar pipes get removed and the categories get renamed to galleries. Any reason that happens? can I make it smoother?

Thanks again.