The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
||||
|
||||
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}; } |
#2
|
||||
|
||||
Link to your forums?
|
#3
|
||||
|
||||
Hey (: i linked in the first reply ^ here it is:
http://forum.nihonomaru.com/member/ellymate.263627/ |
#4
|
|||
|
|||
Where do you want it transparent?
|
#5
|
||||
|
||||
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}; } } |
Благодарность от: | ||
katie hunter |
#6
|
||||
|
||||
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:
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}; } |
#7
|
||||
|
||||
Clear browser cache.
|
#8
|
||||
|
||||
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}; } Quote:
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|