The Arcive of Official vBulletin Modifications Site.

iogames · #1 01-19-2009, 10:22 PM

Hiya...

I just want to know how in Main CSS can turn a color in a 10% transparency, since just typing 'transparent' makes disappear the color or border, I just want to low the transparency to 10% or something...

Can you help a brother in problem?

--------------- Added [DATE]1232414666[/DATE] at [TIME]1232414666[/TIME] ---------------

well so far I have this code, but lowers the opacity of the whole site, and I just want to lower the one for the background

Quote:

opacity:0.3;filter:alpha(opacity=30)

any ideas?

FullyTested · #2 01-19-2009, 11:30 PM

Keep in mind that the opacity command is not the same for all browsers.

SEOvB · #3 01-20-2009, 12:27 AM

You have to apply the opacity to the background class

http://www.mandarindesign.com/opacity.html

iogames · #4 01-20-2009, 08:22 PM

But I did place it on the right spot and nothing... a more exact line of code? someone?

UKBusinessLive · #5 01-20-2009, 10:33 PM

Quote:

Originally Posted by iogames

But I did place it on the right spot and nothing... a more exact line of code? someone?

Try this, it might work

Code:

.transparent_class {
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

But i think this is what your saying;

Quote:

To get a semi-transparent background of a <div>
(or other element, especially list elements) and yet keep the 100%
opacity of the inner text

That is not how opacity works. The css 3 property 'opacity' applies to a box as a whole and its content (all the contents of that box). Opacity is not inherited, but all the contents of a box whose opacity is lower than 1 (<100%) will appear as semi-transparent (or faded). It is not applied to the background, but the box as a whole. All the content of that box will be affected.

You could try and use RGBA color values.

Code:

selector {background:   rgba(0,0,255,0.5) } /* semi transparent blue */

Have a peek here for more details http://www.w3.org/TR/css3-color/#rgba-color

iogames · #6 01-21-2009, 03:55 PM

Though task!

I have tried many methods and it doesn't seems to work... Mmmh

UKBusinessLive · #7 01-21-2009, 05:50 PM

How about this..

Code:

<html>
<head>
<style type="text/css">
div.background
  {
  width: 500px;
  height: 1000px;
  background: url(klematis.jpg) repeat;
  border: 2px solid black;
   /* This will make the background image opacity =60*/
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox
  {
  width: 400px;
  height: 180px;
  margin: 30px 50px;
  background-color: #ffffff;
  border: 1px solid black;
  /* Edit the above for the forum/Fluid or fixed width*/
    }
div.transbox p
  {
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
  }
</style>
</head><body><div class="background">
<div class="transbox">

Forum code goes here  ???

</div>
</div></body>
</html>

Its the best bit of code i've managed to fine, you may get a few clues on the coding part from it and your forums css.

ALWAYS, make a backup first :up:

iogames · #8 01-23-2009, 07:03 PM

Must be there:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.09056 seconds Memory Usage 2,231KB Queries Executed 11 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (3)bbcode_code (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (8)post_thanks_box (8)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (8)post_thanks_postbit_info (8)postbit (8)postbit_onlinestatus (8)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!