14 replies to this topic

[matore]

I need to see my main web page background trought that area.  Is it possible for "branding" to make my banner background transparent.

[matore]

bump  

sorry for bad english, i hope you know what i mean

[matore]

im still searching for the answer. just need to know is that possible at all

[Bitter]

Yes just find the #branding in your CSS and remove the background color and image and change it to transparent.

If you are unfamiliar with CSS I can do it for you.

[matore]

I found a lot of tutorials about transpoarency but im not sure which one is good for me. And one more thing, i see that i have a logo and under logo is "main color of forum" if i set it to transparent whole my forum background will be transparent. i hope i didnt understand good this part . Coz the thing what i need to bee transparent or alpha opacity is only the area under my logo. so i can upload some transparent .png file there and see my main page bacground trought logo.
Im confused a bit to myself so i dont expect you to undeerstand but ill give a try

please help

[Bitter]

I don't understand. If you want the background of the branding to be transparent, just set the CSS to transparent. If you want the background of the main content to be transparent, you just change that background color from white (or whatever the default is on the skin you are editing) to transparent as well.

[matore]

i tought its the same area. ok my mistake , tnx a lot for helping me

[matore]

i try this

i change in branding color to transparent like this
background-color:transparent; and i get see a picture:



area 1. is the area of my banner picture, now its black but there will be my transparent logo. the area 2. is what i get when i put this code for transparent. its white, i think coz its same as my forum background color.

if i change in

#ipbwrapper {
background: white;
text-align: left;
width: 980px;
margin: 0 auto 0 auto;
border: 0px solid black;
background: #ffffff; ---- my whole forum background will be in that color included (on my picture number 2 region) so its conected somewhow.

can you help me with this please

Edited by matore, 10 November 2011 - 12:14 PM.

[Bitter]

Ok so you are using IPB 3.1. This is something you should have mentioned originally.
To change the background color of your header to transparent, find #branding. This is where you make the background transparent. And yes, if it is transparent, it WILL show whatever your background color is through it because it is TRANSPARENT.

[matore]

ok, i try several things, but allways i get solid color. whatever i do. i can easy change the color of branding area, thats not problem, but when i use transparency it stays solid ?

can you please help me with this, coz i spend a lot of time and nothing.

here is some examples what i need as a result:

http://www.c4dcafe.com/ipb/

or

http://www.futuretimeline.net/forum/

and check this nav bar too.


i show this forums just in case you didnt understand me what i need actualy. (bad english) or something.

[matore]

i just find this:

if i change background: transparent in #ipbwrapper

then i can set transparent in #branding  othervise i cant set transparent in #branding. but i cant set only #branding. somehow they are conected. i really need a little help with this

[matore]

i solve my problem probably on wrong way but it works.

i disable my logo, and set in #branding - min-height: 0px;


then i set #ipbwrapper - margin: 50px auto 0 auto;
then i can add .png somewhere on top.

probably very stupid way but i dont have better solution.

[Bitter]

I don't really understand your english, but if you set the #branding to transparent, it will show whatever background is behind it because the branding is now TRANSPARENT. So if the branding has 0 background, then whatever is behind it will show through. I don't know how to explain it any differently. If you DON'T want the #ipbwrapper background to show through, then you will have to MOVE the #ipbwrapper div to somewhere below the header, like right above the main content div (I forget what it is called in 3.1, but in 3.2 it's called #content). Then that will lower the #ipbwrapper to somewhere below your branding so it doesn't show through behind your branding area.

[matore]

yes ok, i just figure it out. Sorry for bad english, belive me - its frustrating for me

tnx Bitter!

solved! close  

[Bitter]

The issue this topic was opened for has now been resolved.