Hi, I have a html format of www.yahoofanclub.com template. Now I am installing a Directory (phpLD) so I need to create a similar template as that of the main forums. Do anyone of you know how to do it. I have extracted the HTML form of my forums template. can you guys tell me where to insert the header, body and footer part. It would be really a great help from you all. Thanx in advance.
Alright in the last 5 hours I came up with this. have a look www.yahoofanclub.com/dir I hope someone will be around to help me out with improving this thing.
Not bad, but you can do much better. First off, you should know that your main template is very screwed up. It has two body tags, several TRs that are not matched and quite a few other serious errors. This is VERY rough code, but try this. Use something like the forum 'links' for link.tpl. This would all get wrapped in a table tag in your main.tpl of course. <tr> <td class="row5" align="center" valign="middle" height="24">{include file="pagerank.tpl}</td> <td class="row4" style="width: 100%;"> <span class="forumlink">{$link.TITLE}</span><br /> <span class="genmed">{$link.DESCRIPTION}</span><br /> <span class="url">{$link.URL}</span> </td> </tr> <tr> <td class="hozbar" align="center" valign="middle" height="20" colspan="5"> </td> </tr> Code (markup): For header.tpl, use something like this: <body bgcolor="#E5E5E5" text="#000000" link="#006699" vlink="#5493B4"> <a name="top"></a> <!-- Begin Yahoo Search Form --> <div id="yahoo-search-bar"> <div id="yahoo-search-bar-logo"><!--provides little yahoo logo--></div> <form id="yahoo-search" method="GET" action="http://search.yahoo.com/search"> <input type="text" name="p" value="" size=20 value="Search here" onfocus="if (this.value == 'Search here') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search here';}" /> <input type="submit" id="searchsubmit" style="display: none;" value="go" /> </form> </div> <!-- End Yahoo Search Form --> <div id="head"> <h1 id="logo" title="YahooFanClub.com Forum Index"><a href="index.php" title="YahooFanClub.com Forum Index">YahooFanClub.com Forum Index</a></h1> </div> <table width='100%' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF' align='center' valign='middle'> <tr> <td width="100%"> <table class="navbar" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" width="100%"> <a href="profile.php?mode=register"><img src="templates/illusion/images/head/nav_register.gif" border="0" alt="register for yahoo publisher network frente adsense"></a> <a href="login.php"><img src="templates/illusion/images/head/nav_login.gif" border="0" alt="login"></a> <a href="memberlist.php"><img src="templates/illusion/images/head/nav_members.gif" border="0" alt="memberlist"></a> <a href="http://www.yahoofanclub.com/downloads.php"><img src="templates/illusion/images/head/nav_downloads.gif" alt="{Yahoofanclub downloads}" border="0" /></a> <a href="search.php"><img src="templates/illusion/images/head/nav_search.gif" border="0" alt="search the forums for yahoo publisher network frente adsense"></a> <a href="faq.php"><img src="templates/illusion/images/head/nav_faq.gif" alt="Freqently ask questions Y! FC" border="0"></a> <a href="http://www.yahoofanclub.com/links.php"><img src="templates/illusion/images/head/nav_submit_site.gif" alt="Add your link" border="0" /></a> <a href="http://www.yahoofanclub.com/contact_form.php"><img src="templates/illusion/images/head/contact_us.gif" alt="Contact Us" border="0" /></a> </td> </tr> </table> <div align="center"> <table class="h_shadowbar" width="100%" border="0" cellspacing="0" cellpadding="12"> <tr> <td align="right"> <br /><br /> Code (markup): Footer.tpl would be something like this (sans the phpBB stuff of course): <td width="10"><img src="images/spacer.gif" alt="" width="10" height="30" /></td></tr></table> <div align="center"><span class="copyright"><br /> <br /> <b><p align="center"><font style="font-size: 8pt"> This website is not affiliated in anyway with Yahoo! Inc. Yahoo! and the Yahoo! logo are registered trademark of Yahoo, Inc. <br> YahooFanClub.com is not affiliated with or endorsed by Yahoo, Inc. The names of actual companies, images used and products mentioned herein may be the trademarks of their respective owners. <br></b></font></p> <table width="100%" border="0"> <tr> <td><center><a href="http://www.mingleon.com/join.php"><font size=1.5>Categories at MingleOn Web Directory</a></center></td></font> </tr> </table> <br> <span class='copyright'> </td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="footarea" valign="bottom" width="50%"><a href="http://www.phpbb.com/" target="_blank"><img src="templates/illusion/images/foot_phpbb.png" width="242" height="31" border="0" alt="Powered by phpbb, copyright the phpbb group"></a></td> <td class="footarea" valign="bottom" width="50%" align="right"><a href="http://www.yahoofanclub.com/privacy.html" target="_blank"><span class='copyright'><img src="templates/illusion/images/foot_jasiright.png" width="129" height="31" border="0" alt="YahooFanClub Privacy Policy" title="YahooFanClub Privacy Policy"></span></a></td> </tr> </table></td> </tr> </table> </span> </body> </html> Code (markup): topbar.tpl would then contain your directory specific navigational links and would be on the left hand side like your forum: <!--sidebar html--> <table width="100%" cellpadding="1" cellspacing="0" border="0"> <tr> <td style="vertical-align:top;"> <table width="100%" cellpadding="0" cellspacing="0" class="forumline"> <tr> <th width="126px" cellspacing="2" cellpadding="2" class="thCornerL" height="25" nowrap="nowrap">Link Directory</th> </tr> <tr> <td align="center" class="row1"> <table border="0" cellspacing="0" cellpadding="2"> <tr> <td style="text-align: center;"> <a href="index.php" style="font-weight: bold;">Directory Root</a> <br /> <a href="submit.php" style="font-weight: bold;">Submit Link</a> etc... </td> </tr> </table> <br /> </td> </tr> </table> </td> </tr> </table> Code (markup): You have a lot of css work and some phpld specific coding, but you can make a great looking directory using the same template style as the site. Good luck and let me know when you're done. I'd like to see the finished result.
Well the main problem is with the Smarty_Compiler.class whenever its catches anything in { } tags, it jumps up with an error. in the above code i get error in the: <!-- Begin Yahoo Search Form --> <div id="yahoo-search-bar"> <div id="yahoo-search-bar-logo"><!--provides little yahoo logo--></div> <form id="yahoo-search" method="GET" action="http://search.yahoo.com/search"> <input type="text" name="p" value="" size=20 value="Search here" onfocus="if (this.value == 'Search here') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search here';}" /> <input type="submit" id="searchsubmit" style="display: none;" value="go" /> </form> </div> <!-- End Yahoo Search Form --> Can you do anything about that ? I am doing the experiment myself. If you wish I can provide you with the layout of the template. I'll be working on it soon.
Yeah, smarty kinda needs those characters wrapped in {literal} tags if you really want to use them. In this case you don't have to because those particular elements are useless in your PLD template. Like I said, you'll have to do a lot of cleaning up the HTML, inserting the appropriate PLD tags, and editing the CSS, but you can make a template that will blend very well with the rest of the site. I can code your template for you. I've PM'd you with my offer.