im not very good with themes but i will show u a basic example of what files you need and what the files contain and u could make your own.This is the files for a matrix theme i designed.
Pictures:
Logos and pictures on your site.For a better example the logo on this site that is displayed XOOPS is called logo.gif so you would take the file you want to be your logo and call it logo.gif and upload it to the pictures directory.If you want a pic for your back ground name it background.gif
Style.Css(you should make this file on notepad):
body {color: #44AA44; background: #000000; margin: 0; padding: 0; background-image: url('pictures/background.jpg'); background-attachment: fixed; background-repeat: repeat; background-position: center top; }
table {width: 100%; margin: 5; padding: 5; font-size: small;}
table td {padding: 0; border-width: 10; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}
a {color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #AAAAAA;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #118811}
input.formButton {}
.item {border: 1px solid #44AA44;}
.itemHead {padding: 3px; background-color: #000000; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #99FF99; color: #000000;}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold; color: #000000;}
.itemFoot {text-align: right; padding: 3px; background-color: #88EE88}
.itemAdminLink {font-size: 90%;color: #000000;}
.itemPermaLink {font-size: 90%;color: #000000;}
th {background-color: #44AA44; color: #000000; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}
td#headerbanner {background-image: url('pictures/background_01.jpg'); vertical-align: middle; align: left; text-align:center;}
td#headerlogo {background-image: url('pictures/background_01.jpg'); vertical-align: middle; align: left; }
td#headerbar {border-top: 1px solid #44AA44; background-image: url('pictures/background.gif');}
td#leftcolumn {width: 170px; font-size:12px; background-image: url('pictures/background_left.gif'); background-position: left left;}
td#leftcolumn th {background-color: #226622; color: #000000; vertical-align: middle; }
td#leftcolumn div.blockTitle {padding: 24px; background-color: transparent; color: #66FF66; font-weight: bold; text-align: center; border: 0px solid #44AA44; background-image: url('pictures/column_logo_left.gif'); background-attachment: fixed; background-repeat: no-repeat; background-position: center center;}
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; background-color: transparent; }
td#rightcolumn {width: 170px; font-size:12px; background-image: url('pictures/background_right.gif'); background-position: right right;}
td#rightcolumn th {background-color: #226622; color: #000000; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 24px; background-color: transparent; color: #66FF66; font-weight: bold; text-align: center; border: 0px solid #44AA44; background-image: url('pictures/column_logo_left.gif'); background-attachment: fixed; background-repeat: no-repeat; background-position: center center;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%; background-color: transparent; }
td#centercolumn {font-size: 12px; color: #FFFFFF; border: 1px solid #44AA44; }
td#centercolumn th {background-color: #118811; color: #FFFFFF; vertical-align: middle;}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #66FF66; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
td#centerCcolumn div.blockContent {border-left: 1px solid #44AA44; border-right: 1px solid #44AA44; border-bottom: 1px solid #44AA44; padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}
td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #66FF66; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {border-left: 1px solid #44AA44; border-right: 1px solid #44AA44; border-bottom: 1px solid #44AA44; padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #66FF66; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {border-left: 1px solid #44AA44; border-right: 1px solid #44AA44; border-bottom: 1px solid #44AA44; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}
div#content {text-align: left; padding: 8px;}
tr#footer {text-align:center; background-color: transparent; vertical-align: bottom}
td#footer {width: 100%; background-color: transparent; vertical-align: bottom; text-align:center; border-top: 0px solid #44AA44; background-image: url('pictures/background_bottom.gif'); background-position: bottom center;}
td#mainmenu a {background-color: #000000; color: #FFFFFF; display: block; margin: 0; padding: 4px;border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
td#mainmenu a:hover {background-color: #FFFFFF; color: #000000;}
td#mainmenu a.menuTop {border-top: 1px solid #FFFFFF;}
td#mainmenu a.menuMain {padding-left: 3px;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
td#usermenu a {background-color: #000000; color: #FFFFFF; display: block; margin: 0; padding: 4px; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
td#usermenu a:hover {background-color: #FFFFFF; color: #000000;}
td#usermenu a.menuTop {border-top: 1px solid #FFFFFF;}
td#usermenu a.menuMain {padding-left: 3px; }
td#usermenu a.highlight {background-color: #008800;}
.outer {border: 1px solid #449944;}
.head {background-color: #226622; padding: 5px; font-weight: bold; color: #FFFFFF; }
.even {background-color: #449944; padding: 5px; color: transparent; }
.odd {background-color: #66BB66; padding: 5px; color: transparent; }
.foot {background-color: #88EE88; padding: 5px; font-weight: bold; color: #FFFFFF; }
tr.even td {background-color: #449944; padding: 5px; color: transparent; }
tr.odd td {background-color: #88EE88; padding: 5px; color: transparent; }
div.errorMsg { background-color: #449944; text-align: center; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #44AA44; border-bottom: 1px solid #44AA44; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #44AA44; border-bottom: 1px solid #44AA44; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #449944; color: #333333; text-align: center; border-top: 1px solid #118811; border-left: 1px solid #118811; font-weight: bold; border-right: 1px solid #118811; border-bottom: 1px solid #118811; padding: 10px;}
div.xoopsCode { background: #44AA44; border: 1px inset #FFFFFF; color: #FFFFFF; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #44AA44; border: 1px inset #FFFFFF; color: #FFFFFF; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #FFFFFF; font-weight:bold; background: #44AA44; border: 1px inset #FFFFFF; color: #FFFFFF; }
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #FF0000; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px; font-weight:bold;}
.comUserRankImg {border: 0px none;}
.comUserName {font-size: 12px; color: #000000; font-weight:bold;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller;}
.comDateCaption {font-weight: bold; font-style: normal;}
StyleMAC.Css:
@import url(style.css);
/* Very short Mac-specific additions/changes here (if
any) */
StyleNN.css:
@import url(style.css);
/* Very short Mac-specific additions/changes here (if
any) */
theme.html:
<!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="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
<script language="javascript" type="text/javascript" src="<{$xoops_imageurl}>script/usingit_js_matrix_background_cfg.js"></script>
<script language="javascript" type="text/javascript" src="<{$xoops_imageurl}>script/usingit_js_matrix_background.js"></script>
</head>
<body>
<table cellspacing="0">
<tr id="header">
<td id="headerlogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>pictures/logo_left.gif" width="67" height="80" alt="Matrix" align="left"/></a></td>
<td id="headerbanner"><{$xoops_banner}></td>
<td id="headerlogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>pictures/logo_right.gif" width="67" height="80" alt="Matrix" align="right"></a></td>
</tr>
</table>
<td>
<table cellspacing="0">
<tr>
<td id="leftcolumn">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<{include file="default/theme_blockleft.html"}>
<{/foreach}>
<!-- End left blocks loop -->
</td>
<td id="centercolumn">
<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}>
<table cellspacing="0">
<tr> <td align="center" colspan="2">
<img src="<{$xoops_imageurl}>pictures/logo_center.gif" width="198" height="81" alt="The Matrix..." /></a><p>
</td>
</tr>
<tr>
<td id="centerCcolumn" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}>
<{include file="default/theme_blockcenter_c.html"}>
<{/foreach}>
<!-- End center-center blocks loop -->
</td>
</tr>
<tr>
<td id="centerLcolumn">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}>
<{include file="default/theme_blockcenter_l.html"}>
<{/foreach}>
<!-- End center-left blocks loop -->
</td><td id="centerRcolumn">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}>
<{include file="default/theme_blockcenter_r.html"}>
<{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table>
<{/if}>
<!-- End display center blocks -->
<div id="content">
<{$xoops_contents}>
</div>
</td>
<{if $xoops_showrblock == 1}>
<td id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoops_rblocks}>
<{include file="default/theme_blockright.html"}>
<{/foreach}>
<!-- End right blocks loop -->
</td>
<{/if}>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<{$xoops_imageurl}>pictures/column_bottom_left.gif" width="160" height="213" alt="Matrix" align="right" vertical-align="bottom"></a>
</td>
<td id="footer"><br /><{$xoops_footer}><br />
Design : BraveHeart <a href="http://tds.dgwh.com/forums/xoops" target="_blank">-> The Death Squad Clan <-</a>
<p></p>
</td>
<td><img src="<{$xoops_imageurl}>pictures/column_bottom_right.gif" width="160" height="213" alt="Matrix" align="left" vertical-align="bottom"></a>
</td>
</tr>
</table>
</body>
</html>
theme_blockcenter_c.html:
<div style="padding: 5px;">
<fieldset>
<legend class="blockTitle"><{$block.title}></legend>
<div class="blockContent"><{$block.content}></div>
</fieldset>
</div>
theme_blockcenter_l.html:
<div style="padding: 0px 0px 0px 8px;">
<fieldset>
<legend class="blockTitle"><{$block.title}></legend>
<div class="blockContent"><{$block.content}></div>
</fieldset>
</div>
theme_blockcenter_r.html:
<div style="padding: 0px 5px 0px 0px;">
<fieldset>
<legend class="blockTitle"><{$block.title}></legend>
<div class="blockContent"><{$block.content}></div>
</fieldset>
</div>
theme_blockleft.html:
<div class="blockTitle"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>
theme_blockright.html:
<div class="blockTitle"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>
The Block files you should leave.If you want to creat thistheme yourself you can to test out making themes,the only thing i need to ask you not to change is the design:braveheart part.
Hope this is of any use.
