HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.
Proud to be a PHP Open Source CMS
Learn more

> Home » Forum home » Themeing » View topic

[resolved]rgba coding not working

Login / Search

 [ Join | More ]
 [More]
 Add topic 
Posted
Rating:
#88903 (In Topic #17998)
Harry-S
Avatar

Community saint
In version 9 B2 wanted to use the new rgba (xxx,xxx,xxx,x.x) but it seems not to work. In this case I wanten .ocf_column6 give a 0.5 transperant. but it will going 100% transperant.

Jean, if you are back from your vacancy (hope you have nice weater conditions there), you could shine your light on it?


Harry


Last edit: by Harry-S
digiflash | Photography,Webdesign and digital art community (dutch)
Back to the top
 
Posted
Rating:
#88906
Fletch
Avatar

Community saint
Hmmmmm…!

I'm not sure which area you are tackling with the 'rgba', Harry, but my preference is to attack the CSS  in ocf.css.

I did a bit of fiddling (sorry!) in the developers tools in Chrome, and thought I got the display you want by adding the following (in red):
.ocf_column6 {
padding: 0.5em;
background-color: #E9EBEC;
font-size: 0.9em;
vertical-align: middle;
display: table-cell;
opacity: 0.8;
}
0.5 seemed to be too transparent, but I'm sure you have your own ideas …

Any help?

 :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:
#88907
Harry-S
Avatar

Community saint
i can try that..... let you now if this is working. I had thinking about this to :)
digiflash | Photography,Webdesign and digital art community (dutch)
Back to the top
 
Posted
Rating:
#88908
Harry-S
Avatar

Community saint
well this was working like a charm!!!!
Thanks buddy you are great!!
digiflash | Photography,Webdesign and digital art community (dutch)
Back to the top
 
Posted
Rating:
#88909
Fletch
Avatar

Community saint
ROTFLMAO!

Glad I was of help there…!!

 :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:
#89463
Harry-S
Avatar

Community saint
This is not longer working under V9 gold. It make the background completly transperant?

Code

.ocf_column6 {
   padding: 0.5em;
   background-color: {$GET,area_3_background};         
   font-size: 0.9em;
   vertical-align: middle;
   display: table-cell;
           opacity: 0.8;   
}

digiflash | Photography,Webdesign and digital art community (dutch)
Back to the top
 
Posted
Rating:
#89464
Chris Graham
Avatar

ocStaff (admin)
If you put &keep_no_minify=1 on the URL, then view the page source, then go to wherever the URL for ocf.css is, you should see what ocPortal is generating. What does it use?


Become a fan of ocPortal on Facebook or add me as a friend.

Expand: Was I helpful? Was I helpful?

Expand: Follow me on Twitter Follow me on Twitter







If I answered something that you think should be in the documentation, please take the initiative and add it to the community documentation. We really need people to help out here and build a well-organised large support resource.
Back to the top
 
Posted
Rating:
#89466
Fletch
Avatar

Community saint
Works for me, Harry.

Browser: Chrome



 :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:
#89467
Harry-S
Avatar

Community saint
Oke after I change the background to how the image of fletch look its working. No idea why this is not working with the

Code

background-color: {$GET,area_4_background};
If I use this I got a 100% transperant.



digiflash | Photography,Webdesign and digital art community (dutch)
Back to the top
 
Posted
Rating:
#89468
Chris Graham
Avatar

ocStaff (admin)
Very quick unedited video showing what I mean about debugging what CSS ocPortal is generating, after Tempcode has run:

2012-08-14_2045 - ocProducts's library

&keep_no_minify=1 is needed as otherwise the CSS is all minified and you can't easily see anything.


Become a fan of ocPortal on Facebook or add me as a friend.

Expand: Was I helpful? Was I helpful?

Expand: Follow me on Twitter Follow me on Twitter







If I answered something that you think should be in the documentation, please take the initiative and add it to the community documentation. We really need people to help out here and build a well-organised large support resource.
Back to the top
 
Posted
Rating:
#89469
Harry-S
Avatar

Community saint
Thanks Chris for the explanation!!!

This was very helping.. :thumbs:  :thumbs:
digiflash | Photography,Webdesign and digital art community (dutch)
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:
 Add topic 
> Forum home » Themeing

Quick reply   Contract

Your name:
Your message:
( First post )