Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 General Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 10-24-2013, 11:35 AM
katie hunter's Avatar
katie hunter katie hunter is offline
 
Join Date: May 2007
Posts: 533
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Transparent background.

Hi, I've installed this mod yesterday https://vborg.vbsupport.ru/showthread.php?p=245579

But How can i make the background transparent ? I've tried several things but it didn't work, i am not very good with this.

Like this http://i.imgur.com/diMKCG8.jpg instead of this http://i.imgur.com/vBEYOO5.jpg

ex http://forum.nihonomaru.com/member/ellymate.263627/

This is the template that belongs to this mod --> profile-intro.css

HTML Code:
/* member profile intro */
.intro_block {
display:block;
width: 100%;
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
margin-bottom: {vb:math {vb:stylevar padding}*2};
}

.intro_block h2 {
font-size:{vb:stylevar secondarycontent_header_font.fontSize}{vb:stylevar secondarycontent_header_font.units};
font-weight:{vb:stylevar secondarycontent_header_font.fontWeight};
color: {vb:stylevar secondarycontent_header_color};
background: {vb:stylevar secondarycontent_header_background};
border: {vb:stylevar secondarycontent_header_border};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.intro_block h2 span {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
}

.intro_block .text {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
background: {vb:stylevar secondarycontent_background};
border: {vb:stylevar secondarycontent_border};
}

.intro_block .text.noborder {
border-top: 0;
}

.intro_block .text p {
padding: {vb:stylevar padding};
}
Reply With Quote
  #2  
Old 10-24-2013, 11:47 AM
CAG CheechDogg's Avatar
CAG CheechDogg CAG CheechDogg is offline
 
Join Date: Feb 2012
Location: Riverside, California USA
Posts: 1,080
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Link to your forums?
Reply With Quote
  #3  
Old 10-24-2013, 12:06 PM
katie hunter's Avatar
katie hunter katie hunter is offline
 
Join Date: May 2007
Posts: 533
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hey (: i linked in the first reply ^ here it is:

http://forum.nihonomaru.com/member/ellymate.263627/
Reply With Quote
  #4  
Old 10-24-2013, 03:17 PM
Amaury Amaury is offline
 
Join Date: Nov 2011
Location: Ellensburg, WA
Posts: 1,075
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Where do you want it transparent?
Reply With Quote
  #5  
Old 10-24-2013, 03:37 PM
squidsk's Avatar
squidsk squidsk is offline
 
Join Date: Nov 2010
Posts: 969
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

in profile_intro.css make the changes in red:

Code:
.intro_block .text {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
<vb:comment>
background: {vb:stylevar secondarycontent_background};
</vb:comment>
border: {vb:stylevar secondarycontent_border};
}
}
Reply With Quote
Благодарность от:
katie hunter
  #6  
Old 10-25-2013, 02:37 AM
katie hunter's Avatar
katie hunter katie hunter is offline
 
Join Date: May 2007
Posts: 533
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Amaury View Post
Where do you want it transparent?
In this modification, just like this pic

Like this http://i.imgur.com/diMKCG8.jpg instead of this http://i.imgur.com/vBEYOO5.jpg

Quote:
Originally Posted by squidsk View Post
in profile_intro.css make the changes in red:

Code:
.intro_block .text {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
<vb:comment>
background: {vb:stylevar secondarycontent_background};
</vb:comment>
border: {vb:stylevar secondarycontent_border};
}
}
I tried this but it didn't work, still the same result, i see the background round http://forum.nihonomaru.com/member/ellymate.263627/

HTML Code:
/* member profile intro */
.intro_block {
	display:block;
	width: 100%;
	-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
	-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
	-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
	-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
	margin-bottom: {vb:math {vb:stylevar padding}*2};
}

.intro_block h2 {
	font-size:{vb:stylevar secondarycontent_header_font.fontSize}{vb:stylevar secondarycontent_header_font.units};
	font-weight:{vb:stylevar secondarycontent_header_font.fontWeight};
	color: {vb:stylevar secondarycontent_header_color};
	background: {vb:stylevar secondarycontent_header_background};
	border: {vb:stylevar secondarycontent_header_border};
	-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
	-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.intro_block h2 span {
	display:block;
	padding: {vb:math {vb:stylevar padding}/2-1} 0;
	padding-{vb:stylevar left}: {vb:stylevar padding};
}

.intro_block .text {
	display:block;
	padding: {vb:math {vb:stylevar padding}/2-1} 0;
        <vb:comment>
	background: {vb:stylevar secondarycontent_background};
        </vb:comment>
	border: {vb:stylevar secondarycontent_border};
}

.intro_block .text.noborder {
	border-top: 0;
}

.intro_block .text p {
	padding: {vb:stylevar padding};
}
Reply With Quote
  #7  
Old 10-25-2013, 02:43 AM
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
Posts: 3,134
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by katie hunter View Post
I tried this but it didn't work, still the same result, i see the background round
Clear browser cache.
Reply With Quote
  #8  
Old 10-25-2013, 03:35 AM
katie hunter's Avatar
katie hunter katie hunter is offline
 
Join Date: May 2007
Posts: 533
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Max Taxable View Post
Clear browser cache.

I did it on both FF and Chrome, but still the same, it is a white background, not transparent.

--------------- Added 25 Oct 2013 at 04:38 ---------------

It works if i just removed this line in red, but it doesn' t look quite right.. because it makes the title bar also transparent. I tried to change the color so it is not white, but this line is not working color: {vb:stylevar secondarycontent_header_color};

Code:
.intro_block h2 {
    font-size:{vb:stylevar secondarycontent_header_font.fontSize}{vb:stylevar secondarycontent_header_font.units};
    font-weight:{vb:stylevar secondarycontent_header_font.fontWeight};
    color: {vb:stylevar secondarycontent_header_color};
background: {vb:stylevar secondarycontent_header_background};
    border: {vb:stylevar secondarycontent_header_border};
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}
--------------- Added [DATE]1382705532[/DATE] at [TIME]1382705532[/TIME] ---------------

Quote:
Originally Posted by squidsk View Post
in profile_intro.css make the changes in red:

Code:
.intro_block .text {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
<vb:comment>
background: {vb:stylevar secondarycontent_background};
</vb:comment>
border: {vb:stylevar secondarycontent_border};
}
}
This was right i needed to clean the site cache
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 01:51 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04072 seconds
  • Memory Usage 2,252KB
  • 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
  • (4)bbcode_code
  • (2)bbcode_html
  • (5)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
  • (1)post_thanks_box_bit
  • (8)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (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
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete