Digital Grin Photography Forum
Page 49  of  125

Digital Grin Photography Forum (http://www.dgrin.com/index.php)
-   SmugMug Customization (http://www.dgrin.com/forumdisplay.php?f=31)
-   -   Dropdown Navbar help thread (http://www.dgrin.com/showthread.php?t=168571)

Allen May-08-2011 06:33 PM

Quote:

Originally Posted by MomaZunk (Post 1607962)
I would like to add some links to my drop down custom nav bar that would only be visible when I am logged in.

I am sure I need to add the .notloggedin somewhere, but not sure what to attach it too without affecting the rest of the nav bar.

How would I do this?

Thanks,

Add a class name in the html, example shown below.

<li class="noShowLoggedOut"><a href="/keyword/" title="">Keywords</a></li>

Add to CSS. The menu width is only applicable if a main button is hidden.

.notLoggedIn .noShowLoggedOut {display: none;}
.notLoggedIn .menu {width: 680px;} /* centers nav */

Waytodixon May-08-2011 06:41 PM

Hey Allen,

You were instrumental in helping me get my site customized awhile back, so THANK YOU! Today I visited my SmugMug page (www.rachelkabukala.smugmug.com) only to find that some of the links in my drop down nav bar were different/changed from the last time I customized, all of a sudden some bullets (incorrectly spaced and overlapping with text) appeared out of nowhere, and one of my drop down bars is permanently "down" rather than going down when the mouse hovers on it like it used to. I'm perplexed!

I fixed the faulty links because I knew how to go in and do that, but any tips on the mysterious bullets and the "INFO" section on my nav bar that is permanently "dropped down"? Any help is greatly appreciated!

Allen May-08-2011 07:03 PM

Quote:

Originally Posted by Waytodixon (Post 1608013)
Hey Allen,

You were instrumental in helping me get my site customized awhile back, so THANK YOU! Today I visited my SmugMug page (www.rachelkabukala.smugmug.com) only to find that some of the links in my drop down nav bar were different/changed from the last time I customized, all of a sudden some bullets (incorrectly spaced and overlapping with text) appeared out of nowhere, and one of my drop down bars is permanently "down" rather than going down when the mouse hovers on it like it used to. I'm perplexed!

I fixed the faulty links because I knew how to go in and do that, but any tips on the mysterious bullets and the "INFO" section on my nav bar that is permanently "dropped down"? Any help is greatly appreciated!

Change your whole header to this.
Code:

<div id="myHeader">

  <div id="my_banner">
      <a href="http://rachelkabukala.smugmug.com">
      <img src="/img/spacer.gif" alt="" width="508" border="0" height="85">
      </a>
  </div>

  <div id="myHeaderLine"></div>

</div>  <!-- closes myHeader -->

<!-- CSS Dropdown Nav Bar -->
<!-- Original code by Stu Nicholls of -->
<!-- http://www.cssplay.co.uk/ -->
<!-- Edited by me for content, formatting, and some elements -->
<!-- Please help support CSSPlay at: -->
<!-- http://www.cssplay.co.uk/support.html -->
<div class="menu">
<ul>
    <!-- First Main Menu Item -->
<li><a class="drop" href="http://www.rachelkabukala.com" title="Rachel Kabukala Photography">Home</a></li>

    <!-- Next Main Menu Item -->
<li><a class="drop" href="#" title="Galleries">Galleries
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
        <li><a href="http://www.rachelkabukala.com/index2.php#/gallery1/2/" title="Weddings">Weddings</a></li>
        <li><a href="http://www.rachelkabukala.com/index2.php#/gallery1/1/" title="Engagement">Engagement</a></li>
    </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

    <!-- Next Main Menu Item -->
<li><a class="drop" href="#" title="About RK Photography">Info
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
        <li><a href="http://www.rachelkabukala.com/index2.php#/info1/1/" title="About">About</a></li>
        <li><a href="http://www.rachelkabukala.com/index2.php#/info2/1/" title="Rates">Rates</a></li>
    </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

    <!-- Next Main Menu Item -->
<li><a href="http://rachelkabukala.smugmug.com/Clients" title="Clients">Clients</a></li>

    <!-- Next Main Menu Item -->
<li><a href="/gallery/8968294_zwcQq" title="Contact">Contact</a></li>

    <!-- Next Main Menu Item -->
<li><a href="http://www.rachelkabukala.com/blog/" title="Blog">Blog</a></li>
</ul>
</div>  <!-- End Navbar Code -->


Waytodixon May-08-2011 07:10 PM

Thank you! Once again, Allen saves the day!

Quote:

Originally Posted by Allen (Post 1608024)
Change your whole header to this.
Code:

<div id="myHeader">

  <div id="my_banner">
      <a href="http://rachelkabukala.smugmug.com">
      <img src="/img/spacer.gif" alt="" width="508" border="0" height="85">
      </a>
  </div>

  <div id="myHeaderLine"></div>

</div>  <!-- closes myHeader -->

<!-- CSS Dropdown Nav Bar -->
<!-- Original code by Stu Nicholls of -->
<!-- http://www.cssplay.co.uk/ -->
<!-- Edited by me for content, formatting, and some elements -->
<!-- Please help support CSSPlay at: -->
<!-- http://www.cssplay.co.uk/support.html -->
<div class="menu">
<ul>
    <!-- First Main Menu Item -->
<li><a class="drop" href="http://www.rachelkabukala.com" title="Rachel Kabukala Photography">Home</a></li>

    <!-- Next Main Menu Item -->
<li><a class="drop" href="#" title="Galleries">Galleries
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
        <li><a href="http://www.rachelkabukala.com/index2.php#/gallery1/2/" title="Weddings">Weddings</a></li>
        <li><a href="http://www.rachelkabukala.com/index2.php#/gallery1/1/" title="Engagement">Engagement</a></li>
    </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

    <!-- Next Main Menu Item -->
<li><a class="drop" href="#" title="About RK Photography">Info
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
        <li><a href="http://www.rachelkabukala.com/index2.php#/info1/1/" title="About">About</a></li>
        <li><a href="http://www.rachelkabukala.com/index2.php#/info2/1/" title="Rates">Rates</a></li>
    </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

    <!-- Next Main Menu Item -->
<li><a href="http://rachelkabukala.smugmug.com/Clients" title="Clients">Clients</a></li>

    <!-- Next Main Menu Item -->
<li><a href="/gallery/8968294_zwcQq" title="Contact">Contact</a></li>

    <!-- Next Main Menu Item -->
<li><a href="http://www.rachelkabukala.com/blog/" title="Blog">Blog</a></li>
</ul>
</div>  <!-- End Navbar Code -->



MomaZunk May-08-2011 08:05 PM

Thanks Alan,

I now have links to the important control panel stuff in my nav bar. Definitely a time saver...
After upgrading to Firefox 4.0 I lost the Smugmug FF add-on so I thought this would be an alternative.

Thanks again,

Allen May-09-2011 04:02 AM

Quote:

Originally Posted by MomaZunk (Post 1608061)
Thanks Alan,

I now have links to the important control panel stuff in my nav bar. Definitely a time saver...
After upgrading to Firefox 4.0 I lost the Smugmug FF add-on so I thought this would be an alternative.

Thanks again,

I think it is easier to add a hidden menu for this. Add all your special links to this.
header
Code:

<!-- =========== Manage Bar ============  -->
<div id="manageBar" style="display: none;">
 <ul>
  <li><a href="/homepage/controlpanel.mg">Manage Site
      <!--[if gte IE 7]><!--></a><!--<![endif]-->
      <!--[if lte IE 6]><table><tbody><tr><td><![endif]-->
      <ul>
        <li><a href="/homepage/controlpanel.mg" title="">Control Panel</a></li>
        <li><a href="/homepage/cobrand.mg" title="">Customization</a></li>
        <li><a href="/homepage/themes.mg">Themes</a></li>
        <li><a href="/homepage/customcat.mg" title="">Categories</a></li>
        <li><a href="/homepage/newsubcat.mg" title="">Subcategories</a></li>
        <li><a href="/homepage/sharegroup.mg" title="">Sharegroups</a></li>
        <li><a href="/homepage/messages.mg" title="">Messages</a></li>
        <li><a href="/homepage/watermarks.mg" title="">Watermarks</a></li>
        <li><a href="/homepage/prosales.mg" title="">Sales</a></li>
      </ul>  <!--[if lte IE 6]></td></tr></tbody></table></a><![endif]-->
  </li>
 </ul>
</div>

CSS
Code:

    /* ====== management navbar ====================== */
    /*  _activate the website management navbar when  */
    /*  logged in define general menu parameters      */

.loggedIn #manageBar {display:block !important; z-index:1000;
    text-align:left; font-family: tahoma, verdana, sans-serif;
    position:fixed; _position:absolute;
    top:5px; left:5px; font-size:10px; height:10px; margin:0px; padding:0px;
    list-style-type:none;}

        /* make menu horizontal */
#manageBar ul {padding:0px; margin:0px; list-style-type:none;} /* for Firefox */
        /* make submenu vertical */
#manageBar li {float:left; position:relative;}
        /* define the top menu hover style */
#manageBar li a, #manageBar li a:visited {
    display:block; text-decoration:none; text-align:center; width:100px;
    color:#000000; background: #cc9900; float:left; height:20px;
    line-height:20px; border:1px solid #696969; font-weight:bold;}
        /* define the submenu hidden style */
#manageBar li ul {visibility:hidden; position:absolute; top:20px; left:0px; height:0; overflow:hidden; text-align:left;}
        /* get the table out of the way */
#manageBar table {margin:0px; border-collapse:collapse;}
        /* define the top menu hover style */
        /* fist line style for IE7 and non-IE browsers and the second line for
          IE5.5 and IE6 */
#manageBar li:hover a,
#manageBar li a:hover {background: #ffcc00; color: #000; border-color: #696969;}
        /* define the submenu default style */
#manageBar li:hover ul,
#manageBar li a:hover ul {visibility:visible; height:auto; position:absolute;
    top:21px; _top:20px; overflow:visible; padding:0px; margin:0px; width:100px;
    background:#fffff7; border:1px solid #696969;}
        /* define the submenu no-hover style */
#manageBar li:hover ul li a,
#manageBar li a:hover ul li a {display:block; font-weight:normal;
    text-decoration:none; text-align:left; height:auto; line-height:10px;
    padding:5px; font-weight:normal; color: #000; border: none; background: #cc9900;
    width:90px;}
        /* Define the submenu link hover style */
#manageBar li:hover ul li a:hover,
#manageBar li a:hover ul li a:hover {color: #000; background: #ffcc33;}

    /*  =============================  */


MomaZunk May-09-2011 03:05 PM

Thanks Alan...I like the manage nav.

CynthiaM May-09-2011 03:57 PM

Quote:

Originally Posted by CynthiaM (Post 1602495)
I have noticed that when some sites are viewed on an ipad that the dropdown on the navbar still works but it doesn't on my site. The word Info on my navbar should create a dropdown but it doesn't on an ipad.

Anyway I can get it to work on an ipad?

Can this be fixed?

joehawks May-09-2011 07:08 PM

in IE6.0:

the dropdown menu is diveded into two lines instead of one line on the top.

http://joehawks.smugmug.com/photos/i...-c7C3RwB-M.jpg

THIS DOSN'T HAPPEN IN IE 8.0\FIREFOX 4.0.ONLY IN IE6.0
please help.urgent,thanks a lot .

Allen May-09-2011 08:59 PM

Quote:

Originally Posted by joehawks (Post 1608680)
in IE6.0:

the dropdown menu is diveded into two lines instead of one line on the top.


THIS DOSN'T HAPPEN IN IE 8.0\FIREFOX 4.0.ONLY IN IE6.0
please help.urgent,thanks a lot .

Add red for IE6 and keep increasing width until it doesn't wrap to two lines.
Code:

        /* style the outer div to give it width */
.menu {
  z-index:99;
  margin: 0 auto 0;  /* top R/L bottom */
  position:relative;    /* Make the container moveable */
  width:740px;          /* Main bar total width, minimize to center */
  _width:740px;
}


joehawks May-09-2011 10:55 PM

thanks Alen!
after trying for many times ,I finally found 1000px is just right,thanks!
but I found now the sub-menu of my drop down menu seemed abnormal. as the following pic

http://joehawks.smugmug.com/photos/i...-6b9DtG6-M.jpg


what can I do now ,pls HELP!
THANKS.

Butlerkid May-10-2011 06:46 AM

Allen,

Love your avatar and website!

Getting a drop down menu looks awfully complicated. Please check out my website. I currently have the easy Nav Bar but would really like to have drop down menus so visitors can easily get to my gallery pages. I am barely a photographer, and defintely NOT a programmer!

Will your drop down coding work for my site?

Thanks!

Allen May-10-2011 06:55 AM

Quote:

Originally Posted by joehawks (Post 1608728)
thanks Alen!
after trying for many times ,I finally found 1000px is just right,thanks!
but I found now the sub-menu of my drop down menu seemed abnormal. as the following pic


what can I do now ,pls HELP!
THANKS.

I suspect it's the width in these two. Might play with adding a _width: XXXpx
Code:

      /* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:25px;
  left:0;
  width:130px;  /* Size of the daughter cells */
}

      /* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
  color:black;
  background:#a9a9a9;
  height:25px;
  line-height:25px;
  width:100px;
}


Allen May-10-2011 07:00 AM

Quote:

Originally Posted by Butlerkid (Post 1608857)
Allen,

Love your avatar and website!

Getting a drop down menu looks awfully complicated. Please check out my website. I currently have the easy Nav Bar but would really like to have drop down menus so visitors can easily get to my gallery pages. I am barely a photographer, and defintely NOT a programmer!

Will your drop down coding work for my site?

Thanks!

I would first try adding a "galleries" page showing your categories. It would
make navigating easier. The navbar is not really needed unless you have
specific pages to jump to, like guestbook, about, services, etc.

In place of your current navbar just put something like "View my galleries".

Butlerkid May-10-2011 07:12 AM

Quote:

Originally Posted by Allen (Post 1608868)
I would first try adding a "galleries" page showing your categories. It would
make navigating easier. The navbar is not really needed unless you have
specific pages to jump to, like guestbook, about, services, etc.

In place of your current navbar just put something like "View my galleries".

Thanks, Allen. I had simply a homepage and galleries nav bar. However, then a visitor has to click to Galleries, then (for instance) click United States, then click Alaska, then click Grizzlies, to ever get to the gallery!

By adding the categories to the nav bar I was trying to simplify how a visitor could quickly get to my gallery pages. Then I saw your drop down menu thread, and thought that might help also.

I appreciate your input. I've changed it back to Galleries (my second home page).

What do you think now?

Allen May-10-2011 07:40 AM

Quote:

Originally Posted by Butlerkid (Post 1608875)
Thanks, Allen. I had simply a homepage and galleries nav bar. However, then a visitor has to click to Galleries, then (for instance) click United States, then click Alaska, then click Grizzlies, to ever get to the gallery!

By adding the categories to the nav bar I was trying to simplify how a visitor could quickly get to my gallery pages. Then I saw your drop down menu thread, and thought that might help also.

I appreciate your input. I've changed it back to Galleries (my second home page).

What do you think now?

One thing you're missing without the breadcrumb is browsing back up a
level. Example, drilling down to a Canada gallery, no way to go back up a
level to the Canada galleries sub-cat without starting from the top.

Butlerkid May-10-2011 08:33 AM

Quote:

Originally Posted by Allen (Post 1608891)
One thing you're missing without the breadcrumb is browsing back up a
level. Example, drilling down to a Canada gallery, no way to go back up a
level to the Canada galleries sub-cat without starting from the top.

Yep - I intentionally removed the breadcrumbs when I had my categories as nav bar items.

How would a drop down menu work with only one item as "Galleries"? I had thought the drop down menus would work for each of the Nav items I had previously (one nav with drop down menu for each category).

Butlerkid May-11-2011 07:46 AM

I would still like to have drop down menus for each of my Nav Bar items.

Can I simply add the code from the first page of this thread?

Allen May-11-2011 01:20 PM

Quote:

Originally Posted by Butlerkid (Post 1609574)
I would still like to have drop down menus for each of my Nav Bar items.

Can I simply add the code from the first page of this thread?

Yes.
With HTML changed to your links. Use this as an example.

In CSS colors need changing. Go down thru CSS and change every color and
hover color. Same for background.
The colors of the menu are color coded so look for that particular color in the CSS.

When you have it in fire back here and we can help format it.

Butlerkid May-12-2011 11:39 AM

Allen, Oh my! Help! I've really tried to be careful! I don't understand all this coding.... :bow

I've tried to follow the format, but when I pasted this in my header box, my site went away!

I tried to create the coding for "main 2" (Underwater) and "main 3" (United States) with drop down level 2's and fly outs where needed. If I can get this straightened out, I can try to do my other nav bar items.

Note: I removed the separate galleries under "Utah"....so the fly outs above are no longer needed

Thanks!

[FONT=Times New Roman][FONT=Comic Sans MS]<!-- Original code by Stu Nicholls of -->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<!-- http://www.cssplay.co.uk/ -->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<!-- Edited for content, formatting, and some elements -->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<!-- Please help support CSSPlay at: -->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<!-- http://www.cssplay.co.uk/support.html -->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<div class="menu">[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<ul>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<li><a href="/" title="http://butlerkid.smugmug.com">Home</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<li><a class="drop" href="http://butlerkid.smugmug.com/Underwater" title="">Main 2 <!-- no </a></li> on drop lines -->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if gte IE 7]><!--></a><!--<![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if lte IE 6]><table><tr><td><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <ul>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/Underwater/Underwater/5304341_FSF2T#1264987815_m8TKWN4" title="">Drop 1 Lvl 2</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/Underwater/Grand-Cayman/16765907_CGfZW4#1265008936_pWLfq7F" title="">Drop 2 Lvl 2</a></li> [/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/Underwater/Belize-Southern-California/16766235_JTMdTh#1265033141_km7Txh6" title="">Drop 3 Lvl 2</a></li> [/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]</li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<li><a class="drop" href="http://butlerkid.smugmug.com/UnitedStates" title="">Main 3[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if gte IE 7]><!--></a><!--<![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if lte IE 6]><table><tr><td><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <ul> [/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Alaska" title="">Drop 1 Lvl 2</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Alaska/Alaskan-Grizzly-Bears/13585433_SYZZ6#997377865_sN2DS">Flyout 1 Lvl 3</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Alaska/Alaskan-Landscapes/13819271_KLjPJ#1068123392_eFjtZ">Flyout 2 Lvl 3</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Alaska/Alaska-Eagles/13834761_GgxRS#1013840853_YWsmZ">Flyout 3 Lvl 3</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Alaska/Alaskan-Wildlife/13834981_26mP2#1084575806_vnfTM">Flyout 4 Lvl 3</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Alaska/Alaskas-Birds/14408098_JMeLB#1084566429_T6phq">Flyout 5 Lvl 3</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Alaska/Alaskas-Towns/14408185_RnFUH#1068177965_pZU6c">Flyout 6 Lvl 3</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Alaska/Alaskas-Plants/14407667_8mKbi#1110419756_4i5x3">Flyout 7 Lvl 3</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a class="drop" href="http://butlerkid.smugmug.com/UnitedStates/Yellowstone2/Yellowstone/7826801_beELy#506952931_5Dbi2" title="">Drop 2 Lvl 2[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if gte IE 7]><!--></a><!--<![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if lte IE 6]><table><tr><td><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <ul>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="#link">Flyout 1 Lvl 3</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="#link">Flyout 2 Lvl 3</a></li> [/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] </li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] [/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a class="drop" href="http://butlerkid.smugmug.com/UnitedStates/Tennessee2" title="">Drop 3 Lvl 2[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if gte IE 7]><!--></a><!--<![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if lte IE 6]><table><tr><td><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <ul>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Tennessee2/Tennessee/7827599_veDgD#1057973754_S7LUQ">Flyout 1 Lvl 3</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a class="drop" href="http://butlerkid.smugmug.com/UnitedStates/Tennessee2/Infra-Red-Tennessee/6212458_3cdEZ#506767050_YmRvZ" title="">Flyout 2 Lvl 3[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if gte IE 7]><!--></a><!--<![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if lte IE 6]><table><tr><td><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <ul>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] </li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] [/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a class="drop" href="http://butlerkid.smugmug.com/UnitedStates/Utah" title="">Drop 4 Lvl 2[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if gte IE 7]><!--></a><!--<![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if lte IE 6]><table><tr><td><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <ul>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Utah/Bryce-Natl-Park-Ut/9621490_NwJcb#648500147_wMbjD">Flyout 1 Lvl 4</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a class="drop" href="http://butlerkid.smugmug.com/UnitedStates/Tennessee2/Infra-Red-Tennessee/6212458_3cdEZ#506767050_YmRvZ" title="">Flyout 2 Lvl 4[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if gte IE 7]><!--></a><!--<![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if lte IE 6]><table><tr><td><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <ul>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Utah/Capitol-Reef-Ntl-Park-Utah/9621508_poLTD#648557581_zXdHs">Flyout 3 Lvl 4</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/Utah/Escalante-Utah/9621522_YMWPa#648566829_C7auq">Flyout 4 Lvl 4</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] </li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] </li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]</li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<li><a class="drop" href="http://butlerkid.smugmug.com/UnitedStates" title="">Main 3[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if gte IE 7]><!--></a><!--<![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <!--[if lte IE 6]><table><tr><td><![endif]-->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <ul> [/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/United-States-Other" title="">Drop 5 Lvl 2</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/United-States-Other/Wyoming/9621459_NidLq#648432749_tumNS">Flyout 1 Lvl 5</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/United-States-Other/Glacier-National-Park/9631984_WXLap#649382764_e393s">Flyout 2 Lvl 5</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<li><a href="http://butlerkid.smugmug.com/UnitedStates/South-Dakota" title="">Main 6</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/South-Dakota/Mount-Rushmore-South-Dakota/9621259_gNdNT#648383412_4QnrH">Flyout 1 Lvl 6</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS] <li><a href="http://butlerkid.smugmug.com/UnitedStates/South-Dakota/South-Dakota/9620638_hgWHz#648355341_9kdKz">Flyout 2 Lvl 6/a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<li><a href="http://butlerkid.smugmug.com/UnitedStates/Southwest/5062436_meLom#506757187_h4nDY" title="">Main 7</a></li>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS][/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]</ul>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]</div> <!-- closes menu -->[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<div style="clear: both;"></div>[/FONT][/FONT]
[FONT=Times New Roman][FONT=Comic Sans MS]<!-- End Navbar Code -->[/FONT][/FONT]
[FONT=Verdana]CSS[/FONT]


Times are GMT -8.   It's 06:37 PM.
Page 49  of  125

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.