HiTech Theme - Themes - XOOPS News - XOOPS Web Application System

XOOPS

News

News World of XOOPS Developers Hacks Themes Archive Submit News

Themes: HiTech Theme

Posted by: JMorrisOn 2007/6/24 3:13:29 12060 reads

Target Audience: Mid-Level XOOPS Users
Required Version: XOOPS 2.0.x
Description: The HiTech theme was the original theme of MyPCResource. It's been nearly a year since I did any serious work on that site, so I've decided to release that site's original theme to the public.

Users who are familiar with basic module configuration and who understand basic HTML shouldn't have any problems adapting this design to suit their needs.

As with all fixed-width themes, there are some module compatibility issues. Be sure you test this design thoroughly and configure your module templates properly before transitioning to this design.

This design has been tested in Firefox 2.x, IE 6.x and IE 7.x. This design passes W3C XHTML 1.0 Transitional and CSS level 2.0 validation.

Enjoy!

Demo URL
Download URL

The comments are owned by the author. We aren't responsible for their content.

Re: HiTech Theme

Ft24v2 Published 06/27/2007 20:43 Just popping in Joined 01/30/2007 Comments 86

Very Nice Theme

Re: HiTech Theme

onasre Published 06/29/2007 4:23 Not too shy to talk Joined 08/12/2006 Comments 150

its coool but i want the right block to appear on the right side not below in the left side .

how can i fix that

Re: HiTech Theme

JMorris Published 06/29/2007 13:29 XOOPS is my life! Joined 04/11/2004 Comments 2722

You could replace the contents of theme.html with the following


<!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>

<title><{$xoops_sitename}>&nbsp;&raquo;&nbsp;<{$xoops_pagetitle}></title>

<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />

<meta http-equiv="content-language" content="<{$xoops_langcode}>" />

<meta name="description" content="<{$xoops_meta_description}>" />

<meta name="keywords" content="<{$xoops_meta_keywords}>" />

<meta http-equiv="pragma" content="no-cache" />

<meta name="robots" content="<{$xoops_meta_robots}>" />

<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="XOOPS" />

<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />

<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_imageurl}>/style.css" />

<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" />

<!-- RMV: added module header -->

<{$xoops_module_header}>

<script type="text/javascript">

<!--

<{$xoops_js}>

//-->

</script>

</head>

<body>

<div id="cwrap">

  <div id="hdrwrap">

    <table cellpadding="0" cellspacing="0" id="header">

      <tr>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="7" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="3" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="56" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="10" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="83" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="7" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="56" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="11" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="108" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="7" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="57" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="9" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="41" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="40" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="8" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="85" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="161" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="11" height="1" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

      </tr>

      <tr>

        <td><img name="hdrlbdrt" src="<{$xoops_imageurl}>images/hdrlbdrt.jpg" width="7" height="50" border="0" alt="" /></td>

        <td colspan="2"><a href="<{$xoops_url}>/"><img name="home" src="<{$xoops_imageurl}>images/home.jpg" width="59" height="50" border="0" alt="" /></a></td>

        <td><img name="hdrlkb" src="<{$xoops_imageurl}>images/hdrlkb.jpg" width="10" height="50" border="0" alt="" /></td>

        <td><a href="<{$xoops_url}>/modules/smartsection/"><img name="articles" src="<{$xoops_imageurl}>images/articles.jpg" width="83" height="50" border="0" alt="" /></a></td>

        <td><img name="header_r1_c6" src="<{$xoops_imageurl}>images/header_r1_c6.jpg" width="7" height="50" border="0" alt="" /></td>

        <td><a href="<{$xoops_url}>/modules/pcnews/"><img name="news" src="<{$xoops_imageurl}>images/news.jpg" width="56" height="50" border="0" alt="" /></a></td>

        <td><img name="header_r1_c8" src="<{$xoops_imageurl}>images/header_r1_c8.jpg" width="11" height="50" border="0" alt="" /></td>

        <td><a href="<{$xoops_url}>/modules/mydownloads/"><img name="downloads" src="<{$xoops_imageurl}>images/downloads.jpg" width="108" height="50" border="0" alt="" /></a></td>

        <td><img name="header_r1_c10" src="<{$xoops_imageurl}>images/header_r1_c10.jpg" width="7" height="50" border="0" alt="" /></td>

        <td><a href="<{$xoops_url}>/modules/mylinks/"><img name="links" src="<{$xoops_imageurl}>images/links.jpg" width="57" height="50" border="0" alt="" /></a></td>

        <td><img name="header_r1_c12" src="<{$xoops_imageurl}>images/header_r1_c12.jpg" width="9" height="50" border="0" alt="" /></td>

        <td colspan="2"><a href="<{$xoops_url}>/modules/liaise/"><img name="contact" src="<{$xoops_imageurl}>images/contact.jpg" width="81" height="50" border="0" alt="" /></a></td>

        <td><img name="header_r1_c15" src="<{$xoops_imageurl}>images/header_r1_c15.jpg" width="8" height="50" border="0" alt="" /></td>

        <td><a href="<{$xoops_url}>/modules/content/index.php?id=1"><img name="partners" src="<{$xoops_imageurl}>images/partners.jpg" width="85" height="50" border="0" alt="" /></a></td>

        <td colspan="2"><img name="hdrtrbdr" src="<{$xoops_imageurl}>images/hdrtrbdr.jpg" width="172" height="50" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="1" height="50" border="0" alt="" /></td>

      </tr>

      <tr>

        <td colspan="13"><img name="nav2logospc" src="<{$xoops_imageurl}>images/nav2logospc.jpg" width="455" height="25" border="0" alt="" /></td>

        <td colspan="3"><img name="nav2logospcr" src="<{$xoops_imageurl}>images/nav2logospcr.jpg" width="133" height="25" border="0" alt="" /></td>

        <td colspan="2"><img name="tr2oslogospc" src="<{$xoops_imageurl}>images/tr2oslogospc.jpg" width="172" height="25" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="1" height="25" border="0" alt="" /></td>

      </tr>

      <tr>

        <td colspan="2"><img name="hdrmlbdr" src="<{$xoops_imageurl}>images/hdrmlbdr.jpg" width="10" height="100" border="0" alt="" /></td>

        <td colspan="11"><img name="logo" src="<{$xoops_imageurl}>images/logo.jpg" width="445" height="100" border="0" alt="" /></td>

        <td colspan="3"><img name="logospcr" src="<{$xoops_imageurl}>images/logospcr.jpg" width="133" height="100" border="0" alt="" /></td>

        <td><img name="oslogo" src="<{$xoops_imageurl}>images/oslogo.jpg" width="161" height="100" border="0" alt="" /></td>

        <td><img name="header_r3_c18" src="<{$xoops_imageurl}>images/header_r3_c18.jpg" width="11" height="100" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="1" height="100" border="0" alt="" /></td>

      </tr>

      <tr>

        <td colspan="13"><img name="logo2hdrbspc" src="<{$xoops_imageurl}>images/logo2hdrbspc.jpg" width="455" height="25" border="0" alt="" /></td>

        <td colspan="3"><img name="logospcrtohdrbbdr" src="<{$xoops_imageurl}>images/logospcrtohdrbbdr.jpg" width="133" height="25" border="0" alt="" /></td>

        <td colspan="2"><img name="hdrbrbdr" src="<{$xoops_imageurl}>images/hdrbrbdr.jpg" width="172" height="25" border="0" alt="" /></td>

        <td><img src="<{$xoops_imageurl}>images/spacer.gif" width="1" height="25" border="0" alt="" /></td>

      </tr>

    </table>

  </div>

  <div id="mbwrap">

    <table cellpadding="0" cellspacing="0" id="mainbody">

      <tr>

        <td id="leftcolumn"><!-- Start left blocks loop -->

<{foreach item=block from=$xoops_lblocks}>

          <div class="blockTitle"><{$block.title}></div>

          <div class="blockContent"><{$block.content}></div>

<{/foreach}>

          <!-- End left blocks loop -->

        </td>

        <td id="centercolumn"><!-- Display center blocks if any -->

<{if $xoops_showcblock == 1}>

          <table cellspacing="0">

            <tr>

              <td id="centerCcolumn" colspan="2"><!-- Start center-center blocks loop -->

<{foreach item=block from=$xoops_ccblocks}>

                <div style="padding: 5px;">

                  <fieldset>

                  <legend class="blockTitle"><{$block.title}></legend>

                  <div class="blockContent"><{$block.content}></div>

                  </fieldset>

                </div>

<{/foreach}>

                <!-- End center-center blocks loop -->

              </td>

            </tr>

            <tr>

              <td id="centerLcolumn"><!-- Start center-left blocks loop -->

<{foreach item=block from=$xoops_clblocks}>

                <div style="padding: 0px 0px 0px 8px;">

                  <fieldset>

                  <legend class="blockTitle"><{$block.title}></legend>

                  <div class="blockContent"><{$block.content}></div>

                  </fieldset>

                </div>

<{/foreach}>

                <!-- End center-left blocks loop -->

              </td>

              <td id="centerRcolumn"><!-- Start center-right blocks loop -->

<{foreach item=block from=$xoops_crblocks}>

                <div style="padding: 0px 5px 0px 0px;">

                  <fieldset>

                  <legend class="blockTitle"><{$block.title}></legend>

                  <div class="blockContent"><{$block.content}></div>

                  </fieldset>

                </div>

<{/foreach}>

                <!-- End center-right blocks loop -->

              </td>

            </tr>

          </table>

<{/if}>

          <!-- End display center blocks -->

          <div id="content"> <{$xoops_contents}> </div>

<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright or $xoBlocks.page_bottomcenter}>

          <table cellspacing="0">

<{if $xoBlocks.page_bottomcenter}>

            <tr>

              <td id="bottomCcolumn" colspan="2"><{foreach from=$xoBlocks.page_bottomcenter item=block}>

                <div style="padding: 5px;">

                  <fieldset>

                  <legend class="blockTitle"><{$block.title}></legend>

                  <div class="blockContent"><{$block.content}></div>

                  </fieldset>

                </div>

<{/foreach}> </td>

            </tr>

<{/if}> <{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright}>

            <tr>

              <td id="bottomLcolumn"><{foreach from=$xoBlocks.page_bottomleft item=block}>

                <div style="padding: 0px 0px 0px 8px;">

                  <fieldset>

                  <legend class="blockTitle"><{$block.title}></legend>

                  <div class="blockContent"><{$block.content}></div>

                  </fieldset>

                </div>

<{/foreach}> </td>

              <td id="bottomRcolumn"><{foreach from=$xoBlocks.page_bottomright item=block}>

                <div style="padding: 0px 5px 0px 0px;">

                  <fieldset>

                  <legend class="blockTitle"><{$block.title}></legend>

                  <div class="blockContent"><{$block.content}></div>

                  </fieldset>

                </div>

<{/foreach}> </td>

            </tr>

<{/if}>

          </table>

<{/if}> </td>

        <td id="rightcolumn"><!-- Start right blocks loop -->

<{foreach item=block from=$xoops_rblocks}>

          <div class="blockTitle"><{$block.title}></div>

          <div class="blockContent"><{$block.content}></div>

<{/foreach}>

          <!-- End right blocks loop -->

        </td>

      </tr>

    </table>

  </div>

  <div id="fwrap">

    <table cellpadding="0" cellspacing="0" id="footer">

      <tr>

        <td><{$xoops_footer}><br />

          Theme Courtesy of <a href="http://mywebresource.com/" target="_blank" title="MyWebResource: Webmaster Resources">MyWebResource</a></td>

      </tr>

    </table>

  </div>

</div>

</body>

</html>

You would need to do some tweaking of the css to get it to look right and you may need to remove the width definition on the main content to keep things from being too cramped.

Personally, I wouldn't recommend using this theme in a 3 column configuration, but if you must, it only takes about 10 minutes to edit the HTML and CSS to get it to work.

Login

Username

Password

Remember me

Search

Advanced Search

Donat-O-Meter

Stats
Goal:	$100.00
Due Date:	Apr 30
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}

{{ record.commit.author.name }} {{ record.commit.author.date | formatDate }}

Themes: HiTech Theme

Re: HiTech Theme

Re: HiTech Theme

Re: HiTech Theme

Login

Search

Recent Comments

Re: XOOPS 2.5.11 Final Released

Re: XOOPS 2.5.11 Final Released

Re: XOOPS 2.5.11 Final Released

Re: XOOPS 2.5.11 Final Released

Re: XOOPS 2.5.11 Final Released

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}

Archives

News archives