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.


Controling transparancy

Login / Search

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

Well-settled

I was playing with using a transparent body in my theme but I did not want it 100%. I have tried several times and none I try seem to work. Can someone explain how and or where to do this.

Don't be skeerd its me learning ocPortal.
Take a look you never know what its going to be like.
Here is the box of chocolate link. 

Expand: What the site is to be for. What the site is to be for.

Back to the top
 
Posted
Item has a rating of 5 (Liked by BobSLiked by SahsLiked by Jean)  
Rating:
#86929
Avatar

Community saint

For TRANSPARENCY try OPACITY … 0.1 to 0.9

here is a random (actually, the first) example from global.css


.global_helper_panel_pic {
   opacity: 0.2;
   position: absolute;
   z-index: 2;
   bottom: 0;
}


 :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:
#86930
Avatar

Well-settled

Fletch said

For TRANSPARENCY try OPACITY … 0.1 to 0.9

here is a random (actually, the first) example from global.css


.global_helper_panel_pic {
   opacity: 0.2;
   position: absolute;
   z-index: 2;
   bottom: 0;
}


 :thumbs:


OK that does control the transparancy. But I must be using it in the wrong area. The whole page is adjustable except for the background image. I just need the body to where I can give some % to where the test is readable.
I am not even sure it can be adjusted to where it is readable and you see a faint image continuing behind. I just wanted to try it.
Ill play with it in different areas to see what happens thanks  :thumbs:

Don't be skeerd its me learning ocPortal.
Take a look you never know what its going to be like.
Here is the box of chocolate link. 

Expand: What the site is to be for. What the site is to be for.

Back to the top
 
Posted
Item has a rating of 5 (Liked by BobSLiked by SahsLiked by Jean)  
Rating:
#86932
Avatar

Community saint

Are you after something like this?



If so, add desired opacity to:

Code

.fake_middle_continuation, #main_website #body_inner

Do you have a Samsung Galaxy S / Galaxy S II ? If so, why not check out my ScreenFree FM Radio .
Back to the top
 
Posted
Rating:
#86963
Avatar

Well-settled

Thanks temp1024   

That is sort what I was looking at but I think it makes it hard to read. I know I do have one member that has some issues so I need to make sure it is legible.
I was more thinking the area in between the blocks leaving the blocks only with a nontransparent background. Using it like we are it even makes the images posted in the forum transparent.  :o  

Dont take it the wrong way I appreciate the help very much. Im just not good at explaining what I am thinking. Which is probably a good thing in some cases.  :lol:

Don't be skeerd its me learning ocPortal.
Take a look you never know what its going to be like.
Here is the box of chocolate link. 

Expand: What the site is to be for. What the site is to be for.

Back to the top
 
Posted
Item has a rating of 5 (Liked by Sahs)  
Rating:
#86964
Avatar



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:
#86976
Avatar

Well-settled

Chris Graham said


Awesome stuff !

Thanks

Don't be skeerd its me learning ocPortal.
Take a look you never know what its going to be like.
Here is the box of chocolate link. 

Expand: What the site is to be for. What the site is to be for.

Back to the top
 
Posted
Rating:
#86981
Avatar

Community saint

Sahs said

Dont take it the wrong way I appreciate the help very much. Im just not good at explaining what I am thinking. Which is probably a good thing in some cases.  :lol:
No problem.

Chris Graham said

Of course !

Do you have a Samsung Galaxy S / Galaxy S II ? If so, why not check out my ScreenFree FM Radio .
Back to the top
 
Posted
Item has a rating of 5 (Liked by BobSLiked by Sahs)  
Rating:
#86982
Avatar

Community saint

Temp1024 is right, it all start with: 

Code

.fake_middle_continuation, #main_website #body_inner {
                background-color: transparent;


Then RGBA colors are applied to several CSS key selectors.

For a list of suggested modifications to global.css, calendar.css, and ocf.css, please refer to my latest tutorial: locate "Creating a new theme" in "Preparing the Base Theme" in Community Docs. Or, find the complete list here: Tutorial on creating a new theme

Suggest to download the project_documents.zip
for Changes to global_css.docx and others.

Jean
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: