News:

Create A Forum Installed

Author Topic: Opacity/Transparency For Membergroup Background Post Color Using JQuery Script?  (Read 1274 times)

0 Members and 1 Guest are viewing this topic.

Offline AnonyMister

  • Newbie
  • *
  • Posts: 14
  • Karma: 0
    • View Profile

Badges: (View All)
10 Posts Level 2 Karma Good
For a few days now, I have looked everywhere online, and I feel it is not possible. :(



Brief Overview,

Header JQuery Script:
Code: [Select]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> Footer JQuery Script:
Code: [Select]
<script>function xboi209_colormembergroupposts(membergroup,color){$("li.membergroup:contains('"+membergroup+"')").closest("div.post_wrapper").css("background-color",color)}xboi209_colormembergroupposts("Moderator","DarkGreen");</script>
I have added an opacity attribute set to .9 in my CSS style for my background which makes everything transparent (No problem),
Yet I'd still like to somehow make the transparency of that green color in a Moderator's a little more... Well.. Transparent -- How?

* Is there any coding I can add into xboi's JQuery code that can allow an opacity change?
- If so, what is it?

:P Please keep in mind too, I am not the best coder out there. So, you know...

Merry Monday,
Nick

Share on Facebook Share on Twitter


Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
Set the opacity lower to like .6
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline AnonyMister

  • Newbie
  • *
  • Posts: 14
  • Karma: 0
    • View Profile

Badges: (View All)
10 Posts Level 2 Karma Good
Actually, anything below .9 does become a problem in terms of legibility.support

Here is part of my CSS where I added in the opacity,

Code: [Select]
/* Set a fontsize that will look the same in all browsers. */
body
{
    background: url(http://i45.tinypic.com/animnb.jpg);
        background-attachment: fixed; /* force image to stay put */
    font: 78%/130% "Comic Sans MS", cursive, sans-serif;
    margin: 0 auto;
    padding: 15px 0;
        opacity:0.6;
}

There is nothing I can do to only lighten the colors from your code or in the CSS style (Dark_Green)?support

Edit: I would like it to look something like this guys':
http://support.createaforum.com/5/%28code%29-color-membergroup-posts/

'Thorton...' has a screenshot in one of his posts.

I am not sure if it is because he has a white background, or what.

Here is my forum link just in case you need a better visual of what I am working with:
http://beardedcraft.createaforum.com/
« Last Edit: March 04, 2013, 10:35:54 pm by AnonyMister »

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
If legibility is a problem, maybe a different font will help. Thornton doesn't have a transparent background for his posts. You can lighten the background color of posts by using a hex color code to be specific in which color you want: http://www.colorpicker.com/
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline AnonyMister

  • Newbie
  • *
  • Posts: 14
  • Karma: 0
    • View Profile

Badges: (View All)
10 Posts Level 2 Karma Good
The font is fine. ;)

Thank you though, that is not a bad idea just blending the background in a bit more.


 

Related Topics

  Subject / Started by Replies Last post
18 Replies
3615 Views
Last post September 18, 2010, 09:01:07 pm
by simply sibyl
2 Replies
1201 Views
Last post March 19, 2011, 11:55:09 am
by Thornton136
1 Replies
880 Views
Last post November 04, 2012, 05:08:10 pm
by aIURbliS
9 Replies
2774 Views
Last post March 13, 2013, 10:51:19 pm
by aIURbliS
4 Replies
872 Views
Last post February 07, 2013, 10:50:02 am
by Nienna