Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 05-01-2009, 05:25 PM
JPetrillo JPetrillo is offline
 
Join Date: Apr 2009
Location: CT
Posts: 25
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Semi Transparent Page Background

I want to make the "Page Background" semi transparent. Is this easy? If so, how can I do it?

Thanks!
Reply With Quote
  #2  
Old 05-02-2009, 06:57 AM
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Location: Essex, United Kingdom
Posts: 1,637
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by JPetrillo View Post
I want to make the "Page Background" semi transparent. Is this easy? If so, how can I do it?

Thanks!
I've found out a bit about it for you, you can add inside either a table tag, or the body tag, even a div tag and the actual "iframe" tag, you can add this css style that makes each of those properties semi transparent. and it would look something like this:

<body style="filter: alpha (opacity=50)">

In here, the entire body of the html will be given an opacity, ranging from 0 to 100. 0 being completely transparent, and 100 being not transparent at all. and 50 being somewhere in the midde hence, semi transparency. its a really neat effect.

The down side to this, is tha it makes all of the content in the body transparent as well. as in the text, and any images or whatever i might have on the page. whether i apply this style in the body tag, the ifram tag, or a div tag. its all the same.


The other option i have found available to me is one that makes a table or iframe transparent, BUT not the content, (like the text). however what i don't like about this options is that it makes the iframe COMPLETELY see through. and i only want it SEMI- see through. semi transparent. this code works like this.

in the ifram tag <iframe src="blahblah.htm"></iframe> you would put this inside it like so:

<iframe src="blahblah.htm" allowtransparency="true">


and then in the actually html file tha you want IN the iframe, you would put this int he body tag:

<body style="background-color: transparent;">
Reply With Quote
  #3  
Old 05-02-2009, 05:14 PM
JPetrillo JPetrillo is offline
 
Join Date: Apr 2009
Location: CT
Posts: 25
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

So how do I make just the Page Background semi transparent?

I was also able to get semi transparency simply by putting opacity: 0.5; in the "Extra CSS Attributes" box under "Page Background" in the Style Manager, but like you said, this makes the entire page including all the content semi transparent.

There has to be a way to make only the actual Page Background semi transparent and keep all the content on top of that normal looking! (without using a .png image)

Anymore ideas anyone?
Reply With Quote
  #4  
Old 05-02-2009, 08:18 PM
Regs Regs is offline
 
Join Date: Oct 2001
Location: Vancouver BC
Posts: 322
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Why are you adverse to the use of a .png?
Reply With Quote
  #5  
Old 05-02-2009, 10:24 PM
JPetrillo JPetrillo is offline
 
Join Date: Apr 2009
Location: CT
Posts: 25
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Because I read it doesn't work with all browsers.
Reply With Quote
  #6  
Old 05-03-2009, 03:08 PM
napy8gen napy8gen is offline
 
Join Date: Jan 2006
Location: port ++++son
Posts: 519
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

You can define new css class in main css>additional css definition.
Quote:
.transparent{
filter: alpha(opacity=70); /* ie */
-moz-opacity: .7; /* mozilla */ }
apply it to any layout wrapper in the header template. that depends on your design code.
style manager> style namer> common templates> header

if in the header template the design start with table, you can call the class like this.
Quote:
<table class="transparent">
if start with div
Quote:
<div class="transparent">

In Main CSS page background property empty it or put value "transparent".
Reply With Quote
  #7  
Old 05-03-2009, 04:13 PM
JPetrillo JPetrillo is offline
 
Join Date: Apr 2009
Location: CT
Posts: 25
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks napy

What template would I use to call the class? I dont want the header transparent. I am using a white page background and I want the white page background to be semi transparent.
Reply With Quote
  #8  
Old 05-04-2009, 04:17 PM
napy8gen napy8gen is offline
 
Join Date: Jan 2006
Location: port ++++son
Posts: 519
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

because Page Background property cannot hold this tranparent class because it makes all content transparent. you need to empty the Page Background css and put the white in the tranparent class.
Quote:
.transparent{
background-color:#FFFFFF;
filter: alpha(opacity=70); /* ie */
-moz-opacity: .7; /* mozilla */ }
then maybe you can make a simple <div class="transparent"></div>

put the <div class="transparent"> in the bottom of header template before this comment <!-- content table -->

and the close div tag </div> in the footer template on top of the footer template.

*but remember to empty the background color of Page Background property in your style Main CSS. or put the value "transparent"
Reply With Quote
  #9  
Old 05-04-2009, 06:42 PM
JPetrillo JPetrillo is offline
 
Join Date: Apr 2009
Location: CT
Posts: 25
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks again napy

I did exactly as you said and it worked, but all the content was transparent and not just the background

Seems like we're getting closer to a solution though... any other thoughts?
Reply With Quote
  #10  
Old 05-04-2009, 06:52 PM
iogames's Avatar
iogames iogames is offline
 
Join Date: Jan 2007
Location: Las Vegas, NV.
Posts: 1,433
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

need this too!
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 02:02 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04478 seconds
  • Memory Usage 2,254KB
  • Queries Executed 13 (?)
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
  • (5)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (10)postbit_onlinestatus
  • (10)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_postinfo_query
  • fetch_postinfo
  • 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
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete