Issue with customization of pages

[Lesya]

Hi everyone,

I am a newbie here and looking for answers from anyone who could help.

I am just at the very beginning of assembling http://www.imagesbyyancy.com/ ,

first two pages “about me” and “galleries”. I followed the instructions and added

this code in respectful fields.
__________________________________________________ _______________

Footer code (remove the *'s):
Code:

<*script*>

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

<*/script*>

----------------------------------------------------

javascript block:
Code:

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

----------------------------------------------------

css block:
Code:

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

__________________________________________________ _____

I expected to have two pages with same header/ navigational links/footer but

different content in the body of each page. Unfortunately both pages continue

displaying same content. I contacted the SmugMug support and after giving it

a good try, the problem remains.

Any help is greatly appreciated,

Lesya

[richW]

Welcome to dgrin....:wave
In your JS section you have <*SCRIPT LANGUAGE="JavaScript"*> and <*/script*>
You don't need to add the JS tag, SmugMug does that for you.
Remove those two lines and see if that helps....
javascript - optional
The JavaScript section will be placed between <*script*> tags (so please don't add them below). Can break browsers, be careful.

[Lesya]

Hi Rich,

Thank you for warm welcome.:lust

[ * ] is not the issue, I don’t have them in my code. Something else is missing or wrong. I could navigate between “about me” and “galleries” pages, just their content is the same.

Lesya





Welcome to dgrin....:wave
In your JS section you have <*SCRIPT LANGUAGE="JavaScript"*> and <*/script*>
You don't need to add the JS tag, SmugMug does that for you.
Remove those two lines and see if that helps....

[richW]

Hi Rich,

Thank you for warm welcome.:lust

[ * ] is not the issue, I don’t have them in my code. Something else is missing or wrong. I could navigate between “about me” and “galleries” pages, just their content is the same.

LesyaSorry, I should have told you about the *'s. When posting JS in a thread, the forum software will strip out the JS. If I posted without the *'s it would look like this. ******** LANGUAGE="JavaScript">

Look in your JS section for the lines I told you about in post #2. In the screengrab below I highlighted what you need to remove.

19081

[Lesya]

Sorry, I should have told you about the *'s. When posting JS in a thread, the forum software will strip out the JS. If I posted without the *'s it would look like this. ******** LANGUAGE="JavaScript">

Look in your JS section for the lines I told you about in post #2. In the screengrab below I highlighted what you need to remove.

19081

Wow! You’re my hero! :clap

I removed the "script" tags and voila, it’s working.

Now I’ll try to decipher how to get read of the bio content in “galleries” page.

Thank you so much,

Lesya

[richW]

Wow! You’re my hero! :clap
I removed the "script" tags and voila, it’s working.
Now I’ll try to decipher how to get read of the bio content in “galleries” page.
Thank you so much,
LesyaYour Welcome....:thumb

To remove your info section, try adding an id to the table. Then you could use css to hide it.
Something like this:


Add the id to the table.
<!-- End navigation links -->
<!-- Begin body -->
<tr>
<td align="center">
<table width="800" border="0" cellspacing="0" cellpadding="0" id="infoTable">

In the css section:

#infoTable {display: none;}
.homepage #infoTable {display: block !important;}
.galleries #infoTable {display: none !important;}

See where this gets you.....

[Lesya]

Your Welcome....:thumb

To remove your info section, try adding an id to the table. Then you could use css to hide it.
Something like this:


Add the id to the table.
<!-- End navigation links -->
<!-- Begin body -->
<tr>
<td align="center">
<table width="800" border="0" cellspacing="0" cellpadding="0" id="infoTable">

In the css section:

#infoTable {display: none;}
.homepage #infoTable {display: block !important;}
.galleries #infoTable {display: none !important;}

See where this gets you.....

It’s working! :barb

I think you just explained me the whole concept of how to create multiple pages.

All I have left is to clean my code and create new pages. This is great.

Thank you so much, Rich!

Lesya

[jh4wvu]

This is the same thing I was doing but it seems to only work if you are only adding a table to the header section. I am wanting to do this were I have the code spread to the footer. When I try to not display the table the images don't show up.

My test site is http://cdsimage.smugmug.com -- This is one design and I am wanting to have another one (http://bandphotos.smugmug.com) to be able to use as well.

Please help.

Thanks,
Chris



It’s working! :barb

I think you just explained me the whole concept of how to create multiple pages.

All I have left is to clean my code and create new pages. This is great.

Thank you so much, Rich!

Lesya

[Lesya]

This is the same thing I was doing but it seems to only work if you are only adding a table to the header section. I am wanting to do this were I have the code spread to the footer. When I try to not display the table the images don't show up.

My test site is http://cdsimage.smugmug.com -- This is one design and I am wanting to have another one (http://bandphotos.smugmug.com) to be able to use as well.

Please help.

Thanks,
Chris
Hi Chris,

Hopefully I understood your question…

I just done an experiment with my footer and it worked. It appeared on home page and disappears on the gallery page.

By the way, my footer’s table is located in “footer” field, and same would apply if I have the code located in the “head tag” field.

I attached
id=”footer” -- to the table tag like this
<table width="800" align="center" cellspacing="0" cellpadding="0" id=”footer”>

and added
.galleries #footer {display: none;} -- to css section

I am assuming this would work for you. Otherwise, your problem lays somewhere else.

I’m hoping this would help.

Good luck,

Lesya