Hi DuguQiubai!

I'm glad you have found my work useful

It looks like the music isn't playing because the splash page code over-writes it. Actually, you're using the original splash page code and if you update to the newer code (just replace the javascript and the css from the original post in this thread) the music should work because the newer method just hides everything but the splash page content instead of completely replacing everything on the page. This might also resolve the issue with the red bars.

One minor issue is a mod, I think... myClock? It is looking for a div with the ID of "clockDisplay" and it isn't finding it, so that is causing an error but not interfering with other scripts on the page as far as I can tell.

Wow that is very odd... even though your site is part of GuildPortal, it has extra wrapping elements named "sectionWrapper". So what you'll need to do change around a bit of code and css. I moved things around and deleted a few bit of css, but the parts in red the new additions needed to make it work:

<style type="text/css">
#PageContainer { display:none; }
#splashBox { margin: 0 auto; text-align: center; color: #fff; }
body {
  background: #333333 url(http://www.axiomfiles.com/images/ThemeGfx/backgroundblackstone.jpg);
  color: #ffffff;
}
.sectionWrapper {
  -webkit-box-shadow: 0 0 #000;
  -moz-box-shadow: 0 0 #000;
  box-shadow: 0 0 #000;
}
</style>

<div id="splashBox">
    <div style="text-align: center;">
        <div style="height: 200px;"></div>
        <h1>Welcome Guest</h1>
        <p>
            <a href="http://demigods.ourlegionportal.com/Guild.aspx?GuildID=443135">
                <img alt="" src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/forums/entersite.gif" />
            </a>
        </p>
        <img alt="" width="357" height="302" style="width: 552px; height: 301px;" src="http://demigods.ourlegionportal.com/GuildFiles/443135/logo.png" />
        <div style="height: 100px;"></div>
        <a href="http://demigods.ourlegionportal.com/Guild.aspx?GuildID=443135"></a>
    </div>
    <meta http-equiv="refresh" content="240; url=http://demigods.ourlegionportal.com/Guild.aspx?GuildID=443135&amp;TabID=3789637" />
</div>

<script type="text/javascript">
$(function() {
 var w = $('#splashBox').closest('.gpwidget');
 $('.gpWidget').not(w).hide();
 // remove the next two lines if you want your box borders to show
 w.find('.ContentBoxTitle').hide().end()
  .find('.ContentBox, .ContentBoxTitle, .ContentBoxBody').andSelf().attr('class','');
 // remove the above two lines if you want your box borders to show
 w.closest('.ContentZone').siblings().hide();
 $('.sectionWrapper').hide();
 w.closest('.sectionWrapper').show(); 
 $('.PageWrapper, .ContentWrapper').show();
 $('#bannerTable, .BannerArea, .WfTopMenu, .TabBar, .straightBarWrapper, .InnerTabTable').hide();
});
</script>

Stupid IE... ok I completely changed it - and updated the original post. The javascript is much shorter though

<style type="text/css">
#splashBox { margin: 0 auto; text-align: center; color: #fff; }
body {
    background: #333333 url(http://www.axiomfiles.com/images/ThemeGfx/backgroundblackstone.jpg);
    color: #ffffff;
}
#PageContainer,.gpWidget,.sectionWrapper,.ContentZone,#bannerTable,
.BannerArea,.WfTopMenu,.TabBar,.straightBarWrapper,.InnerTabTable { display: none; }
.sectionWrapper { -webkit-box-shadow: 0 0 #000; -moz-box-shadow: 0 0 #000; box-shadow: 0 0 #000; }
</style>
<div id="splashBox">
    <div style="text-align: center;">
        <div style="height: 200px;"></div>
        <h1>Welcome Guest</h1>
        <p><a href="http://demigods.ourlegionportal.com/Guild.aspx?GuildID=443135"><img alt="" src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/forums/entersite.gif" /> </a></p>
        <img alt="" width="357" height="302" style="width: 552px; height: 301px;" src="http://demigods.ourlegionportal.com/GuildFiles/443135/logo.png" />
        <div style="height: 100px;"></div>
        <a href="http://demigods.ourlegionportal.com/Guild.aspx?GuildID=443135"></a>
    </div>
    <meta http-equiv="refresh" content="240; url=http://demigods.ourlegionportal.com/Guild.aspx?GuildID=443135&amp;TabID=3789637" />
</div>
<script type="text/javascript">
$(function() {
    var w = $('#splashBox').closest('.gpwidget');
    // remove the next two lines if you want your box borders to show
    w.find('.ContentBoxTitle').hide().end()
    .find('.ContentBox, .ContentBoxTitle, .ContentBoxBody').andSelf().attr('class','');
    // remove the above two lines if you want your box borders to show
    $('#splashBox').parents().show();
});
</script>

LOL. All I had to do was make the section wrapper more transparent. Thanks for helping me out, I would never of figured it out. You're the best!