Hello,
I 'm trying to modify a theme and I would like it to show blocks in a column on the right and still have blocks in a left cloum ie: left, center and right columns.
(it looks like it's supposed to display the right blocks on left, but it doesn't )
I've been attempting to adust the tables but not really getting anywhere - though at one point I did manage to have the center blocks duplicated 8 times vertically accross the screen
This is the 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="screen" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
</head>
<body>
<!--//
Tema para XOOPS 2
@Nombre: RMDigital
@Autor: BiteC3R0 <bitec3r0@hotmail.com>
@Sitio Web:
http://www.redmexico.com.mxUtilizalo libremente. Por favor manten estas líneas y
manten nuestros créditos.
Encuentra mas themes en www.redmexico.com.mx
//-->
<table width="100%" class="main" align="center" cellpadding="0" cellspacing="0">
<tr><td class="header">
<div align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="subHLinks" bgcolor="#4E57B2" width="100%">· <a href="http://www.lost-in-france.com/" style="color: #FFFFFF;">Home</a> · <a href="<{$xoops_url}>/modules/pbboard" style="color:#FFFFFF;">Forums</a> · <a href="<{$xoops_url}>/modules/xcgal" style="color:#FFFFFF;">Gallery</a> · <a href="<{$xoops_url}>/modules/xp-weather" style="color:#FFFFFF;">Weather</a> · <a href="http://www.mysite.com/stuff.htm" style="color:#FFFFFF;">stuff</a></td>
</tr>
<tr>
<td height="7" bgcolor="#4E57B2" width="100%"> </td>
</tr>
<tr>
<td width="100%">
<div align="left">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1%" bgcolor="#4E57B2"> </td>
<td width="44%" bgcolor="#4E57B2"><a href="<{$xoops_url}>"><img src="<{$xoops_imageurl}>images/logo.jpg" width="199" height="81" border="0"></a></td>
<td width="13%" bgcolor="#4E57B2"> </td>
<td class="banner" bgcolor="#4E57B2" width="42%"><{$xoops_banner}></td>
</tr>
</table></div>
</td>
</tr>
<tr>
<td bgcolor="#4E57B2" width="100%"> </td>
</tr>
<tr>
<td bgcolor="#4E57B2" width="100%"> </td>
</tr>
</table>
</div>
</td></tr>
</table>
<div align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="main">
<tr>
<form action="<{$xoops_url}>/search.php" method="get">
<td class="search" width="100%">
<span lang="en-gb">Search</span>:
<input type="hidden" name="action" value="results" /><input name="query" type="text" class="txtbox" id="query" />
<input name="sbt" type="submit" id="sbt" value="Go" class="button" />
</td>
</form>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" class="left" width="100%">
<{foreach item=block from=$xoops_lblocks}>
<{include file="rmdigital/theme_blockleft.html"}><br>
<{/foreach}>
<{foreach item=block from=$xoops_rblocks}>
<{include file="rmdigital/theme_blockright.html"}>
<{/foreach}><br>
</td>
<td valign="top" class="content" width="100%">
<{$xoops_contents}><br><br>
<{if $xoops_showcblock == 1}>
<{foreach item=block from=$xoops_ccblocks}>
<{include file="rmdigital/theme_blockcenter_c.html"}><br>
<{/foreach}>
<{/if}><br />
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td id="centerLcolumn" valign="top" width="100%">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}> <{include file="rmdigital/theme_blockcenter_l.html"}> <{/foreach}>
<!-- End center-left blocks loop -->
</td>
<td id="centerRcolumn" valign="top" width="100%">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}> <{include file="rmdigital/theme_blockcenter_r.html"}> <{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table></td>
</tr>
</table> </td>
</tr>
</table>
</div>
<div align="center">
<table class="main" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr class="main">
<td height="9" bgcolor="#8694D6"> </td>
</tr>
<tr class="main">
<td class="copy" bgcolor="#8694D6">Copyright © 2005. me<span lang="en-gb">
</span> <a href="http://www.mysite.com/"><span style="text-decoration: none"><font color="#FFFFFF">www.mysite.com</font></span></a></td>
</tr>
<tr class="main">
<td class="copy"> </td>
</tr>
<tr class="main">
<td bgcolor="#4E57B2"> </td>
</tr>
</table>
</div>
</body>
</html>
and this is the style sheet:
body {
color: #2079BB;
background: #D0E6F4;
margin: 5;
padding: 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
table.main{
background-color: #FFFFFF;
padding: 0px;
border-left: 1px solid #1A5E91;
border-right: 1px solid #1A5E91;
}
td.header{
background: #4E57B2;
height: 134;
padding: 0px;
}
td.subHLinks{
height: 20px;
text-align: right;
color: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 1px;
font-weight: normal;
vertical-align: middle;
}
td.banner{
background-color: #4E57B2;
text-align: center;
vertical-align: middle;
}
td.search{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: right;
vertical-align: middle;
height: 20px;
padding: 2px;
padding-right: 10px;
}
td.copy{
background: #8694D6;
height: 17px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
}
input{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
border: 1px solid #2079BB;
color: #2079BB;
padding-left: 2px;
padding-right: 2px;
background-color: #FFFFFF;
}
td.left{
width: 150px;
padding-left: 8px;
padding-right: 8px;
}
.blockTitle{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #DD6900;
padding-bottom: 1px;
border-bottom: 2px solid #5FA6E4;
text-transform: uppercase;
text-align: left;
}
.blockContent{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
padding: 0px;
text-align: left;
}
.content{
padding: 8px;
text-align: left;
}
td.menuEven{
background-color: #F2F6FB;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
border-bottom: 1px dashed #3A9ECF;
height: 20px;
padding: 0px;
padding-left: 4px;
}
td.menuOdd{
border-bottom: 1px dashed #3A9ECF;
background-color: #EEF7FF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
height: 20px;
padding: 0px;
padding-left: 4px;
}
.submenu{
padding: 0px;
height: 16px;
padding-left: 4px;
}
a {color: #333333; text-decoration: none; font-weight: normal; background-color: transparent;}
a:hover {
color: #DD6900;
text-decoration: underline;
}
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: #559ED1;}
input.formButton {}
.item {border: 0px;}
.itemHead {padding: 3px; background-color: #FFFFFF; color: #2079BB; border-bottom: 2px solid #DD6900;}
.itemInfo {text-align: right; padding: 3px; background-color: #FFFFFF;}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #2079BB; background-color: transparent;}
.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;}
.itemFoot {text-align: right; padding: 3px; background-color: #FFFFFF; border-top: 1px dashed #6495ED; }
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}
th {
background-color: #FFFFFF;
color: Silver;
padding : 2px;
vertical-align : middle;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px dashed #1E90FF;
}
.outer {border: 0px;}
.head {background-color: #FFFFFF; padding: 5px; font-weight: bold; color: #2079BB; border-bottom: 1px dashed #D3D3D3; }
.even {background-color: #D0E9FF; padding: 5px;}
.odd {background-color: #E8F4FF; padding: 5px;}
.foot {background-color: #FFFFFF; padding: 5px; font-weight: bold; border-top: 1px solid #DCDCDC; }
tr.even td {background-color: #D0E9FF; padding: 5px;}
tr.odd td {background-color: #E8F4FF; padding: 5px;}
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}
div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; 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: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
