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.


[resolved]rgba coding not working

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#88903 (In Topic #17998)
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


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#88906
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
Avatar

Community saint

i can try that..... let you now if this is working. I had thinking about this to :)


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#88908
Avatar

Community saint

well this was working like a charm!!!!
Thanks buddy you are great!!


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#88909
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
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;   
}



http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#89464
Avatar

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. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#89466
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
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.





http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#89468
Avatar

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. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#89469
Avatar

Community saint

Thanks Chris for the explanation!!!

This was very helping.. :thumbs:  :thumbs:


http://digiflash.nl Photo community  (dutch)
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: