PDA

View Full Version : Customization help

gregt1310
Aug-18-2007, 07:28 AM
Hello,

I am needing to change the customization of my site. Currently I use the Sports category and the football or basketball as a subcategory. I need to add another menu item for the school year (2006-2007, 2007-2008).

What is the best way to accomplish this?

Also, I really like the way Allen's (www.photosbyat.com) navbar is setup. If I went that route, I could have a multi-row menu with each sport as a separate category and use the years as a subcategory? Would that be possible? If so, what type of code would I use to achieve this look?

Thanks,
Greg Thomas
gregt1310.smugmug.com
Allen
Aug-18-2007, 10:04 AM
Hello,

I am needing to change the customization of my site. Currently I use the Sports category and the football or basketball as a subcategory. I need to add another menu item for the school year (2006-2007, 2007-2008).

What is the best way to accomplish this?

Also, I really like the way Allen's (www.photosbyat.com (http://www.photosbyat.com)) navbar is setup. If I went that route, I could have a multi-row menu with each sport as a separate category and use the years as a subcategory? Would that be possible? If so, what type of code would I use to achieve this look?

Thanks,
Greg Thomas
gregt1310.smugmug.com
It's all based on this page (http://allen-steve.smugmug.com/gallery/2011077). First step is make a tree of how you want the
menu and what would drop under each. If you have any difficultly
figuring it out post the tree back here and I can slam it together for you.

Or we can view you site and troubleshoot after you put something in.
gregt1310
Aug-18-2007, 10:33 AM
It's all based on this page (http://allen-steve.smugmug.com/gallery/2011077). First step is make a tree of how you want the
menu and what would drop under each. If you have any difficultly
figuring it out post the tree back here and I can slam it together for you.

Or we can view you site and troubleshoot after you put something in.

Took a look at the page, and that will probably take me a while. In the meantime, I would just like to add the school year flyouts under the Galleries | Sports area.

So it would look like: Galleries - Sports - Football (flyout) --> 2006-2007 and (flyout) --> 2007 - 2008.

Same for Basketball, Track, and Cheer.

Could you help me with the code for that??

Thanks!
Allen
Aug-18-2007, 10:58 AM
Took a look at the page, and that will probably take me a while. In the meantime, I would just like to add the school year flyouts under the Galleries | Sports area.

So it would look like: Galleries - Sports - Football (flyout) --> 2006-2007 and (flyout) --> 2007 - 2008.

Same for Basketball, Track, and Cheer.

Could you help me with the code for that??

Thanks!
Sure, hang on a while.:D

Back :D
How's this?

...
...
<!-- Next Main Menu Item -->
<li><a class="drop" href="http://gregt1310.smugmug.com/galleries" title="Galleries">Galleries
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="http://gregt1310.smugmug.com/Sports" title="Sports Category">Sports»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="/Sports/231492" title="Football Galleries">Football»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="">2006-2007</a></li>
<li><a href="#" title="">2007-2008</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="http://gregt1310.smugmug.com/Sports/253956" title="Basketball Galleries">Basketball»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="">2006-2007</a></li>
<li><a href="#" title="">2007-2008</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="http://gregt1310.smugmug.com/Sports/231493" title="Track Galleries">Track»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
<li><a href="#" title="">2006-2007</a></li>
<li><a href="#" title="">2007-2008</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="http://gregt1310.smugmug.com/Sports/231801" title="Cheerleading Galleries">Cheer»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="">2006-2007</a></li>
<li><a href="#" title="">2007-2008</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li><a class="drop" href="http://gregt1310.smugmug.com/Dance" title="Dance Category">Dance»
...
...
gregt1310
Aug-18-2007, 11:32 AM
That seemed to do the trick.

Thanks for the quick response Al!!

Now I just need to tackle the customization page you sent me..... LOL

Thanks!
Allen
Aug-18-2007, 01:54 PM
That seemed to do the trick.

Thanks for the quick response Al!!

Now I just need to tackle the customization page you sent me..... LOL

Thanks!
The page I reference shows how the links are nested. You already had that
in your nav. It was just a matter of expanding a link for another drop level.
gregt1310
Aug-18-2007, 07:26 PM
The page I reference shows how the links are nested. You already had that
in your nav. It was just a matter of expanding a link for another drop level.

Well... I still seem to be having trouble with the code that you provided Al.

It works fine in Firefox. IE (ver 6) is giving me problems. The navbar seems all out of whack in IE.

Can someone help??

Thanks!
Allen
Aug-18-2007, 07:33 PM
Well... I still seem to be having trouble with the code that you provided Al.

It works fine in Firefox. IE (ver 6) is giving me problems. The navbar seems all out of whack in IE.

Can someone help??

Thanks!
I'll look at it. Be back.
Allen
Aug-18-2007, 07:42 PM
Well... I still seem to be having trouble with the code that you provided Al.

It works fine in Firefox. IE (ver 6) is giving me problems. The navbar seems all out of whack in IE.

Can someone help??

Thanks! You're missing the class="drop", see red.
Also on ones with no drop just end them with </a></li>.
Also missing the red after the last </ul>.


<!-- Next Main Menu Item -->
<li><a class="drop" href="http://gregt1310.smugmug.com/popular/" title="Our most popular photos!">Popular
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://gregt1310.smugmug.com/popular/" title="The 20 top photos">Top 20 Photos</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!-- Next Main Menu Item -->
<li><a href="http://gregt1310.smugmug.com/gallery/1907713" title="Extra! Extra!">News</a></li>
<!-- Next Main Menu Item -->
<li><a href="http://gregt1310.smugmug.com/gallery/1897916" title="Please sign our guestbook!">Guestbook</a></li>
<!-- Next Main Menu Item -->
<li><a href="http://gregt1310.smugmug.com/gallery/1907777" title="About the photographer">Photographer</a></li>
<!-- Next Main Menu Item -->
<li><a href="http://gregt1310.smugmug.com/gallery/1907815" title="Our Guarantee">Guarantee</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
<!-- End Navbar Code -->
gregt1310
Aug-18-2007, 07:47 PM
I'll give it a whirl Al.

Thanks for the quick response!!
gregt1310
Aug-18-2007, 07:59 PM
Al, got the stuff in red, no problem.

Not sure about this though:
Also on ones with no drop just end them with </a></li>.

I added it to the end of the no drop lines, but IE is still giving me fits.

Did I get the </a></li> in the right place??

Thanks for all the help.
Allen
Aug-18-2007, 08:14 PM
Al, got the stuff in red, no problem.

Not sure about this though:
Also on ones with no drop just end them with </a></li>.

I added it to the end of the no drop lines, but IE is still giving me fits.

Did I get the </a></li> in the right place??

Thanks for all the help.
If you look close at what I posted I deleted these IE hack lines.

<!--[if IE 7]><!--><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

They are not needed if there's no drop.
gregt1310
Aug-18-2007, 08:21 PM
OK... so I deleted the IE hack lines.

I'm still seeing issues. I know it's late, and you probably have better things to do.... but can you set me straight??

Thanks (again)!
Allen
Aug-18-2007, 08:38 PM
OK... so I deleted the IE hack lines.

I'm still seeing issues. I know it's late, and you probably have better things to do.... but can you set me straight??

Thanks (again)!
I see there are problems with IE6. The total width and cell widths need to be adjusted. Also the drops positioned.

I'll also recheck the html, slightest mishap there messes IE6.

I'm getting this warning in Tidy html checker on the dance and family lines.
"The error is caused by an improperly terminated character entity."

On these after dance and family, copy what you have at the end of Cheer and replace what's
after dance and family.

.... rleading Galleries">Cheer»

<li><a class="drop" href="http://gregt1310.smugmug.com/Dance" title="Dance Category">Dance&#187

<li><a class="drop" href="http://gregt1310.smugmug.com/Family" title="Family Category">Family&#187
gregt1310
Aug-18-2007, 09:11 PM
I see there are problems with IE6. The total width and cell widths need to be adjusted. Also the drops positioned.

I'll also recheck the html, slightest mishap there messes IE6.

Thanks Al.... I'll check back in the morning.

Appreciate all the help.
Allen
Aug-18-2007, 09:25 PM
Thanks Al.... I'll check back in the morning.

Appreciate all the help.
See my last post. I think there's some bad code in the html that's messing
IE6. Found two reported warning. Looked for other illegal characters but didn't
find any. Gota be something in there somewhere because the nav b0rks
starting with popular.
gregt1310
Aug-19-2007, 04:26 AM
I'm getting this warning in Tidy html checker on the dance and family lines.
"The error is caused by an improperly terminated character entity."

On these after dance and family, copy what you have at the end of Cheer and replace what's
after dance and family.

.... rleading Galleries">Cheer»

<li><a class="drop" href="http://gregt1310.smugmug.com/Dance" title="Dance Category">Dance&#187

<li><a class="drop" href="http://gregt1310.smugmug.com/Family" title="Family Category">Family&#187

Al, let me make sure I understand. You want me to copy the IE hack info at the end of Cheer, and paste that after what is in Dance and Family?
If so, I tried that and IE is still borking.....

Did I understand correctly??

Greg
gregt1310
Aug-19-2007, 05:45 AM
I also removed the &#187 after Dance and Family but that only made things worse. Dance did not show up at all after removing &#187.

I'm stumped.
Allen
Aug-19-2007, 07:13 AM
I also removed the &#187 after Dance and Family but that only made things worse. Dance did not show up at all after removing &#187.

I'm stumped. It's still showing &#187 at the end of these and it's not properly closed..

Notice: entity "..." doesn't end in ";"

<li><a class="drop" href="http://gregt1310.smugmug.com/Dance" title="Dance Category">Dance&#187

<li><a class="drop" href="http://gregt1310.smugmug.com/Family" title="Family Category">Family&#187

The ones (») above like after Cheer are working. So I was wanting you to
copy one of the upper ones and use it after dance and family.

Are you pasting this stuff in from a pure text editor like notepad and not a word processor program?
gregt1310
Aug-19-2007, 08:58 AM
It's still showing &#187 at the end of these and it's not properly closed..

Notice: entity "..." doesn't end in ";"

<li><a class="drop" href="http://gregt1310.smugmug.com/Dance" title="Dance Category">Dance&#187

<li><a class="drop" href="http://gregt1310.smugmug.com/Family" title="Family Category">Family&#187

The ones (») above like after Cheer are working. So I was wanting you to
copy one of the upper ones and use it after dance and family.

Are you pasting this stuff in from a pure text editor like notepad and not a word processor program?

Added ; after &#187. Also added » after Dance and Family, but still not working in IE.

I am not using a word processing program. I have used Notepad in the past, but just have been copying from the html code in my smugmug control panel.

Anything else to try??
Allen
Aug-19-2007, 10:22 AM
Added ; after &#187. Also added » after Dance and Family, but still not working in IE.

I am not using a word processing program. I have used Notepad in the past, but just have been copying from the html code in my smugmug control panel.

Anything else to try??
This is what your page source shows.

<li><a class="drop" href="http://gregt1310.smugmug.com/Dance"» title="Dance Category">Dance»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->

<li><a class="drop" href="http://gregt1310.smugmug.com/Family"» title="Family Category">Family»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->

Rplace those two with these.

<li><a class="drop" href="http://gregt1310.smugmug.com/Dance"> title="Dance Category">Dance»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE6]><table><tr><td><![endif]-->

<li><a class="drop" href="http://gregt1310.smugmug.com/Family"> title="Family Category">Family»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE6]><table><tr><td><![endif]-->
gregt1310
Aug-19-2007, 10:41 AM
OK Al, made the changes. IE is now worse than before! The title for Dance and Family are a little messed up in FF as well.....:scratch
Allen
Aug-19-2007, 10:52 AM
OK Al, made the changes. IE is now worse than before! The title for Dance and Family are a little messed up in FF as well.....:scratch Remove this red. Still looking for more.

<li><a class="drop" href="http://gregt1310.smugmug.com/Sports/231493" title="Track Galleries">Track»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
<li><a href="http://gregt1310.smugmug.com/Sports/231493" title="">2006-2007</a></li>
Allen
Aug-19-2007, 10:56 AM
Remove the red.

<li><a class="drop" href="http://gregt1310.smugmug.com/Dance"> title="Dance Category">Dance»

<li><a class="drop" href="http://gregt1310.smugmug.com/Family"> title="Family Category">Family»
gregt1310
Aug-19-2007, 11:01 AM
Remove the red.

<li><a class="drop" href="http://gregt1310.smugmug.com/Dance"> title="Dance Category">Dance»

<li><a class="drop" href="http://gregt1310.smugmug.com/Family"> title="Family Category">Family»

We're making progress. FF is fixed now. On IE, the Dance and Family dropdowns show the IE hack in the title.....
Allen
Aug-19-2007, 11:15 AM
We're making progress. FF is fixed now. On IE, the Dance and Family dropdowns show the IE hack in the title.....
After dance and family add a space between IE and 6.

<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE6]><table><tr><td><![endif]-->

like this
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
gregt1310
Aug-19-2007, 11:23 AM
:clap Thank you Al. That did the trick.

You are the man!!! :bow

I really appreciate all of the help, and sticking with me.

I will now read up on the link you sent yesterday, and when I get brave, will try and tackle the navbar like you have.

Greg
Allen
Aug-19-2007, 11:25 AM
:clap Thank you Al. That did the trick.

You are the man!!! :bow

I really appreciate all of the help, and sticking with me.

I will now read up on the link you sent yesterday, and when I get brave, will try and tackle the navbar like you have.

Greg
:thumb Great, it the little itty bitty things that mess IE6 and sometimes very hard
to find.