ozmo Posted February 16, 2007 Share Posted February 16, 2007 Hi all, I understand how to customize the header.tpl and footer.tpl but how do I intergrate the other templates into my original site design? http://ozmotion.com/support/ I have been trying to manipulate the style.css to resemble my original design but no luck. Any help would be greatly appreciated. Thanks, Rob 0 Quote Link to comment Share on other sites More sharing options...
ByteRack Posted February 16, 2007 Share Posted February 16, 2007 The idea is to cut your design in half and wrap it around WHMCS. Put the top half into the header and the bottom half into the footer. Then edit the individual template pages and CSS as you like. 0 Quote Link to comment Share on other sites More sharing options...
ozmo Posted February 16, 2007 Author Share Posted February 16, 2007 I wish it were that easy.... There has to be more to it that that because there is no way I can add the drop shadow in the center sections. Not using straight CSS that I can find. 0 Quote Link to comment Share on other sites More sharing options...
ozmo Posted February 16, 2007 Author Share Posted February 16, 2007 Anyone? I have seen, within the WHMCS Showcase forum, that others have achieved this I just can't figure it out. Anyone interested in making some money? Thanks, Rob 0 Quote Link to comment Share on other sites More sharing options...
joe123 Posted February 16, 2007 Share Posted February 16, 2007 ozmo i will tell you exavtly how to do it . or will do it for you if you wish now i am going shopping 0 Quote Link to comment Share on other sites More sharing options...
ozmo Posted February 16, 2007 Author Share Posted February 16, 2007 I'll be here when you get back. Have fun shopping. Buy me a new brain would ya! Thanks! 0 Quote Link to comment Share on other sites More sharing options...
joe123 Posted February 16, 2007 Share Posted February 16, 2007 back PM sent, brains are sold out 0 Quote Link to comment Share on other sites More sharing options...
ozmo Posted February 17, 2007 Author Share Posted February 17, 2007 Sorry for the delay Joe. I had to take care of something. I got your PM. I'll get back to you shortly. Thanks, Rob 0 Quote Link to comment Share on other sites More sharing options...
skshost Posted March 3, 2007 Share Posted March 3, 2007 This is actually quite easy. I viewed your source code &... <html> <head> <style type="text/css"> table.shadow { align: center } td.shadow-top { height: 16px; background-image: url(/borders/shadow/top.gif) } td.shadow-topRight { width: 16px; height: 16px; background-image: url(/borders/shadow/topRight.gif) } td.shadow-right { width: 16px; background-image: url(/borders/shadow/right.gif) } td.shadow-bottomRight { width: 16px; height: 16px; background-image: url(/borders/shadow/bottomRight.gif) } td.shadow-bottom { height: 16px; background-image: url(/borders/shadow/bottom.gif) } td.shadow-bottomLeft { width: 16px; height: 16px; background-image: url(/borders/shadow/bottomLeft.gif) } td.shadow-left { width: 16px; background-image: url(/borders/shadow/left.gif) } td.shadow-topLeft { width: 16px; height: 16px; background-image: url(/borders/shadow/topLeft.gif) } td.shadow-center { background-color: white } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Untitled Document</title> <link rel="stylesheet" href="../clients/templates/ozmo_templates/style.css" type="text/css" /> </head> <body> <table class="shadow" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="shadow-topLeft"></td> <td class="shadow-top"></td> <td class="shadow-topRight"></td> </tr> <tr> <td class="shadow-left"></td> <td class="shadow-center">[img=/clients/templates/ozmo_templates/header.jpg]</td> <td class="shadow-right"></td> </tr> <tr> <td class="shadow-left"></td> <td class="shadow-center"> </p> <p align="center"> SAVE ABOVE IN HEADER & BELOW IN FOOTER. </p> <p align="center"></p></td> <td class="shadow-right"></td> </tr> <tr> <td class="shadow-bottomLeft"></td> <td class="shadow-bottom"></td> <td class="shadow-bottomRight"></td> </tr> </table> </body> </html> There are of course a few things you may want to change/move around since there's already content/variables in the header & footer.php. I hope that paints a picture. I also suggest throwing your CSS into a seperate style sheet. 0 Quote Link to comment Share on other sites More sharing options...
ozmo Posted March 5, 2007 Author Share Posted March 5, 2007 Thanks skshost. Perfect 0 Quote Link to comment Share on other sites More sharing options...
skshost Posted March 5, 2007 Share Posted March 5, 2007 Thanks skshost. Perfect NP, You'll notice that many PHP/SQL applications use header & footer.php. I use them on my site even though it could have been done quicker with just html. The idea is to make it quick and easy to make changes to your navigation, etc.. The same thing goes with separating your CSS. What if you decide to change the font on every page of your site. With your CSS in a separate style file the change is quick and easy, without it takes forever if you have a lot of pages. BTW, your site has a good design, colors, etc.. At least so far. 0 Quote Link to comment Share on other sites More sharing options...
ozmo Posted March 5, 2007 Author Share Posted March 5, 2007 I totally agree. Thanks again. 0 Quote Link to comment Share on other sites More sharing options...
skshost Posted March 5, 2007 Share Posted March 5, 2007 I totally agree. Thanks again. Anytime. What's your site all about anyways? 0 Quote Link to comment Share on other sites More sharing options...
ozmo Posted March 5, 2007 Author Share Posted March 5, 2007 Anytime. What's your site all about anyways? Multimedia services ranging from 3d vis through website design. I also offer hosting to my clients. 0 Quote Link to comment Share on other sites More sharing options...
skshost Posted March 5, 2007 Share Posted March 5, 2007 Good deal. 0 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.