homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / PHP Server Side Scripting
Forum Library, Charter, Moderators: coopster & jatar k

PHP Server Side Scripting Forum

Provide multiple themes for same web page?
provide different theme for same page like msn space, bloggers sites

 9:57 am on Dec 27, 2006 (gmt 0)


I am working on an application in which i have to provide theme selection option to users, means they can select any theme from theme gallery, and particular theme will be applied to there profile.

I had implemented this on small level using CSS but in that case i am able to just change color theme of site not content arrangement. So can any body help me in finding logic that how to implement this in such way that i can provide them different design templates regardless of content arrangements, i think Template Engines can help me in this like smarty or similar to that.

Please give your suggestions for this.





 10:19 am on Dec 27, 2006 (gmt 0)

With proper css you can do everything:

check CSS Zen Garden [Fwww.csszengarden.com] and their different layouts

Michal Cibor

However if you really don't want to use css, you can use smarty for that, however css is a neater solution


 11:00 am on Dec 27, 2006 (gmt 0)


Thanks for your prompt reply and for link of Good CSS resource. I will try to implement this in my project.



 12:36 pm on Dec 27, 2006 (gmt 0)

Been there, Done that :)
You will need to be very cautious on how each "Pure CSS" template will render its output/content
Since you mentioned smarty I suppose that your content will be dynamic
any CSS built works fine in a pre-defined environment
but if a col get a larger/longer content that it had before then most layouts will break.
So the trick is to be sure that you will use content that could be equivalent to height 100% and that if col B is longer that col A then col A will equal col B.


 12:55 pm on Dec 27, 2006 (gmt 0)

I myself like to use table for dynamic layout:

<td style="background-image: url(images/lefttop.png); background-repeat: no-repeat; width=40px; height=50px;">&nbsp;</td>
<td style="background-image: url(images/middletop.png); background-repeat: no-repeat; width=200px; height=50px;">&nbsp;</td>
<td style="background-image: url(images/righttop.png); background-repeat: no-repeat; width=40px; height=50px;">&nbsp;</td></tr>
<td style="background-image: url(images/leftmiddle.png); background-repeat: repeat-y; width=40px;>&nbsp;</td>
<td style="background-image: url(images/middlemiddle.png); background-repeat: repeat-y; width=200px;">dynamic links, table, or whatever you wish. I have menu here</td>
<td style="background-image: url(images/rightmiddle.png); background-repeat: repeat-y; width=40px;">&nbsp;</td></tr>
<td style="background-image: url(images/leftbottom.png); background-repeat: no-repeat; width=40px; height=20px;">&nbsp;</td>
<td style="background-image: url(images/middlebottom.png); background-repeat: no-repeat; width=200px; height=20px;">&nbsp;</td>
<td style="background-image: url(images/rightbottom.png); background-repeat: no-repeat; width=40px; height=20px;">&nbsp;</td></tr></table>

Only I have that not in style, but in css classes, but that's the same-only to show you and Henry example.


 6:33 am on Dec 29, 2006 (gmt 0)

Till now i also use table structure to display dynamic data and CSS to change color theme.

But in that case if i have to apply a theme with complete different design that i have to do separate coding to implement that.

So i tried to do this using DIV and CSS it is little time consuming.

So what you think template engine will be good idea for this or CSS.

Please give your suggestion.


 12:59 pm on Dec 29, 2006 (gmt 0)

If you wish you could still go with pure CSS
Here is what I will do
Get a few CSS layouts
Use some “loren ipson etc..” and check how they performed (with different content size loads)
Figure if you are able to fix the “100%” requirement problems.
If you can make it working then you are done
Otherwise start as Michal suggests and plug all CCS directives in tables

What I do:
Start with a pencil and paper
Draw a rendering of the desired site overlook
Think about the content
How that content is going to be driven, how much space is dynamic content generated
And how you may precisely govern content size and use pagination etc..

With those parameters worked out then you are ready to give it a shot and make an educated decision.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / PHP Server Side Scripting
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved