Hi there!

I have three questions.

Okey. I have downloaded the theme "Gold" and I'm using XOOPS 2.0

I have changed the XOOPS logo on the left to my own picture. But the picture shrink if I use the same name as the XOOPS logo.

Q 1) Can I change the value so my picture will keep it's right size?

The next question is about the banner on the right side of the page.

Q 2: I have turned of the banner but it still keep the frame. Can I remove the frame?

The third question is about the whole homepage.

Q 3: Now the theme use a dark color as backgroundcolor. Can I somehow change that so I can use a picture instead?


I would be very happy if someone would help me.

Note that this info is taken from the Source I can see, and not the real Theme.html. If you want more direct instructions post the theme.html and style.css files. If things aren't clear, forgive me.

1) I think in the theme after the logo url their is size specification (width="148" height="80") change these values to the ones of your image, or take them out entirely.

2) Right after the logo url, there is a table that you'll want to take out. Or take out the 2nd possibly 3rd column of the table your logo is in and make it one big area. However if you still want the option to show a banner at some point, you just need to get rid of the different color specifications in the table but leave the table there.



3) would advise against this, depending where you want the image to show.

Cheers.

Here is the Style code:

[qoute]
@charset "iso-8859-1";

body {background-color:#202020; font-family: Trebuchet MS, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px}

a { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #3366FF; font-style: normal; font-weight : bold; }
a:hover { text-decoration: underline overline; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #EE9E5B; font-style: normal; font-weight : bold;}
a.mma { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; font-style: normal; font-weight : bold; }
a.mma:hover { text-decoration: underline overline; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #333333; font-style: normal; font-weight : bold;}

td {font-family: Trebuchet MS, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px;}

input { background-color : transparent; color : #FFFFFF; font-family : TTrebuchet MS, Helvetica, sans-serif; font-size : 12px; font-weight : normal; border-color : #000000; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px;text-indent : 2px; }
textarea {color: #FFFFFF; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;background-color : transparent; font-weight : bold; border-color : #000000; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; text-indent : 2px;}
select {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;font-weight : bold; background-color:#F5F5F5; }

img { border: 0;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: disc inside; color:FFFF94;}

div#content { margin: 2px; padding: 2px; text-align: left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
div#content td {margin: 2px; padding: 2px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}

.odd { background-color: #444444; margin: 2px; padding: 2px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;font-weight : bold; color: #FFFFFF;}
.outer { background-color: #202020; margin: 2px; padding: 2px; }
.even { background-color: #333333; margin: 2px; padding: 2px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;font-weight : bold; color: #FFFFFF;}
th { background-color: #333333; text-align: left; margin: 2px; padding: 2px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;font-weight : bold; color: #FFFFFF;}
.head { background-color: #202020; margin: 2px; padding: 2px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;font-weight : bold; color: #FFFFFF;}
.foot { background-color: #202020; margin: 2px; padding: 2px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;font-weight : bold; color: #FFFFFF;}

.itemHead {background-color: #404040; color: #FFFF94; padding: 2px; font-weight: bold; text-align: left;}
.itemInfo {text-align: right; padding: 0px; margin: 0px; background-color: #444444; color: #FFFF94;}
.itemPoster {font-size: 90%; font-style:italic; color: #FFFF94;}
.itemPostDate {font-size: 90%; font-style:italic; color: #FFFF94;}
.itemStats {font-size: 90%; font-style:italic; color: #FFFF94;}
.itemBody { padding: 2px; margin: 2px; text-align: left}
.itemText {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;font-weight : bold; color: #FFFFFF; margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 0px; margin: 0px; background-color: #444444; color: #FFFF94;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

.blockTitle {background-color: #E2DBD3; color: #202020; padding: 0px; font-weight: bold}
.blockContent {background-color: #404040; font-family: Trebuchet MS, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; padding: 2px; margin: 2px;}
[/qoute]

and here is the theme html file:

[qoute]
<?xml version="1.0" encoding="iso-8859-1"?>
<!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=iso-8859-1" />
<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}>" />
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
</head>
<body bgcolor="#202020" leftmargin="5" topmargin="5" rightmargin="5" bottommargin="5">
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#EE9E5B" width="100%">
<tr><td bgcolor="#FFFF94" valign="top">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100" background="<{$xoops_imageurl}>bg-header.gif" bgcolor="#202020">
<!--DWLayoutTable-->
<tr>
<td width="1027" height="100" valign="middle"><a href="%3C%7B$xoops_url%7D%3E"><img src="logo.gif" border="0" width="319" height="95"></a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" bgcolor="#202020">
<tr><td valign="top" align="center" width="100%">
<table border="0" cellpadding="5" cellspacing="5" background="bkg_color_2,1.jpg">
<tr><td width="150" height="100%" valign="top">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<table border="0" cellpadding="1" cellspacing="1" width="150">
<tr><td bgcolor="#FFFF94" valign="top">
<table border="0" cellpadding="0" cellspacing="1" width="100%" bgcolor="#202020">
<tr><td valign="top" bgcolor="#333333">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif" class="blockTitle">&nbsp;<{$block.title}></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table cellspacing="0" cellpadding="0" width="100%" height="100%"><tr>
<td class="blockContent"><{$block.content}></td></tr></table>
</td></tr></table>
</td></tr></table>
<br />
<{/foreach}>
<!-- End left blocks loop -->
</td><td width="100%" height="100%" valign="top">
<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="150">
<tr><td width="49%" valign="top">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}>
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#EE9E5B" width="100%" height="150">
<tr><td bgcolor="#FFFF94" valign="top">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="150" bgcolor="#202020">
<tr><td valign="top" bgcolor="#333333">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif" class="blockTitle">&nbsp;<{$block.title}>
</td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td valign="top" class="blockContent">
<{$block.content}>
</td></tr></table></td></tr></table></td></tr></table>
<br />
<{/foreach}>
<!-- End center-left blocks loop -->
</td><td width="1%"></td><td width="48%" valign="top">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}>
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#EE9E5B" width="100%" height="150">
<tr><td bgcolor="#FFFF94" valign="top">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="150" bgcolor="#202020">
<tr><td valign="top" bgcolor="#333333">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif" class="blockTitle">&nbsp;<{$block.title}>
</td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td valign="top" class="blockContent">
<{$block.content}>
</td></tr></table></td></tr></table></td></tr></table>
<br />
<{/foreach}>
<!-- End center-right blocks loop -->
</td></tr></table>
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}>
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#EE9E5B" width="100%" height="150">
<tr><td bgcolor="#FFFF94" valign="top">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="150" bgcolor="#202020">
<tr><td valign="top" bgcolor="#333333">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif" class="blockTitle">&nbsp;<{$block.title}>
</td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td valign="top" class="blockContent">
<{$block.content}>
</td></tr></table></td></tr></table></td></tr></table>
<br />
<{/foreach}>
<!-- End center-center blocks loop -->
<{/if}>
<!-- End display center blocks -->
<!-- Start content -->
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#EE9E5B" width="100%">
<tr><td bgcolor="#FFFF94" valign="top" width="100%">
<table border="0" cellpadding="0" cellspacing="1" width="100%" bgcolor="#202020">
<tr><td valign="top" bgcolor="#333333" width="100%">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif" class="blockTitle">&nbsp;<a class="mma" href="<{$xoops_url}>"><{$xoops_sitename}></a> / <{$xoops_pagetitle}>
</td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr><td valign="top" class="blockContent" width="100%"><div id="content"><{$xoops_contents}></div></td></tr></table>
</td></tr></table></td></tr></table>
<br />
<!-- End content -->
</td>
<{if $xoops_showrblock == 1}>
<!-- Start right blocks loop -->
<td width="150" height="100%" valign="top">
<{foreach item=block from=$xoops_rblocks}>
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#EE9E5B" width="150">
<tr><td bgcolor="#FFFF94" valign="top">
<table border="0" cellpadding="0" cellspacing="1" width="100%" bgcolor="#202020">
<tr><td valign="top" bgcolor="#333333">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif" class="blockTitle">&nbsp;<{$block.title}></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table cellspacing="0" cellpadding="0" width="100%" height="100%"><tr>
<td class="blockContent"><{$block.content}></td></tr></table>
</td></tr></table>
</td></tr></table>
<br />
<{/foreach}>
</td></tr></table>
<{/if}>
<!-- End right blocks loop -->
</td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif" align="center"><font face="Trebuchet MS" size="2" color="#000000">
<a class="mma" href="<{$xoops_url}>"><{$xoops_sitename}></a> - Powered by <a class="mma" href="https://xoops.org" target="_blank">XOOPS 2.0</a> © 2001-2003 - Design Powered by <a href="http://www.xoops-themes.com" target="_blank" class="mma" >MadSnake</a> © 2003 - All Right Reserved</font>
</td></tr></table></td></tr></table>
<p>&nbsp;</p></body>
</html>
[/qoute]

I got it to work now. thx for the help. The only thing I didn't get to work was the backgroud image.

Hi again.

I have tried to change the background color to a image and I have succes a litle. The background image only appear when I'm clicking on the usermenu fuctions. If I click on a link in the other menu only a background color appear?

I have change the code in the theme.html file like this:

<body bgcolor="#000066" background="../themes/gold/bkg_color.jpg" leftmargin="5" topmargin="20" rightmargin="5" bottommargin="5">

this is because in your body tag you refer to an image from one level up (the ../) at the beginning of the image url. If you put the whole url there (http://www.yoursite.net/themes/gold/bkg_color.jpg), it will work.

Herko

Thanks. Now it's working. :)