nav bar help

2

Comments

  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    Add the red to these in CSS to format in IE6.
    .gallery_3319322 #galDescImg {
   position: relative;
   height: 150px;
   width:  200px;
   margin-top:  20px;
  [COLOR=red] _top:  20px; /* IE6 */[/COLOR]
   margin-left: 30px;
   border:4px double red;
}

.gallery_3319322 #galDescText {
   position: relative;
   font-size: 1.2em;
   font-weight: bold;
   color: red;
   text-align: justify;
   width:  420px;
   margin-top:   -170px;
 [COLOR=red]  _margin-top:   -150px; /* IE6 */[/COLOR]
   margin-left:   280px;
}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    k....better?
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    scar488 wrote:
    k....better?
    Looks great in both Firefox and IE6.
    But.
    Nuther tweak, need to move IE photo right a little.
    Add red.

    .gallery_3319322 #galDescImg {
    position: relative;
    height: 150px;
    width: 200px;
    margin-top: 20px;
    _top: 20px; /* IE6 */
    margin-left: 30px;
    _left: 30px; /* IE6 */
    border:4px double red;
    }

    BTW, what browser and OS are your using? Helps me know what you're seeing.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    internet explorer...whats OS
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    scar488 wrote:
    internet explorer...whats OS
    PC windows or Mac
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    windows
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    Great thumb.gif IE6 photo just moved over off left edge. You using IE7? If follows
    Firefox fairly good but IE6 needs different numbers some time.

    So both Firefox and IE6 look great now.

    What's next? Slide show? It will replace the bio on your homepage when added.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    yea...

    gallery...
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    Lets so galleries hack next, simpler. After this is done the link in your
    navbar for "galleries" will work.

    Add this to the top of your javascript. 
    function hasPath(sPath)
{
  re = new RegExp("\/" + sPath + "(\/|$)");
  return re.test(window.location)
}
    Add this to the top of your footer code. 
    <[B]s[/B]cript>
if (hasPath("galleries"))
  YD.addClass(document.body, "galleries");
</[B]s[/B]cript>
    Add this to your CSS 
    .homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
    display: none;
}

.galleries #bioBox {
    display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
    display: block;
}

.loggedIn .homepage #galleriesBox,
.loggedIn .homepage #categoriesBox  {
    display: block;
}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    k
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    scar488 wrote:
    k
    Great! Galleries link works now.

    The most popular are now on the galleries page so turn them
    off on the homepage by adding bold.

    .homepage #popularPhotos,
    .homepage #galleriesBox,
    .homepage #categoriesBox,
    .homepage #featuredBox {
    display: none;
    }

    .galleries #popularPhotos,
    .galleries #galleriesBox,
    .galleries #categoriesBox,
    .galleries #featuredBox {
    display: block;
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    added
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    scar488 wrote:
    added
    I snuck another thing in my last post.:D
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    instead of none just put block? or add the whole thing?
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    scar488 wrote:
    instead of none just put block? or add the whole thing?
    You have a link in your navbar for the popular photos so you don't really need
    to show them on your galleries page. So don't add the bold if you don't want
    to.

    .galleries #popularPhotos,
    .galleries #galleriesBox,
    .galleries #categoriesBox,
    .galleries #featuredBox {
    display: block;
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    k...better?
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    scar488 wrote:
    k...better?
    This is the whole set. Change the first one that's red.

    .galleries #popularPhotos,
    .homepage #popularPhotos,
    .homepage #galleriesBox,
    .homepage #categoriesBox,
    .homepage #featuredBox {
    display: none;
    }

    .galleries #bioBox {
    display: none;
    }

    .galleries #galleriesBox,
    .galleries #categoriesBox,
    .galleries #featuredBox {
    display: block;
    }

    .loggedIn .homepage #galleriesBox,
    .loggedIn .homepage #categoriesBox {
    display: block;
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    better?
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    scar488 wrote:
    better?
    Perfect clap.gif
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    perfecto...haha...

    new which is the featured gallery...im usin it as a NEW so i can put new pics in there...and keep it updated
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    scar488 wrote:
    perfecto...haha...

    new which is the featured gallery...im usin it as a NEW so i can put new pics in there...and keep it updated
    The "new" is four featured galleries, right?

    You want the "new" in the navbar to go to a page with the featured galleries?

    This post explains it.

    Add the red in your footer code in the middle here.

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

    if (hasPath("featured"))
    YD.addClass(document.body, "featured");
    </script>


    In your CSS add the red.


    .galleries #featuredBox,
    .homepage #featuredBox,
    .featured #bioBox,
    .featured #categoriesBox,
    .featured #galleriesBox,
    .featured #popularPhotos,
    .galleries #popularPhotos,
    .homepage #popularPhotos,
    .homepage #galleriesBox,
    .homepage #categoriesBox,
    .homepage #featuredBox {
    display: none;
    }

    .featured #featuredBox {display: block;}


    In your header code for your nav

    change this
    <li><a href="http://nickname.smugmug.com">New</a></li>
    to this
    <li><a href="/featured">New</a></li>
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    its sending me to my galleries instead of to my featured (new)
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 16, 2007
    ne_nau.gif my featured somehow is under galleries....
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 16, 2007
    scar488 wrote:
    its sending me to my galleries instead of to my featured (new)
    Try this set. Re-order a few items.

    .featured #bioBox,
    .featured #categoriesBox,
    .featured #galleriesBox,
    .featured #popularPhotos,
    .galleries #popularPhotos,
    .homepage #featuredBox,
    .homepage #popularPhotos,
    .homepage #galleriesBox,
    .homepage #categoriesBox,
    .homepage #featuredBox {
    display: none;
    }

    .galleries #bioBox {
    display: none;
    }

    .galleries #galleriesBox,
    .galleries #categoriesBox {
    display: block;
    }

    .galleries #featuredBox {
    display: none !important;
    }

    .featured #featuredBox {display: block;}

    .loggedIn .homepage #galleriesBox,
    .loggedIn .homepage #categoriesBox {
    display: block;
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 17, 2007
    wings.gif :ivar bowdown.gif
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 17, 2007
    Next is the slideshow on the homepage.:D
    Got time tonight?
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 17, 2007
    u wanna do a slide show or you tired and wanna call it a night...either way its fine by me..
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 17, 2007
    scar488 wrote:
    u wanna do a slide show or you tired and wanna call it a night...either way its fine by me..
    Go go go go:D

    First step.

    Download the text file here in post #2 and paste into the bottom of your javascript.

    Paste it all in (about 370 lines) "as is" no changes. Use notepad or pure text
    editor not Word to open the text file and copy form there.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • scar488scar488 Registered Users Posts: 51 Big grins
    edited August 17, 2007
    k
  • AllenAllen Registered Users Posts: 10,015 Major grins
    edited August 17, 2007
    scar488 wrote:
    k
    k what?:D Don't see it in your javascript. Did you hit save at the bottom?

    Look at this section here.
    The Slideshow I
    Al - Just a volunteer here having fun
    My Website index | My Blog
Sign In or Register to comment.