HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Help

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#70046 (In Topic #14840)
Avatar

Fan in action

I am having trouble with boxes on main page

Hi,
I am trying to creat two boxes side by side on the front page, both need to be 50% each of the width of the page, then I need to know how to dsiplay a comcode page in them.

Can anyone help at all.

Regards

Adrian:$
Back to the top
 
Posted
Rating:
#70082
Avatar

Community saint

Hey Adrian! Something like this should work (I like to have a wrapper (container) around mine just in case, but not necessary. Also, param is only required if comcode page is in a different zone than where this code is going to reside):

Code

[surround="two_col_container"]
[surround="two_col_left"][include param="ZONE_OF_PAGE"]comcode_page[/include][/surround]
[surround="two_col_right"][include param="ZONE_OF_PAGE"]comcode_page[/include][/surround]
[/surround][surround="clear"][/surround]

global.css

Code

.two_col_container {
}

.two_col_left {
    float: left;
    width: 49%;
}

.two_col_right {
    float: right;
    width: 49%;
}

.clear {
    clear: both;
}


Last edit: by SoccerDad

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#70085
Avatar

Community saint

This should also work.

In the WYSIWYG editor click on source and paste this in

Code

<div class="float_surrounder">
    <div class="fp_col_block" style="float: left">
        <span class="ocp_keep_block" style="cursor: pointer;" tag="block">[block failsafe=&quot;1&quot;]main_content[/block]
</span></div>
    <div class="fp_col_block" style="float: right">
        <span class="ocp_keep_block" tag="block">[block failsafe=&quot;1&quot;]main_poll[/block]
</span></div>
</div>

Click source again, delete the blocks that are there and replace them with the ones you want using the add block assistant.
Back to the top
 
Posted
Rating:
#70086
Avatar

Community saint

Tried 'em both. SD's worked - but not well.

Brian's worked perfectly 'out of the box' …

Before ...
After ...


Last edit: by Fletch

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#70087
Avatar

Community saint

Just out of curiosity Fletch, how did it look, or what was wrong? This uses the code on my site:

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#70103
Avatar

Community saint

SoccerDad said

Just out of curiosity Fletch, how did it look, or what was wrong?

Probably easiest to 'show' it. The screencap is a bit 'busy', but I think you will get the picture. I'm sure it is all 'fixable', but I'm concentrating on other 'fings at the moment …



 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#70105
Avatar

Community saint

Thanks Fletch, missed a part, original post updated. *grin*, it also appears I misread Adrian's original query. He has boxes referred to in the title but "comcode page" in the body.

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#70106
Avatar

Community saint

HAH!

Alles 'klar' - if you know a bit of German, and can forgive the pun!

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: