The Arcive of vBulletin Modifications Site. |
|
|
#1
|
||||
|
||||
|
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:
i needed to clean the site cache
|
![]() |
|
|
| X vBulletin 3.8.12 by vBS Debug Information | |
|---|---|
|
|
More Information |
|
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|