PDA

View Full Version : Help with more than one gallery page


JustinPedrick
Oct-01-2008, 12:36 PM
Hello all. New to the forum and to Smugmug! Have been reading tons of customization tutorials and feel like I am gaining some sort of understanding for this all.... My question is this... The way my site is set up.. I have a Header (banner) A basic Nav bar and a photo that I wanted to act as a splash photo.... you can check it out here : www.justinpedrick.com (http://www.justinpedrick.com)


What I ultimately want is for when someone clicks on galleries, the header (banner) and the nav bar stay put, but the image I have is replaced by the galleries instead of having the galleries appear under the picture. I hope there is a simple fix for this. I am pulling my hair out.. I've read and done the tutorial on making 2 galleries, but the darn picture keeps coming up.. Any help would be greatly appreciated. Thank you very much!

jfriend
Oct-01-2008, 02:53 PM
Tutorial for just that here (http://dgrin.smugmug.com/gallery/2160039).

JustinPedrick
Oct-01-2008, 08:06 PM
Tutorial for just that here (http://dgrin.smugmug.com/gallery/2160039).

I did just what it said in that tutorial, and have copied all said java and header html and with it all posted does not do what I was intending.. Thank you though jfriend.

Allen
Oct-01-2008, 08:14 PM
I did just what it said in that tutorial, and have copied all said java and header html and with it all posted does not do what I was intending.. Thank you though jfriend.
.... but the image I have is replaced by the galleries instead of having the galleries appear under the picture.
You need to put the photo in the biobox. Your CSS then hides it from the galleries page.

Add this to your bio.

<html>
<center>
<img src="/photos/381941471_GtkM3-M.jpg" />
</center>
</html>

You won't need this in your CSS

IMG.displayed {
display: block;
margin-left: auto;
margin-right: auto }


Remove all this from your header.

<p>
</p><p>

</p> <p>

</p><p>

</p> <p>

</p><p>

</p><p>

</p><p>

</p><p>

</p><p>

</p><p>

</p><p>

</p><p>

</p><p>

</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p>
<p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p><p>
</p>


<img class="displayed" src="http://justinpedrick.smugmug.com/photos/381941471_GtkM3-M.jpg%22...%22" alt="...">

JustinPedrick
Oct-02-2008, 04:39 AM
[quote=Allen]You need to put the photo in the biobox. Your CSS then hides it from the galleries page.

Add this to your bio.

<html>
<center>
<img src="/photos/381941471_GtkM3-M.jpg" />
</center>
</html>



... Worked like a charm. Thank you very much!!!