Refer to Specific Custom Pages & Zones in CSS

[stronktank]

Hello,

I have a simple question,... How do  you link/refer to a specific zone in a specific page in css?
I found out that #zone_1 refers to zone 1 but that means zone 1 on all pages.
What did work is add a page 'id' in the <div> tags within the zone container, but that doesn't work when you use for example the 'recent threads' widget,...

My first idea was something like this but didn't work at all,...
.custom_pages.home .zone_1

Help!

Thanks!

[Tumbleweed]

Jul 24, 2015 5:11:26 GMT -8 stronktank said:

Hello,

I have a simple question,... How do  you link/refer to a specific zone in a specific page in css?
I found out that #zone_1 refers to zone 1 but that means zone 1 on all pages.
What did work is add a page 'id' in the <div> tags within the zone container, but that doesn't work when you use for example the 'recent threads' widget,...

My first idea was something like this but didn't work at all,...
.custom_pages.home .zone_1

Help!

Thanks!

I don't know about specific zones but you can put invisible anchors (or anchor some title text if you prefer)  on your custom page so you can link to them.

Put this on your custom page where you want to link to:

<a name="Unique_id_1"></a>

or title text

<a name="Unique_id_1">The Title of a certain area</a>

Then somewhere else to link to that area you'd do this and your link whether home page or not will be: /page/idforpage

(the /idforpage is going to be whatever you named it showing under "view page"  when viewing your list of custom pages.

yoursite.proboards.com/page/Text_h

So to link to that using bbcode:

[a href="http://yoursite.proboards.com/page/Text_h#unique_id_1"]Click here

[/a] [/p]

or html:

<a href="http://yoursite.proboards.com/page/Text_h#unique_id_1">Click here</a>

[stronktank]

I found a way to do it by having different zones everywhere (on all pages)
#zone_1 .content { ... }

Thanks though.

[Tumbleweed]

Jul 25, 2015 6:35:35 GMT -8 stronktank said:

I found a way to do it by having different zones everywhere (on all pages)
#zone_1 .content { ... }

Thanks though.

Lol, you got zone happy.  I totally had a brain  fart malfunction when I posted.  For others, if you want to use zones as your anchor (to link to) you only need to use the html and bbcode I posted except for the hash being the zone instead of that unique id.

For example, all you do to link to a zone is like this:

[a href="http://elitelist.proboards.com/page/Text_h#zone_1"]Click here[/a]

You don't need this part....<a name="Unique_id_1"></a> .... at all in your custom page if you are using zones:

If you do a custom page not using zones then my original post instructions are fine. (I typically don't use zones at all so probably the initial brain fart. lol )

Glad you worked it out stronktank.