Forums

Need to style some pages content areas completely differently

Permalink
Hi all, I really hope someone can help here as I'm really stuck and really against a tight deadline.

All of my pages contain editable blocks that are a header image and below that two columns, one for text and one for an image. I need to completely change that layout for several pages. The header becomes half height ad the two columns become a single column. When I add a new Page Type those above blocks are locked in position and can't be edited.

I've used my own template which does not use a separate header and footer, it's just a single html page with divs I want to be editable marked as <? $a = new Area('Slideshow'); $a->display($c); ?>

I would appreciate any help anyone can give as I think I'm in a bit of trouble with this as I've finished the rest of the site and was leaving this bit to the end which in hindsight looks like a huge mistake.

Thanks.
 
Madebym replied on at Permalink Reply
Madebym
Why not create another template(page type), which you would then use for these pages?
mkly replied on at Permalink Reply
mkly
Hey John,
I'm a little confused as to what you situation is, but here are some ideas.

Areas don't particularly care where they are. They are called by name and if you move them change page types etc, they should still output like always.

Are these changes only for a couple of special pages on the site? It sounds like you currently only have one "template"(I think you are actually taking about page types here?

If you need some other pages with a different look you should just be able to create a new "Page Type" in the theme. The areas you have already filled in will be carried over to this new page type as long as they are called the same thing.

Not sure if I understand what you are asking though.
DanK replied on at Permalink Reply
Thanks for the replies. Here's a brief outline of what I've built to give you a better idea.

default.php – contains everything, header and footer as well as all divs that I have made editable by c5. As well as two navigation areas there are 3 content areas, a header, a text column below left and another column to the right of this. These 3 areas are all contained within one div which is not editable.

default.css – is the only stylesheet

When I make a new page type the three editable areas mentioned above are still there, locked in the same position that they are on each of the other pages (they take their positioning from the css file). They are waiting on me adding blocks to them.

I basically need the whole of that area to be one large editable area. Is there any way to do this?

I hope this explains it a bit better. Thanks for any help.
Madebym replied on at Permalink Reply
Madebym
I still don't quite get what do you need. If i understood correctly, all you need is to create another page type(template), make that container div editable in the template, name it whatever you like and assign the new template to any page that needs that type of layout.

Why limit yourself to only one template?
mkly replied on at Permalink Best Answer Reply
mkly
Ok... I think might just be adjusting to the concrete5 build paradigm, so I'm going to do a quick run down.

Lets say you have a page type default.php and it looks like this
<html>
<body>
  <div id="header-nav">
    <?php
      $a = new Area('Header Nav');
      $a->display($c);
    ?>
  </div><!-- /header-nav -->
  <div id="left-column">
    <?php
      $a = new Area('Main');
      $a->display($c);
    ?>
  </div><!-- left-column -->
  <div id="right-column">
Viewing 15 lines of 22 lines. View entire code block.


You could create a second page type call full.php with this
<html>
<body>
  <div id="header-nav">
    <?php
      $a = new Area('Header Nav');
      $a->display($c);
    ?>
  </div><!-- /header-nav -->
  <div id="uni-column">
    <?php
      $a = new Area('Main');
      $a->display($c);
    ?>
    <?php
      $a = new Area('Image');
Viewing 15 lines of 24 lines. View entire code block.

Which would keep you areas and even possible add a new one, but this time inside a single div that you can do with css

Or if you just need a single area you can do this
<html>
<body>
  <div id="header-nav">
    <?php
      $a = new Area('Header Nav');
      $a->display($c);
    ?>
  </div><!-- /header-nav -->
  <div id="uni-column">
    <?php
      $a = new Area('Main');
      $a->display($c);
    ?>
  </div><!-- /uni-column -->
</body>
Viewing 15 lines of 16 lines. View entire code block.


Maybe this might help with the paradigm a bit and maybe give you a way to look at it. I'm still having trouble understanding your question unfortunately.
DanK replied on at Permalink Reply
Thanks so much mkly for your extensive reply. It really is hugely appreciated. I didn't realise that you could add another, completely different template file. I have done this and lo and behold it appears as a new Page Type.

That's me sorted and I now understand the whole template thing in c5 a lot better. Thanks again for all of your help.
DanK replied on at Permalink Reply
Sorry I forgot to thank madebym as well. Thanks for replying as well (on a Sunday too...).