The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Transparant Background

3 posters

Go down

Transparant Background Empty Transparant Background

Post by Dark Fox August 3rd 2010, 5:19 pm

Hello all,

I've seen some forums wich have a transparant forum background.
This means you can see your background image through your forums.
Here's an example of what I mean: http://demo.nicetheme.com/index.htm?theme_id=159370

It isn't really necessary to look trough all the posts and topics but that would be nice though.

Could someone please explain me how to do this?

Many thanks,
Dark Fox.

PS. this is my forum: http://www.rafclanforum.com/
Dark Fox
Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by 4hams August 3rd 2010, 5:55 pm

You can try to insert this code at the very end of your CSS sheet and then remember to save it.

This code changes the opacity of the forum. Simply adjust the #'s to your liking. Hope it works for you.

#wrap {filter:alpha(opacity=84);
-khtml-opacity:0.84;
opacity:0.84;
}

Sorry here is a link to my forum so you can have a look at the opacity.
http://mcstylists-overclock.forumotion.com/index.htm
4hams
4hams
Forumember

Posts : 48
Reputation : 0
Language : English

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by WHITESABBATH August 3rd 2010, 6:22 pm

lol! looks like you two could help each other. 4hams, don't you need some Nav button.lol those from Dark Fox site will go nicely. Very good
WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by Dark Fox August 3rd 2010, 6:26 pm

You mean I copy the whole standard forum stylesheet and add your code?

Because that doesn't work :/

Edit:

I've tried to change the background color and even that isn't working so maybe it will take some time before changes will be added. so maybe your code did work.
Dark Fox
Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by WHITESABBATH August 3rd 2010, 6:38 pm

Dark Fox wrote:You mean I copy the whole standard forum stylesheet and add your code?

Because that doesn't work :/

Edit:

I've tried to change the background color and even that isn't working so maybe it will take some time before changes will be added. so maybe your code did work.
you need to enter code at the bottom of your css style sheet then click "save". if it doesn't work,code is no good. what version are you using?
WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by 4hams August 3rd 2010, 6:43 pm

Please do as WHITESABBATH has suggested.

This is the only code that worked with the PHPBB3 skin I use on my forum.

There are other codes which may work depending on the type and version of skin you use.
4hams
4hams
Forumember

Posts : 48
Reputation : 0
Language : English

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by 4hams August 3rd 2010, 6:46 pm

Dark Fox wrote:You mean I copy the whole standard forum stylesheet and add your code?

Because that doesn't work :/

Edit:

I've tried to change the background color and even that isn't working so maybe it will take some time before changes will be added. so maybe your code did work.

depending on the version of the skin you use you may have to change the background color within the CSS as it overrides the forums basic functions to change things such as colors when placed in the CSS.
4hams
4hams
Forumember

Posts : 48
Reputation : 0
Language : English

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by Dark Fox August 3rd 2010, 6:47 pm

I am using phpBB2
Does that mean I have to use another code?
Dark Fox
Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by 4hams August 3rd 2010, 6:54 pm

I am new to all of this also but possibly this thread from a few months back will help you find the correct answers to you needs or wants.

https://help.forumotion.com/script-code-problems-f43/code-in-site-description-not-working-t65001.htm#422735
4hams
4hams
Forumember

Posts : 48
Reputation : 0
Language : English

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by Dark Fox August 3rd 2010, 7:46 pm

Thanx 4hams!

I found the code in that topic it was:
Code:
body {filter: alpha (opacity = 60);
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .8;}

only one problem, now my whole forum fades instead of my background, so with opacity 0 I'll only see my background image xD
Dark Fox
Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by 4hams August 3rd 2010, 7:53 pm

Try changing the # values for the opacity to see if ya find something that will work for you.

Best of luck!
4hams
4hams
Forumember

Posts : 48
Reputation : 0
Language : English

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by Dark Fox August 3rd 2010, 8:37 pm

Does anybody have an idea how to only change the opacity of the forumbackground and not the topics and posts etc. ??
Dark Fox
Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by WHITESABBATH August 3rd 2010, 9:38 pm

code worked fine Very Happy . most likely the "fading" and/or tint is because of having colors set in the "Table rows". This could be corrected by .removing the color codes associated with the table rows.First paste the code in the css style sheet.Then go to admin panel>display>colors> table row colors 1,2,3. copy color codes & locations and paste them somewhere for future reference . Once that's done one by one remove table row color codes. each time you remove one click "send" .in another window look at forum to see for changes . Make sure you refresh the page each time you look. Hopefully this will get you the appearance you're looking for.
Perhaps there's an easier way , and I would always suggest members to seek the advise first and foremost from staff. that of which I'm not.Because you are only playing with color codes and there's nothing in you css style sheet to worry about deleting, effecting your entire site, there isn't a lot to be alarmed about. I have tested this method prior to this post on a phpBB2 version and it worked. That's how most learn...trial and error.lol
Regards
Whitesabbath
WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by Dark Fox August 3rd 2010, 10:12 pm

I added the code and removed the table row colors one by one, still no result.
I still get a full faded forum. :/
Dark Fox
Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by WHITESABBATH August 3rd 2010, 10:22 pm

its your back ground image.lol i just looked at it. either way you needed to do what was suggested to view the entire background image. drop a test back ground image in and you'll see the difference.
WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by Dark Fox August 3rd 2010, 10:29 pm

I don't undertsand what this has to do with my background image :S
I want the black box around my forum to fade but the content on my forum to stay unfaded. so I don't see the connection with my backgroundimage :/
Dark Fox
Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Transparant Background Empty Re: Transparant Background

Post by WHITESABBATH August 3rd 2010, 11:34 pm

your initial post was for transparency; to see the back ground image threw your forums. i have done all i can for you at this point. sorrys.
best of luck.
Sabby
WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum