1
falke
Tuning default theme?
  • 2004/4/28 13:06

  • falke

  • Friend of XOOPS

  • Posts: 158

  • Since: 2004/4/25


Hi, I am new to XOOPS and are trying to tune the default theme to my needs. The main problem is that I would like to exchange the deafult image in the top left with a much wider image. The result is compressed somehow.

Please take a look at www.falke.nu/xoops if you like.

What am I doing wrong with this image?
regards/falke

2
Herko
Re: Tuning default theme?
  • 2004/4/28 14:44

  • Herko

  • XOOPS is my life!

  • Posts: 4238

  • Since: 2002/2/4 1


In themes/default/theme.html you can change the width of the image, as it is hardcoded into the theme.

Herko

3
falke
Re: Tuning default theme?
  • 2004/4/28 15:03

  • falke

  • Friend of XOOPS

  • Posts: 158

  • Since: 2004/4/25


Thanks Herko, i have found that now and changed it in the Zaja_green theme. (look at my site www.falke.nu/xoops) But I would like to center that image also and cant figure that out..... It allways stays left justified. Strange!

regrads/falke

4
CBlue
Re: Tuning default theme?

Post your theme.html here and we can show you what to change. The reason that image won't center is because it's in a table with other things in that table. You may see a XOOPS banner there or just a column added to take up empty space.

5
falke
Re: Tuning default theme?
  • 2004/4/28 15:15

  • falke

  • Friend of XOOPS

  • Posts: 158

  • Since: 2004/4/25


OK here it comes....

<!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>
</head>
<body>

<table class="zaja" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
<td> <table cellspacing="0">
<tr id="header">
<td colspan="3" id="headerbanner"><table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td id="headerbanner1"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" id="headerbanner"><{$xoops_banner}></td>
<td width="500" id="headerbanner"><img src="<{$xoops_url}>/themes/Zaja_Green/logo.gif"/></td>
</tr>
</table></td>
</tr>
<tr>
<td id="headerbar"> &nbsp;&nbsp;<{if $xoops_isuser}> Hey <a href="<{$xoops_url}>/user.php"><{$xoops_uname}></a>&nbsp;&nbsp;&nbsp;<a href="<{$xoops_url}>/user.php">Your
Account </a>&nbsp; <{else}> <a href="<{$xoops_url}>/register.php">Register
now </a> ! <{/if}> <{if $xoops_isuser}> <a href="<{$xoops_url}>/user.php?op=logout"></a>
<{else}> &nbsp;&nbsp;&nbsp;<a href="<{$xoops_url}>/user.php">Login</a>
<{/if}> </td>
<td id="headerbar"> <form action="<{$xoops_url}>/search.php" method="post">
<div align="right">
<input type="text" class="input" name="query" size="10" />
<input type="hidden" name="action" value="results" />
<input name="submit" type="submit" class="button" value="Search" />
</div>
</form></td>
</tr>
</table>
<table cellspacing="0">
<tr>
<td id="leftcolumn">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<{include file="Zaja_Green/theme_blockleft.html"}>
<img src="<{$xoops_imageurl}>160.gif" width="160" height="1" alt="" />
<{/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}>
<{include file="Zaja_Green/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="Zaja_Green/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="Zaja_Green/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="Zaja_Green/theme_blockright.html"}>
<img src="<{$xoops_imageurl}>160.gif" width="160" height="1" alt="" />
<{/foreach}>
<!-- End right blocks loop -->
</td>

<{/if}>

</tr>
</table>

<table align="center" cellspacing="0">
<tr >
<td id="headerbar"><div align="center"><{$xoops_footer}><!-- Webmaster, dont remove this text. It denied by license! -->&nbsp; | &nbsp;Design by <a href="http://www.7dana.com" target="_blank">7dana.com</a><!--End "design by" text! --></div></td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

6
CBlue
Re: Tuning default theme?

<td align="center" id="headerbanner"><{$xoops_banner}></td>
<td width="500" id="headerbanner"><img src="<{$xoops_url}>/themes/Zaja_Green/logo.gif"/></td>

Change to

<td align="center" width="100%" id="headerbanner"><img src="<{$xoops_url}>/themes/Zaja_Green/logo.gif"/></td>
<td id="headerbanner"></td>

7
CBlue
Re: Tuning default theme?

If you want to keep the banner then just make sure you have width as width=50% for each column (td) and align=center in both of them too.

8
falke
Re: Tuning default theme?
  • 2004/4/28 15:46

  • falke

  • Friend of XOOPS

  • Posts: 158

  • Since: 2004/4/25


Thanks for the help, mate! But it still shows up the same....
Here is that part of the code after the change:

<table class="zaja" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
<td> <table cellspacing="0">
<tr id="header">
<td colspan="3" id="headerbanner"><table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td id="headerbanner1"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" width="100%" id="headerbanner"><img src="<{$xoops_url}>/themes/Zaja_Green/logo.gif"/></td>
<td id="headerbanner"></td>
</tr>
</table></td>
</tr>
<tr>
<td id="headerbar"> &nbsp;&nbsp;<{if $xoops_isuser}> Hey <a href="<{$xoops_url}>/user.php"><{$xoops_uname}></a>&nbsp;&nbsp;&nbsp;<a href="<{$xoops_url}>/user.php">Your
Account </a>&nbsp; <{else}> <a href="<{$xoops_url}>/register.php">Register
now </a> ! <{/if}> <{if $xoops_isuser}> <a href="<{$xoops_url}>/user.php?op=logout"></a>
<{else}> &nbsp;&nbsp;&nbsp;<a href="<{$xoops_url}>/user.php">Login</a>
<{/if}> </td>
<td id="headerbar"> <form action="<{$xoops_url}>/search.php" method="post">
<div align="right">
<input type="text" class="input" name="query" size="10" />
<input type="hidden" name="action" value="results" />
<input name="submit" type="submit" class="button" value="Search" />
</div>
</form></td>
</tr>
</table>
<table cellspacing="0">
<tr>

Thanks for you help!

9
TooBaked
Re: Tuning default theme?
  • 2004/4/28 16:08

  • TooBaked

  • Just popping in

  • Posts: 37

  • Since: 2003/2/9 5


look in themes/zaja_green/style.css and make sure there is nothing like

td#header{}
or
table_header{}


anything like that sometimes will carry a defined header width or header image width. it appears to me the image is the correct size the table it's sitting in is defined to small.

if the table it is in has defined.
"colspan="2" then the image will only span the first TD.

example:
<table align=center" width="100%" colspan="2"><tr><td>imge here</td><td>nothing here you see header background</td></tr></table>

should look like:
<table align=center" width="100%">
<td>image is here 100%</td></table>

to change this in the css file you will need to know alittle .css (cascading style sheet) to do this.
if you know html you should have no problem with the css.






10
pdaddict
Re: Tuning default theme?
  • 2004/4/28 16:17

  • pdaddict

  • Friend of XOOPS

  • Posts: 106

  • Since: 2003/4/6 1


Maybe you forgot to empty xoopsroot/templates_c ??

Login

Who's Online

168 user(s) are online (110 user(s) are browsing Support Forums)


Members: 0


Guests: 168


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits