how do you remove the banner from your profile?

[RonnieBailey]

How do you remove the Japancast.net banner from your profile header? This one...

[Hitomi]

I don't think you can.

[Hi-Deki]

well if you just don't want to see it try blocking it you can do that on firefox just right click the picture and then you'll see the option

[RonnieBailey]

yeah I tried that but it blocks all the images from Japancast.net though.. oh well.

[Dan Pantry]

Ill see if I can get rid of it in the CSS (I am a good web designer....)

EDIT: we have bad news.

/* Page Title */
#xg_body h1,
#xg_body ul.navigation a,
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover {
color:/* %pageTitleColor% */ #1A3459;
}
/* Tab Color */
#xg_navigation ul li a {
background-color:/* %headTabColor% */ #1A3459;
}
/* Module Body: Background & Text */
.xg_module_body,
.xg_module_body legend,
.xg_module_body legend.toggle a,
.xg_module_foot,
ul.page_tabs li.this {
background-color:/* %moduleBodyBgColor% */ #FFFFFF;
background-image:/* %moduleBgImage% */ none;
background-repeat:/* %moduleBgImage_repeat% */ no-repeat;
}
/* Module Body: Headings */
.xg_module_body h3,
.xg_module_body caption {
color:/* %moduleHeadingColor% */ #1A3459;
}
/*----------------------------------------------------------------------
Header & Navigation
----------------------------------------------------------------------*/
#xg_masthead {
min-height:88px;
padding-top:90px;
}
* html #xg_masthead {
height:88px;
}

#xg_navigation {
border-bottom:6px solid #2079b9;
background-color:#1a3459;
}

#xg_navigation ul li.this a,
#xg_navigation ul li a:hover {
background:none;
color:#ffffff;
}
#xg_navigation ul li.this {
background: #2079b9 url(/xn_resources/widgets/index/gfx/themes/Professional/xg_navigation_ul_li.gif) no-repeat 0 0;
}
#xg_navigation ul li.this a {
background: url(/xn_resources/widgets/index/gfx/themes/Professional/xg_navigation_ul_li_a.gif) no-repeat 100% 0;
}


/*----------------------------------------------------------------------
Page
----------------------------------------------------------------------*/
/* Page Background Color/Image */
#xg_body {
background-repeat:repeat-x;
background-position:0 100%;
}


/*----------------------------------------------------------------------
Modules
----------------------------------------------------------------------*/
/* Titlebars */
.xg_module_head {
border-bottom: 2px solid #d6eeff;
}
.notitle {
display:none!important;
}

as you can see, there is NO mention of "http://api.ning.com/files/r-Y0Ksw8LDifzi3GZOgJWrWZ0sx*ouuAWPIzdCryxes_/JapancastSocial.jpg?width=925&height=217&xn_auth=no&type=jpeg" (That is the banner image)..

so Hitomi was right.

[Vicener]

I managed to remove it from my page, sort of, but it was a bit hard.
This is my CSS:
/* Page Title */
#xg_body h1,
#xg_body ul.navigation a,
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover {
color:/* %pageTitleColor% */ #053F65;
}
/* Tab Color */
#xg_navigation ul li a {
background-color:/* %headTabColor% */ #053F65;
}
/* Module Body: Background & Text */
.xg_module_body,
.xg_module_body legend,
.xg_module_body legend.toggle a,
.xg_module_foot,
ul.page_tabs li.this {
background-color:/* %moduleBodyBgColor% */ #FFFFFF;
background-image:/* %moduleBgImage% */ none;
background-repeat:/* %moduleBgImage_repeat% */ no-repeat;
}
/* Module Body: Headings */
.xg_module_body h3,
.xg_module_body caption {
color:/* %moduleHeadingColor% */ #053F65;
}
/*----------------------------------------------------------------------
Header & Navigation
----------------------------------------------------------------------*/
#xg_masthead {
opacity:.0;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
}
* html #xg_masthead {
opacity:.0;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
}

#xg_navigation {
border-bottom:opx none;
background-color:#044065;
}

#xg_navigation ul li.this a,
#xg_navigation ul li a:hover {
background:#aaaaaa;
color:#044065;
}
#xg_navigation ul li.this {
background: #FFFFFF;
}
#xg_navigation ul li.this a {
background: #FFFFFF;
}


/*----------------------------------------------------------------------
Page
----------------------------------------------------------------------*/
/* Page Background Color/Image */
body {
background-color:#044065;
}

/*----------------------------------------------------------------------
Modules
----------------------------------------------------------------------*/
/* Titlebars */
.xg_module_head {
border-bottom: 2px solid #9BA34E;
}
.notitle {
display:none!important;
}

#xg_sitedesc {
display:none!important;
}

.xg_sitename {
display:none!important;
}

#xg_foot {
background-color:#044065 !important;
background-image:url(http://i25.tinypic.com/2cmq32d.png);
background-repeat: repeat-x;
}

.xg_ads .xg_module_body {
background-color:#0A0A0A !important;
background-image:url(http://i27.tinypic.com/30hna0p.png);
border:2px solid #9BA34E !important;
}

For further details look at my page, just to see how it works.

[Dan Pantry]

Looked at your page and uh... banner is still there.

Plus now Im on your "I Love manga" network.

[Vicener]

Well it's not on my browser, I use Firefox and Safari, the banner doesn't show up on either of them.
The CSS doesn't really remove the image, what it does is make the area where the image is located fully transparent.
This is exact part that does that:

#xg_masthead {
opacity:.0;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
}
* html #xg_masthead {
opacity:.0;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
}

[Dan Pantry]

Ahhh Now I see it!!
Fire fox is A LOTTTT BETTER THAN IE; I'm glad to see another FF user =]
Why didnt i notice you changed the Opacity...

So yeah, rhys, change:

#xg_masthead {
min-height:88px;
padding-top:90px;
}
* html #xg_masthead {
height:88px;
}

to this

#xg_masthead {
opacity:.0; //Sets Opacity to 0
filter: alpha(opacity=0); //Sets alpha [transparancy] channel to 0
-moz-opacity: 0.0; //???
}
* html #xg_masthead {
opacity:.0; //Sets Opacity to 0
filter: alpha(opacity=0); //Sets Alpha [Transparancy] to 0
-moz-opacity: 0.0; //0.0'
}

remember to remove the things after //

[Dan Pantry]

If you have the Veejay layout... its a bit more complicated. If you do use it, set the CSS to

body {
background-attachment:fixed;
background-position: 50% 20%;
opacity:.0;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
}
}
#xg, .xg_floating_container {
background-color:transparent;
}


/*----------------------------------------------------------------------
Header & Navigation (#xg_head and descendants)
----------------------------------------------------------------------*/
#xg_head {
opacity:.0;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
}

#xg_masthead {
opacity:.0;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
}


#xg_head > #xg_masthead {
height: auto;
}
#xg_masthead p#xg_sitename {
margin:0;
padding:92px 0 0 85px;
line-height:1em;
text-transform:uppercase;
letter-spacing:0.05em;
}
#xg_masthead p#xg_sitedesc {
padding:0pt 0pt 0em 100px;
color:#e80c7a;
}
#xg_navigation {
position:absolute;
right:40px;
top:10px;
width:160px;
background-color:transparent;
}
#xg_navigation ul li {
float:none;
text-align:right;
font-size:90%;
margin:.1em 0;
border-bottom:1px solid #191919;
text-transform:uppercase;
background-color:transparent;
color:#fff;
}
#xg_navigation ul li a,
#xg_navigation ul li span {
display:block;
text-decoration:none;
background-color:transparent;
color:#ffb80c;
line-height:180%;
}
#xg_navigation ul li a:hover {
background-color:transparent;
color:#FFF;
}
#xg_navigation ul li.this a {
background-color:transparent;
color:#FFF;
}


/*----------------------------------------------------------------------
Body (#xg_body and descendants)
----------------------------------------------------------------------*/
#xg_body {
clear: both;
background-color:transparent;
padding-top: 4em;
}
.xg_module {
background-color: transparent;
}
#xg #xg_body h1 {
color: #E80C7A;
background-color: #000;
font-size:1.6em;
}
.xg_module_head {
background: transparent url(http://japancast.ning.com/xn_resources/widgets/index/gfx/themes/Vee...) no-repeat;
font-size: 1.2em;
text-transform:uppercase;
margin-bottom:0;
border-bottom:1px solid #FFBB0A;
padding:15px 0px 0px .5em;
}
.xg_module_head h2 {
font-weight: normal;
}
.xg_module_body,
.xg_module_foot {
background-color: #191919;
margin: 0;
}
.xg_module_body h3,
.xg_module_body caption {
color: #FFBB0A;
}
ul.pagination li.this span {
border-color: #000000;
color: #FA4401;
}
#xg_body ul.navigation {
background: url(http://japancast.ning.com/xn_resources/widgets/index/gfx/themes/Vee...) repeat-x;
position: static;
float: left;
clear: both;
padding: 1em 1em 0 .3em;
border-bottom: 1px solid #000;
}
ul.page_tabs li.this span {
color: #FFBB0A;
}
#xg_body form.notes_search p {
margin-top: 0;
}

/*----------------------------------------------------------------------
Footer (#xg_foot and descendants)
----------------------------------------------------------------------*/
#xg_foot,
#xg_foot a {
color:#333;
padding-bottom: 0;
}

This removes the banner.

body {
background-attachment:fixed;
background-position: 50% 20%;
}
is the code for the header.

The only bad thing is is that your left with a GAPING hole in the top of your layout, where if you click it, you goto the home page. hehhe mouse over nothing and you get "Japancast.net"

[RonnieBailey]

lol, ok well thanks guys I'll try this!