I am trying to implement an html theme into xoops. I am having a bit of trouble that the blocks on the home page (top and bottom) are not showing up. It is a problem with my coding, as I am not an expert.
You can
view here pleasethe theme file is this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>"> <head> <meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" /> <meta http-equiv="content-language" content="<{$xoops_langcode}>" /> <meta name="robots" content="<{$xoops_meta_robots}>" /> <meta name="keywords" content="<{$xoops_meta_keywords}>" /> <meta name="description" content="<{$xoops_meta_description}>" /> <meta name="rating" content="<{$xoops_meta_rating}>" /> <meta name="author" content="<{$xoops_meta_author}>" /> <meta name="copyright" content="<{$xoops_meta_copyright}>" /> <meta name="generator" content="Microsoft FrontPage 6.0" /> <title><{$xoops_sitename}> - <{$xoops_pagetitle}></title> <link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" /> <link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" /> <link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" /> <link rel="stylesheet" type="text/css" href="<{$xoops_url}>/themes/fantastyzen/css/coin-slider.css" /> <!-- RMV: added module header --> <{$xoops_module_header}> <script type="text/javascript" src="<{$xoops_url}>/themes/fantastyzen/js/cufon-yui.js"></script> <script type="text/javascript" src="<{$xoops_url}>/themes/fantastyzen/js/droid_sans_400-droid_sans_700.font.js"></script> <script type="text/javascript" src="<{$xoops_url}>/themes/fantastyzen/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="<{$xoops_url}>/themes/fantastyzen/js/script.js"></script> <script type="text/javascript" src="<{$xoops_url}>/themes/fantastyzen/js/coin-slider.min.js"></script> </head> <body> <div class="main"> <div class="header"> <div class="header_resize"> <div class="menu_nav"> <ul> <li class="first"><a href="<{$xoops_url}>/">Home</a></li> <li><a href="<{$xoops_url}>/modules/mydownloads/">Files</a></li> <li><a href="<{$xoops_url}>/modules/xoopsfaq/">FAQ</a></li> <li><a href="<{$xoops_url}>/modules/contact/">Contact Us</a></li> <li class="last"><a href="<{$xoops_url}>/modules/newbb/">Forums</a></li> </ul> </div> <div class="logo"> <h1><a href="index.html"><span>Fantastyzen</span></a></h1> </div> <div class="clr"></div> <div class="slider"> <div id="coin-slider"> <a href="#"><img src="<{$xoops_url}>/themes/fantastyzen/images/slide1.jpg" width="960" height="360" alt="" /><span> Tusce nec iaculis risus hasellus nec sem sed tellus malesuada porttitor. Mauris scelerisque feugiat ante in vulputate. Nam sit amet ullamcorper tortor. Phasellus posuere facilisis cursus. Nunc est lorem, dictum at scelerisque sit amet, faucibus et est. Proin mattis ipsum quis arcu aliquam molestie.</span></a> <a href="#"><img src="<{$xoops_url}>/themes/fantastyzen/images/slide2.jpg" width="960" height="360" alt="" /><span> Tusce nec iaculis risus hasellus nec sem sed tellus malesuada porttitor. Mauris scelerisque feugiat ante in vulputate. Nam sit amet ullamcorper tortor. Phasellus posuere facilisis cursus. Nunc est lorem, dictum at scelerisque sit amet, faucibus et est. Proin mattis ipsum quis arcu aliquam molestie.</span></a> <a href="#"><img src="<{$xoops_url}>/themes/fantastyzen/images/slide3.jpg" width="960" height="360" alt="" /><span> Tusce nec iaculis risus hasellus nec sem sed tellus malesuada porttitor. Mauris scelerisque feugiat ante in vulputate. Nam sit amet ullamcorper tortor. Phasellus posuere facilisis cursus. Nunc est lorem, dictum at scelerisque sit amet, faucibus et est. Proin mattis ipsum quis arcu aliquam molestie.</span></a> </div> <!--<div class="clr"></div>--> </div> <!--<div class="clr"></div>--> </div> </div> <div class="content"> <div class="content_resize"> <div class="mainbar"> <!--start blocks here--> <{if $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}> <table id="xo-topblocks" cellspacing="0"> <tr> <td id="xo-topcenterblocks" colspan="2"> <{foreach item=block from=$xoBlocks.page_topcenter}> <{includeq file="$theme_name/theme_blockcenter_c.html"}> <{/foreach}> </td> </tr> <tr> <td id="xo-topleftblocks"> <{foreach item=block from=$xoBlocks.page_topleft}> <{includeq file="$theme_name/theme_blockcenter_l.html"}> <{/foreach}> </td> <td id="xo-toprightblocks"> <{foreach item=block from=$xoBlocks.page_topright}> <{includeq file="$theme_name/theme_blockcenter_r.html"}> <{/foreach}> </td> </tr> </table> <{/if}> <!-- Start content module page --> <div id="content"><{$xoops_contents}></div> <!-- End content module --> <!-- Start center bottom blocks loop --> <{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright or $xoBlocks.page_bottomcenter}> <table id="xo-bottomblocks" cellspacing="0"> <{if $xoBlocks.page_bottomcenter}> <tr> <td id="xo-bottomcenterblocks" colspan="2"> <{foreach from=$xoBlocks.page_bottomcenter item=block}> <{include file="$theme_name/theme_blockcenter_c.html"}><{/foreach}> </td> </tr> <{/if}> <{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright}> <tr> <td id="xo-bottomleftblocks"> <{foreach from=$xoBlocks.page_bottomleft item=block}> <{include file="$theme_name/theme_blockcenter_l.html"}> <{/foreach}> </td> <td id="xo-bottomrightblocks"> <{foreach from=$xoBlocks.page_bottomright item=block}> <{include file="$theme_name/theme_blockcenter_r.html"}> <{/foreach}> </td> </tr> <{/if}> </table> <{/if}> <!-- End center bottom blocks loop --> </div> <div class="sidebar"> <{foreach item=block from=$xoops_lblocks}> <div class="gadget"> <h4><{$block.title}></h4> <{$block.content}> </div> <{/foreach}> <div class="clr"></div> <!--<div class="gadget">--> <{foreach item=block from=$xoops_rblocks}> <div class="featurebox"> <h3><{$block.title}></h3> <{$block.content}> </div> <{/foreach}> <div class="clr"></div> <!--</div>--> <div class="clr"></div> </div> <div class="clr"></div> </div> </div> <div class="fbg"> <div class="fbg_resize"> <div class="col c1"> <h2><span>Image</span> Gallery</h2> <a href="#"><img src="images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div> <div class="col c2"> <h2><span>Services</span> Overview</h2> <p>Curabitur sed urna id nunc pulvinar semper. Nunc sit amet tortor sit amet lacus sagittis posuere cursus vitae nunc.Etiam venenatis, turpis at eleifend porta, nisl nulla bibendum justo.</p> <ul class="fbg_ul"> <li><a href="#">Lorem ipsum dolor labore et dolore.</a></li> <li><a href="#">Excepteur officia deserunt.</a></li> <li><a href="#">Integer tellus ipsum tempor sed.</a></li> </ul> </div> <div class="col c3"> <h2><span>Contact</span> Us</h2> <p>Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui.</p> <p class="contact_info"> <span>Address:</span> 1458 TemplateAccess, USA<br /> <span>Telephone:</span> +123-1234-5678<br /> <span>FAX:</span> +458-4578<br /> <span>Others:</span> +301 - 0125 - 01258<br /> <span>E-mail:</span> <a href="#">mail@yoursitename.com</a> </p> </div> <div class="clr"></div> </div> <!--</div>--> <div class="footer"> <div class="footer_resize"> <{$xoops_meta_copyright}> By <{$xoops_sitename}>All trademarks used are properties of their respective owners. All rights reserved. </div> </div> </div> </body> </html>
and the style file is this:
/* Design by http://www.dreamtemplate.com */ @charset "utf-8"; body { margin:0; padding:0; width:100%; color:#000000; font:normal 12px/1.5em Verdana, Arial, Helvetica, sans-serif; background:#eceff4 url(images/main_bg.gif) repeat-x left top; } html, .main { padding:0; margin:0; } .main { background:url(images/header_bg.jpg) no-repeat center top; } .clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; } h2 { margin:8px 0; padding:8px 0; font-size:25px; font-weight:normal; color:#353c46; } p { margin:8px 0; padding:0 0 8px 0; } a { color:#373b44; text-decoration:underline; } .header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0; } .header { } .header_resize { margin:0 auto; padding:0 0 32px; width:960px; } .logo { padding:0; float:left; width:auto; height:106px; } h1 { margin:0; padding:32px 0 0; font-size:50px; font-weight:normal; line-height:1.2em; text-transform:none; } h1 a, h1 a:hover { color:#0e1445; text-decoration:none; } h1 span { } h1 small { display:block; margin:-4px 0; padding-left:160px; font-size:20px; line-height:1.2em; letter-spacing:normal; text-transform:none; color:#0e1445; } .slider { padding:0; } .rss { padding:18px 20px 0 0; float:right; width:auto; } .rss p { margin:0; padding:0; float:right; width:auto; color:#fff; font-size:13px; line-height:1.5em; font-weight:bold; } .rss a { color:#fff; text-decoration:none; } .rss a:hover { text-decoration:underline; } .rss img { margin:-3px 0 -3px 6px; border:none; } .menu_nav { margin:0 auto; padding:31px 0 0; height:42px; float:right; } .menu_nav ul { list-style:none; padding:0; height:42px; float:left; } .menu_nav ul li { margin:0; padding:0 0 0 2px; float:left; } .menu_nav ul li a { display:block; margin:0; padding:12px 0 0; width:124px; height:30px; font-size:16px; line-height:22px; font-weight:normal; color:#fff; text-decoration:none; text-transform:none; text-align:center; background:url(images/menu_a.gif) no-repeat center top; } .menu_nav ul li.active a, .menu_nav ul li a:hover { text-decoration:none; color:#fff; background:url(images/menu_p.gif) no-repeat center top; } .content { padding:0; } .content_resize { margin:0 auto; padding:18px 0; width:960px; } .content .mainbar { margin:0; padding:0; float:left; width:660px; } .content .mainbar h2 { margin-bottom:0; padding-bottom:0; font-size:25px; line-height:1.2em; color:#76808c; } .content .mainbar div.img { padding:12px 0 0; float:left; } .content .mainbar img { } .content .mainbar img.fl { margin:0; padding:0; background:#fff; border:none; } .content .mainbar .article { margin:0 0 32px; padding:0 0 0 20px; } .content .mainbar .post_content { float:right; width:380px; } .content .mainbar .post_content strong { color:#232323; } .content .sidebar { padding:0; float:right; width:250px; } .content .sidebar .gadget { margin:0 0 12px; padding:16px 20px; background:#dbe2ec url(images/gadget_bg.gif) repeat-x left bottom; border:2px solid #fff; } .content .sidebar h2 { color:#353c46; text-transform:uppercase; } ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#76808c; } ul.sb_menu li, ul.ex_menu li { margin:0; } ul.sb_menu li { padding:8px 0; width:220px; } ul.ex_menu li { padding:4px 0; } ul.sb_menu li a { color:#76808c; text-decoration:none; margin-left:-16px; padding:4px 8px 4px 16px; } ul.ex_menu li a { font-weight:bold; color:#161616; text-decoration:none; } ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#373b44; font-weight:bold; text-decoration:underline; } p.spec { padding:0 0 16px; } p.infopost { margin-bottom:8px; padding:8px 12px; color:#76808c; background:#dbe2ec; border:2px solid #fff; } p.infopost a { padding:0 2px; color:#76808c; text-decoration:underline; } p.infopost a.com { padding-left:4px; float:right; font-weight:normal; text-decoration:none; color:#76808c; } p.infopost a.com:hover { text-decoration:underline; } p.infopost a.com span { padding-left:4px; font-weight:bold; color:#1941a4; } .content .mainbar a.rm { display:block; margin:0 0 16px; padding:28px 0 0; height:37px; font-size:18px; line-height:26px; font-weight:normal; text-transform:uppercase; color:#1941a4; text-decoration:none; text-align:center; background:url(images/readmore.gif) no-repeat center top; } .content p.pages { margin:0; padding:24px 0 24px 20px; font-size:11px; color:#6e6e6e; text-align:left; background:repeat-x left top; } .content p.pages span, .content p.pages a { padding:8px 12px; text-decoration:none; background:none; } .content p.pages span, .content p.pages a:hover { color:#fff; background:#1941a4; border:none; } .content p.pages a { color:#6e6e6e; border:none; } .content p.pages small { font-size:12px; float:right; } .content .mainbar .comment { margin:0; padding:16px 0 0 0; } .content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left; } .fbg { background:#0f3d9f url(images/fbg_bg.gif) repeat-x left top; } .fbg_resize { margin:0 auto; width:920px; padding:16px 20px; color:#e7eff1; } .fbg h2 { color:#e7eff1; padding-bottom:24px; } .fbg img.gal { margin:0 8px 8px 0; padding:0; border:none; } .fbg .col { margin:0; float:left; } .fbg .c1 { padding:0 16px 0 0; width:280px; } .fbg .c2 { padding:0 36px 0 16px; width:280px; } .fbg .c3 { padding:0 0 0 16px; width:274px; } .fbg .fbg_ul { margin:0; padding:0; list-style:none; } .fbg .fbg_ul li { margin:0; padding:0; list-style:none; } .fbg .fbg_ul li a { display:block; margin:0; padding:2px 0 2px 12px; color:#e7eff1; text-decoration:none; background:url(images/li.gif) no-repeat left center; } .fbg .fbg_ul li a:hover { color:#43d8ff; text-decoration:underline; } .fbg p.contact_info { line-height:1.8em; } .fbg p.contact_info a { color:#43d8ff; text-decoration:underline; } .fbg p.contact_info span { display:block; float:left; width:74px; font-weight:bold; color:#43d8ff; } ol { list-style:none; } ol li { display:block; clear:both; } ol li label { display:block; margin:0; padding:16px 0 0 0; } ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff; } ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff; } ol li .send { margin:16px 0 0 0; } .searchform { margin:0 0 12px; padding:0; float:left; background:#dbe2ec; border:2px solid #fff; } #formsearch { margin:0; padding:16px 20px; width:auto; height:30px; } #formsearch span { display:block; margin:0; padding:0; float:left; background:url(images/search_bg.gif) no-repeat left top; } #formsearch input.editbox_search { margin:0; padding:8px 6px; float:left; width:175px; font-size:12px; line-height:14px; color:#aeaeae; background:none; outline:none; border:none; } #formsearch input.button_search { margin:0; padding:0; border:none; float:left; } .footer { background:#0b0c4f; } .footer_resize { margin:0 auto; padding:10px 40px; width:920px; line-height:1.5em; color:#cccccc; } .footer_resize p { margin:24px 0; padding:0; line-height:normal; white-space:nowrap; text-indent:inherit; } .footer_resize a { color:#43d8ff; font-weight:normal; margin:0; padding:0; border:none; text-decoration:underline; background-color:transparent; } .footer_resize a:hover { color:#43d8ff; background-color:transparent; text-decoration:none; } .footer_resize .lf { float:left; } .footer_resize .rf { float:right; } a { outline:none; } #usermenu a:link, a.menuMain:link, a.menuTop:link, #usermenu a:visited, a.menuMain:visited, a.menuTop:visited, #usermenu a:hover, a.menuMain:hover, a.menuTop:hover, #usermenu a:active, a.menuMain:active, a.menuTop:active { display: block; width: auto; padding: 0 0 0 25px; background: #fff url("images/sprites.gif") no-repeat 10px -695px; text-decoration: none; font-weight: bold; font-size: 0.9em; line-height: 1.9; color: #000; border-top: 1px solid #fff; border-bottom: 1px solid #ccc;} a.menuMain:hover, a.menuTop:hover { color:#c00; background: #fee url("images/sprites.gif") no-repeat 10px -695px; text-decoration: none;} a.menuSub:link, a.menuSub:visited, a.menuSub:hover, a.menuSub:active { display: block; width: auto; margin: 0 0 0 23px; padding: 0 0 0 23px; background: #fff url("images/sprites.gif") no-repeat 0 -798px; text-decoration: none; font-weight: normal; font-size: 0.8em; line-height: 1.9; color: #000;} a.menuSub:hover { color:#c00; background: #fff url("images/sprites.gif") no-repeat 0 -798px; text-decoration: none;}
your help is appreciated!!!!
