1
Bassman
left column background
  • 2004/8/13 3:24

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


I'm developing a theme that needs an image as the background for the left column, however the blocks and menus overlay the image and cover it. What I want is to have the background of the blocks "transparent" so that just the content appears - text, links, etc. I tried using the same image as a block background, but because it's a patterned background the pattern does not match up with the column background and it looks bad.

Any suggestions?

2
incama
Re: left column background
  • 2004/8/13 6:17

  • incama

  • Friend of XOOPS

  • Posts: 513

  • Since: 2003/10/24


Do you have an example?
It's a little difficult to see what you really mean. Maybe you could try making a block background with a patterned gif which has a transparant color. (example a square devided by a two color pixel, which from one color you make a transparant). Not sure if I understand this sentence myself

Resized Image



the white color is transparant and thus shows the content beneath it. This is a zoomed in example! When doing this on a small scale (2px by 2px) it gives a nice transparancy effect.

second, I know Moz has a filter option which can be added into your style sheet.


3
Bassman
Re: left column background
  • 2004/8/13 10:37

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


you did the Art theme right?

In your left column, you have a repeating image as background. I'm trying to do the same, but my image is 120px high. at the moment, the left column is completely filled with the image, but where the blocks sit on top of the left column, the background image is covered over.

Have a look at http://www.bassmanthemes.x8r.com and choose nwn as theme. it's nowhere near ready, but you should get an idea of what I mean (IE6 only).

4
incama
Re: left column background
  • 2004/8/13 12:03

  • incama

  • Friend of XOOPS

  • Posts: 513

  • Since: 2003/10/24


well, I can see your problem now (your block title),.

What you have to to is cut out the paper role and safe it as a transparant gif. Otherwise you will always get this effect.

If you give me the picture, maybe I can help. (both background en title pics)

greetz

Incama

5
Bassman
Re: left column background
  • 2004/8/13 12:17

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


no, my scroll has already got a transparent background. I mean where the main menu is - no background. I know how to fix the block title :) I just haven't done it yet. i just want to have the background behind my main menu block!

6
ozboof
Re: left column background
  • 2004/8/13 13:20

  • ozboof

  • Friend of XOOPS

  • Posts: 67

  • Since: 2003/10/28


Hopefully this might help

go into your theme.html

find

<table cellspacing="0"><tr>
<
td width="whatever" background="whatever">

<{foreach 
item=block from=$xoops_lblocks}>
<{include 
file="/theme_blockleft.html"}>
<{/foreach}>


add a class instead of background color

<table cellspacing="0"><tr>
<
td width="whatever" class="b1">

<{foreach 
item=block from=$xoops_lblocks}>
<{include 
file="/theme_blockleft.html"}>
<{/foreach}>


then add the class to the style.css file

.b1 background-image:url('images/b1.jpg');


should work

well it seems to in " phpkaox" theme on my test sever

7
Bassman
Re: left column background
  • 2004/8/15 9:27

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


cool, i'll try that.

8
Bassman
Re: left column background
  • 2004/8/16 2:41

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


Got it fixed....although i'm not sure it was your help or not :P I found there was another element over-riding my background. I got rid of it and it works :)

Login

Who's Online

346 user(s) are online (236 user(s) are browsing Support Forums)


Members: 0


Guests: 346


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