1 Topic by Jacq (edited by Jacq 2005-01-08 11:17)

  • Jacq
  • Member
  • Offline
  • Registered: 2004-12-31
  • Posts: 55

Topic: Fresh install of 1.2 with ...

... a background image. Few minutes of hacking the Mercury theme css and the purpose of being the less graphic bbs is spoiled. Oh well...

http://db0.org/images/pun.jpg

Sorry for a bad screenshot. You are welcome to a live board after converters are updated.

--edit--
Typo in url

  • From: UK
  • Registered: 2004-09-07
  • Posts: 168

Re: Fresh install of 1.2 with ...

Very nice

Fire Fusion's Website

  • Krakel
  • Junior Member
  • Offline
  • From: Stockholm
  • Registered: 2005-01-06
  • Posts: 4

Re: Fresh install of 1.2 with ...

what's the code to get transparancy? tongue

4 Reply by Argyle (edited by Argyle 2005-01-09 15:38)

  • Registered: 2005-01-08
  • Posts: 19

Re: Fresh install of 1.2 with ...

Guess its done by '-moz-opacity' or 'filter:alpha(opacity=)' (Mozilla/IE).
Both arent W3C standard.

One of the lessons of history is that nothing is often a good thing to do and always a clever thing to say.
~ Will Durant (1885 - 1981)

Argyle's Website

  • From: UK
  • Registered: 2004-09-07
  • Posts: 168

Re: Fresh install of 1.2 with ...

Or it's a transparent PNG set as the background image. It won't work in IE but not much does.

Fire Fusion's Website

  • Registered: 2004-04-20
  • Posts: 50

Re: Fresh install of 1.2 with ...

Krakel wrote:

what's the code to get transparancy? tongue

You could also do this with CSS:

background-color: transparent;

Use that for the areas of the page that you would like the background image to show through.

  • From: Göteborg
  • Registered: 2003-02-25
  • Posts: 168

Re: Fresh install of 1.2 with ...

Very nice bg-hack there...putting on my note to-do with my own board...

8 Reply by Jacq (edited by Jacq 2005-01-10 07:58)

  • Jacq
  • Member
  • Offline
  • Registered: 2004-12-31
  • Posts: 55

Re: Fresh install of 1.2 with ...

I think you mean the darker area in planet with partial transparency. It is actually made with two images: http://db0.org/images/bg.jpg and http://db0.org/images/bgtop.jpg with the following css': 

body {
background: #000 url(http://db0.org/images/bg.jpg) no-repeat top left;
background-attachment: fixed;
}
/* and for all the 'on-top' elements (depending on situation) either */
background: #000 url(http://db0.org/images/bgtop.jpg) no-repeat top left;
background-attachment: fixed;
/* or */
background-color: transparent;

Works in IE too.