Multiple Layouts

[Pachman3000]

Hey guys,

 

Newbie here, trying to do some minor updates to my site.  I want to use a different layout for one page of my site that has a signup form. 

 

I'm not sure where to start, since the layout is constant and called from the shells for each page.

 

Any help would be great!

[ignace]

What do you mean by another layout? HTML or CSS?

[Pachman3000]

An example I can think of right now similar to what I'm trying to do is Twitters.

 

Home page in comparison to the sign up page

[ignace]

HTML thus. Do you use a template engine?

[Pachman3000]

No.  I have the template already created if that's what you're asking?

[Pachman3000]

Right now the template is constant throughout the site.  The HTML for it is located in the top and bottom shell of the site.

 

So when I create a new page it automatically assigns that template to the new page. 

 

 

[ignace]

You need to use a template engine (like Smarty) then you can do something like:

 

$engine->display('layout1.tpl');

[Pachman3000]

Thanks,  however, is that my only option? 

[ignace]

No, of course not. There are multiple options, but this one is by far the most flexible.

[arbitter]

I have a question in the same genre as well;

what's the easyest way to get php variables into a css sheet?

[ignace]

sheet.css.php

 

#wrapper {
  width: <?php print $width ?>px;
}

 

<link href="sheet.css.php" ..

 

Again, you have many options here it depends on how you architect your application. So, how did you architect your application?

[arbitter]

Well I was just wondering, I'm on this site where you can choose the layout-colors of your page manually, but I was wondering if you needed a serverside script that made a new css file or if indeed you could simply let it be a php file? thanks!

[ignace]

Well I was just wondering, I'm on this site where you can choose the layout-colors of your page manually, but I was wondering if you needed a serverside script that made a new css file or if indeed you could simply let it be a php file? thanks!

 

In this case it's possible to have pre-defined stylesheets on your server and call them using JS

 

<link id="sheet-screen" ..

 

var link = document.getElementById('sheet-screen');

link.setAttribute('href', newSheet);

 

The browser will automatically apply the new styles.