vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)
-   -   Transparent background. (https://vborg.vbsupport.ru/showthread.php?t=303780)

katie hunter 10-24-2013 11:35 AM
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};
}

CAG CheechDogg 10-24-2013 11:47 AM
Link to your forums?

katie hunter 10-24-2013 12:06 PM
Hey (: i linked in the first reply ^ here it is:

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

Amaury 10-24-2013 03:17 PM
Where do you want it transparent?

squidsk 10-24-2013 03:37 PM
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 10-25-2013 02:37 AM
Quote:
Originally Posted by Amaury (Post 2455877)
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 (Post 2455882)
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};
}

Max Taxable 10-25-2013 02:43 AM
Quote:
Originally Posted by katie hunter (Post 2456008)
I tried this but it didn't work, still the same result, i see the background round
Clear browser cache.

katie hunter 10-25-2013 03:35 AM
Quote:
Originally Posted by Max Taxable (Post 2456009)
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 (Post 2455882)
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


All times are GMT. The time now is 11:21 PM.

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.01090 seconds
  • Memory Usage 1,748KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (4)bbcode_code_printable
  • (2)bbcode_html_printable
  • (5)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (8)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete