Transparent forum style

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Anti-Spam Guide
Locked
1361
Registered User
Posts: 18
Joined: Sun Aug 31, 2003 8:30 pm
Location: Northern California

Transparent forum style

Post by 1361 »

I am looking for a style or way to make the fourum more transparent. Similer to http://www.phpbb.com/styles/demo/3.0/?style_id=1043 but with a much lighter feel. I tried one called fadingmist, but can't seem to find it in the demo section. http://www.phpbb.com/styles/demo/3.0/?style_id=425 Is ok, but I am hoping for a much more transparent feel.

Can anyone recomend something that would work?
I am completely clueless and I am gonna try to build a few web sites. Please don't get too agitated if my questions appear dumb.
User avatar
Sierron
Registered User
Posts: 241
Joined: Fri Apr 30, 2010 10:22 am
Location: Germany
Name: Artur
Contact:

Re: Transparent forum style

Post by Sierron »

If you can do it yourself, you can use alpha transparent png files for the backgrounds. That makes it translucent.
Multilanguage TimeSplitters Site

If you need support, I suggest you to use the Support Request Template for your questions on this board. If you have some serious problems, the Support Toolkit can fix it (depends on the problem).
User avatar
Kenpari
Registered User
Posts: 13
Joined: Wed Aug 25, 2010 3:03 am

Re: Transparent forum style

Post by Kenpari »

There are images that define the backgrounds for the categories.

First, you'll need the an image set as the background that you want to image to show through to. The example you linked to has a starry background.

Then you just need to create the images for the background of the various parts of your forum. All you really have to do is create an image, the size doesn't matter too much. A 20x20 pixel image should do well. Make it the color that you want. Make sure you are doing the editing an image editing program such as Photoshop or GIMP. These two programs allow for the adjustment of opacity. Adjust the opacity of the block and it will be a little more transparent the less opacity that you give it. Upload this to your forum and specify it as the background image for forabg, the navbar(I believe that's what it's called), etc.

In the prosilver style I know that the images already used for backgrounds of forums and the header are bg_header.gif gradient.gif and bg_list.gif Replace those file names with the name of the file you uploaded and the image you uploaded should display as the background. You'll have to insert a link in the navbar yourself, I believe.
1361
Registered User
Posts: 18
Joined: Sun Aug 31, 2003 8:30 pm
Location: Northern California

Re: Transparent forum style

Post by 1361 »

Are you saying I just make all images with "bg" in there names transpartent then upload them to the proper folder?

I have photoshop and fireworks
I am completely clueless and I am gonna try to build a few web sites. Please don't get too agitated if my questions appear dumb.
User avatar
Sierron
Registered User
Posts: 241
Joined: Fri Apr 30, 2010 10:22 am
Location: Germany
Name: Artur
Contact:

Re: Transparent forum style

Post by Sierron »

Yeah, like this image here
---removed image, because i deleted it from my space---
50% alpha transparenz
Last edited by Sierron on Sun Feb 06, 2011 2:58 am, edited 1 time in total.
Multilanguage TimeSplitters Site

If you need support, I suggest you to use the Support Request Template for your questions on this board. If you have some serious problems, the Support Toolkit can fix it (depends on the problem).
1361
Registered User
Posts: 18
Joined: Sun Aug 31, 2003 8:30 pm
Location: Northern California

Re: Transparent forum style

Post by 1361 »

Well, this is not working. I only have corners that are png's the rest is either a gif, or just listed as a color in the borders.css code. At least, I think thats what is happening.

Code: Select all

.inside {
	border-left:0 solid #000;
	border-right:0 solid #000;
	background:#FFF;
	color:#000;
	padding-left:0;
	padding-right:0;
	margin-left:7px;
	margin-right:4px;
}
I am building off of the Bl@ck theme here http://www.phpbb.com/styles/demo/3.0/?style_id=985

I am trying to copy the look of my Drupal install here http://komyoreikikai.org/
You can see where I am at with the board here http://komyoreikikai.org/bbs1/index.php

What I am trying to do is get the white area (where the forum bg usually show) as a semi transparent area. I would like the cherry blossem tree in the background to still show through.
I am completely clueless and I am gonna try to build a few web sites. Please don't get too agitated if my questions appear dumb.
Locked

Return to “[3.0.x] Styles Support & Discussion”