Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Adding a Welcome Screen (Splash Page) to your website
Prev 1 2 3 4 5 6 7 8 9
DuguQiubai (New Admin) 2/21/2012 2:45 AM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
DuguQiubai
Posts: 314
Fingers of Fury!

Mottie said:
If you remove this line from your splash box code, it should start working:
#footerArea { display:none; }
That is actually CSS, so it should be inside of style tags, but instead is inside of a script tag. I don't think it is necessary though, so just remove it.


Thanks for everything. You've single-handedly help me make my site the way it is.

I have 2 questions/problems if u could help me with :

1. I've removed this line but the music still would not play

2. By removiing the code, now my red bars along with my footer appears before the Splash page background kicks in. 

I know I'm doing something wrong here. Any help would be much appreciated.
                
Thanks in advance.

www.demigods.ourlegionportal.com
TopBottom

Mottie (MVP) 2/21/2012 6:26 AM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

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.
TopBottom

DuguQiubai (New Admin) 2/21/2012 11:07 AM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
DuguQiubai
Posts: 314
Fingers of Fury!

Mottie said:
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.


I used the new code, now only the music and the background, the red bars, and my footer shows up.

The Welcome, Enter, or logo doesn't show up. I even tried removing the clock but that didn't change anything 
     
If you could look at it again. Thank you

I hide the page for now so it doesn't interfere with members logging in.

Page can be found at this link
http://demigods.ourlegionportal.com/Guild.aspx?GuildID=443135&TabID=3800690

*It works in Chrome and Fireforx but not in IE, which I use.
but the red lines and footer remain showing in all 3

 
TopBottom

Mottie (MVP) 2/21/2012 4:45 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

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>
TopBottom

DuguQiubai (New Admin) 2/21/2012 5:10 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
DuguQiubai
Posts: 314
Fingers of Fury!

I copied and paste the new code. The section wrappers are now gone, the background comes up and the music plays but the Welcome, Enter, and Logo still doesn't appear in Internet Explorer.

Works fine in Google and Firefox:

http://demigods.ourlegionportal.com/Guild.aspx?GuildID=443135&TabID=3800690
TopBottom

Mottie (MVP) 2/21/2012 6:09 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

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>
TopBottom

DuguQiubai (New Admin) 2/21/2012 6:25 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
DuguQiubai
Posts: 314
Fingers of Fury!

2 minor problems but it's really not too much of a problem. It's purely cosmetic. Just wondering if it could be fixed.

1. The background I chose for the Splash page is in the background and is not showing. It's just the color black.

2. The red line up top

Thank you, I really appreciate the help.
TopBottom

DuguQiubai (New Admin) 2/22/2012 3:03 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
DuguQiubai
Posts: 314
Fingers of Fury!

DuguQiubai said:
2 minor problems but it's really not too much of a problem. It's purely cosmetic. Just wondering if it could be fixed.

1. The background I chose for the Splash page is in the background and is not showing. It's just the color black.

2. The red line up top

Thank you, I really appreciate the help.



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!
TopBottom

Bertman of Renown (New Admin) 7/4/2012 12:39 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...

Bertman of Renown
Posts: 2
Getting Started!

http://renown-alonsus.guildportal.com/Guild.aspx?GuildID=455906&TabID=3919923

This is my splash screen.

I want to remove the box from around the rock picture.

Any way to do this?

Thanks for the help!
TopBottom

Prev 1 2 3 4 5 6 7 8 9
Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%