HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Background Problems

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#51550 (In Topic #11257)
Avatar

Fan in training

im trying to add a background image to my site. i added the url in global.css and it either tiles the picture (which i dont want) or it just shows a white background. how can i fix this?

also, ho do i make the boxes transparent so the background show through just a little?
Back to the top
 
Posted
Rating:
#51551
Avatar

Community saint

FireWulf said

im trying to add a background image to my site.
Depends WHERE you're trying to add the background image, but something like …

Code

background: url('{$IMG,nameofimg}') no-repeat;
… should get you there.


FireWulf said

also, ho do i make the boxes transparent so the background show through just a little?
You'd probably need to tweak .standardbox_t_panel of global.css and try to adjust the 'opacity' settings, but this isn't something I've played with, so I can't be much help here!

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#51552
Avatar

Fan in training

thank you! that will get me started.
Back to the top
 
Posted
Rating:
#51926
Avatar

Community saint

Fletch said

FireWulf said

im trying to add a background image to my site.
Depends WHERE you're trying to add the background image, but something like …

Code

background: url('{$IMG,nameofimg}') no-repeat;
… should get you there.

FireWulf said

also, ho do i make the boxes transparent so the background show through just a little?
You'd probably need to tweak .standardbox_t_panel of global.css and try to adjust the 'opacity' settings, but this isn't something I've played with, so I can't be much help here!

Oh! didn't know about the "no-repeat" thanks Fletch, this will be very useful info!

I have successfully tweaked my standardbox_classic with a 50% transparency with the following code, which makes use of the rgba function for css3 with the Firefox Browser. Unfortunately, IE 8 will render this in 100% transparency, so be aware.

Code

.standardbox_classic {
background-color: rgba(227, 233, 242, 0.5);
margin: 0;
}

http://oc.arubalogistics.com
Back to the top
 
Posted
Rating:
#51927
Avatar

Community saint

Have you tried

Code

.standardbox_classic {
filter:alpha(opacity=50); /* for IE */
-moz-opacity:0.5; /* for older Mozilla browsers */
-khtml-opacity: 0.5; /* older versions of Safari */
opacity: 0.5; /* current standard - works in FF, Safari, Opera */
margin: 0;
}

I hasten to add that I haven't tried this out, but if you do, and it works, let us know … !!

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#51934
Avatar

Community saint

Fletch said

Have you tried

Code

.standardbox_classic {
filter:alpha(opacity=50); /* for IE */
-moz-opacity:0.5; /* for older Mozilla browsers */
-khtml-opacity: 0.5; /* older versions of Safari */
opacity: 0.5; /* current standard - works in FF, Safari, Opera */
margin: 0;
}

I hasten to add that I haven't tried this out, but if you do, and it works, let us know … !!

:thumbs:

Hi Fletch, and thanks for the code.
It works well with Firefox and I suspect that it will work as well with Safari and Opera, but with IE8 it shades everything by 50%; Title and text, and proceeds to do the same for the side panels. The formula I used, will only make the inside box transparent and leave the title bar and inside text intact, which is not too bad depending on the background. When I was looking for a solution for IE, I read that there was one, but that it was unacceptable as it would not pass the css certification.

Thanks for your efforts to find a solution.:)
Back to the top
 
Posted
Rating:
#51977
Avatar

Community saint

Darn!

Thanks for trying it out, though. And I can see now that it affects the whole standardbox_classic (or any other for that matter). At least you have a solution for anybody that is following the thread.

I am an IE user, so I shall quietly pursue this problem for my own satisfaction. If I come up with something 'earth shattering', I'll post it here.

 :thumbs:


Last edit: by Fletch

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: