1
AHLIS
Designhelp
  • 2006/1/21 22:15

  • AHLIS

  • Not too shy to talk

  • Posts: 189

  • Since: 2004/12/12


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.

2
Lance_
Re: Designhelp
  • 2006/1/21 22:33

  • Lance_

  • Home away from home

  • Posts: 983

  • Since: 2004/1/12


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.

<table border="0" cellpadding="1" cellspacing="1" bgcolor="#EE9E5B" width="468" height="60">
<
tr><td bgcolor="#FFFF94" valign="top"><table border="0" cellpadding="0" cellspacing="1" width="100%" height="100%" bgcolor="#202020">
<
tr><td valign="top" bgcolor="#333333" align="center">&nbsp;td>tr>table>td>tr>table>


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

Cheers.
GDL-Web.com :: Website development.
Xoopslance.com::Freelancing and Projects
thelionsden-arena.net:: Clan/League/Ladder Hosting

3
AHLIS
Re: Designhelp
  • 2006/1/21 22:46

  • AHLIS

  • Not too shy to talk

  • Posts: 189

  • Since: 2004/12/12


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]













<{$xoops_sitename}> - <{$xoops_pagetitle}>




























<{if $xoops_showrblock == 1}>



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





 <{$block.title}>




<{$block.content}>





<{/foreach}>



<{if $xoops_showcblock == 1}>



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





 <{$block.title}>




<{$block.content}>



<{/foreach}>



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





 <{$block.title}>




<{$block.content}>



<{/foreach}>



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





 <{$block.title}>




<{$block.content}>



<{/foreach}>

<{/if}>







 <{$xoops_sitename}> / <{$xoops_pagetitle}>




<{$xoops_contents}>






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





 <{$block.title}>




<{$block.content}>





<{/foreach}>

<{/if}>






<{$xoops_sitename}> - Powered by XOOPS 2.0 © 2001-2003 - Design Powered by MadSnake © 2003 - All Right Reserved


 



[/qoute]

4
AHLIS
Re: Designhelp
  • 2006/1/22 14:24

  • AHLIS

  • Not too shy to talk

  • Posts: 189

  • Since: 2004/12/12


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

5
AHLIS
Re: Designhelp
  • 2006/1/23 15:09

  • AHLIS

  • Not too shy to talk

  • Posts: 189

  • Since: 2004/12/12


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:


6
Herko
Re: Designhelp
  • 2006/1/23 17:51

  • Herko

  • XOOPS is my life!

  • Posts: 4238

  • Since: 2002/2/4 1


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

7
AHLIS
Re: Designhelp
  • 2006/1/24 15:56

  • AHLIS

  • Not too shy to talk

  • Posts: 189

  • Since: 2004/12/12


Thanks. Now it's working. :)

Login

Who's Online

389 user(s) are online (318 user(s) are browsing Support Forums)


Members: 0


Guests: 389


more...

Donat-O-Meter

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

Latest GitHub Commits