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
Mottie (MVP) 6/16/2011 8:49 AM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Corganno!

I probably could add a cookie feature that remembers if someone has seen the splash page, but they would still end up there for a second, then the browser would reload with the Home page. Either way, they are still seeing it and waiting for the home page to load, so I don't think it's the best solution. Honestly if someone can't figure out how to bookmark the home page, then they probably have more problems then seeing the splash page everytime.
TopBottom

Corganno (Guild Admin) 6/19/2011 3:53 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
Corganno
Posts: 584
Zomgawsh Poster

Mottie said:
Hi Corganno!

I probably could add a cookie feature that remembers if someone has seen the splash page, but they would still end up there for a second, then the browser would reload with the Home page. Either way, they are still seeing it and waiting for the home page to load, so I don't think it's the best solution. Honestly if someone can't figure out how to bookmark the home page, then they probably have more problems then seeing the splash page everytime.


That's ok, I wouldn't bother. Judging by the poll we have going on the subject, the vast majority of our members like it the way it is now. 

Thanks again 


TopBottom

Mottie (MVP) 7/23/2011 7:08 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Updated! Since it recently stopped working... to update your code, just change this line from this:
document.getElementById('ctl00_ContentPlaceHolder1_PageContainer').innerHTML = a;
to this:
document.getElementById('PageContainer').innerHTML = a;
TopBottom

ChaosElement (New Admin) 7/30/2011 11:12 AM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
ChaosElement
Posts: 7
Getting Started!

thank you so much for taking the time to make this as easy as possible.  the bad news is that apparently I need things even easier...I have worked on my splash page for over 10 hours now trying to get an mp3 file to play.  I have purchased file hosting service, purchased music, and have tried what I think to be almost  every other possibility.  For some reason the file manager will let me upload certain MP3 files and not others, which is the crux of this ordeal.  I have thrown up my hands in despair and am willing to give up...so I guess that is when I ask for help.  Here are the specific issues:

when I use a link in the page properties the music never plays unless I link it to an MP3 file in my file manager.  The file manager, however, permits certain MP3 files and not others.

when I try to use HTML code before, after, or even within your splash page code the music never plays either and most of the time it just mucks up the splash page appearance.

Also, one of my guildies told me that the splash page redirects him to the home page immediately without the 10 sec delay. 

Please help...

p.s. I feel i need to insert here that a vast portion of the time I spent was at work trying to avoid a proxy in order to find sound bites as well as working with a civil war era PC.  I know I am not gifted, but when I read this again it seemed as though I may be a window licker.  I assure you I am not that either.
TopBottom

Droxius (New Admin) 7/30/2011 8:35 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
Droxius
Posts: 320
Fingers of Fury!

Hi Mottie,

I'm having a problem with the spacing on my welcome page.  I have it set up and I have the links leading where I want them (the one is leading back to GP just as a place holder till the new guild is set up).  You see my problem is that I don't know how to center both of them side by side on the screen.  As it is now, you have to scroll down to see one of the links.

Here's the welcome page http://geneco.sithportal.com/Guild.aspx?GuildID=397552&TabID=3603570

And here's the code I'm using:

Any suggestion?
Thanks,
Drox

<style type="text/css">
body { display:none; }
</style>

<div id="splashBox">

<div align=left>
<div style="height:200px;"></div>
Welcome $block[username] to<br>
<img src="URL TO YOUR LOGO">
<div style="height:100px;"></div>
<a href="http://geneco.sithportal.com/Guild.aspx?GuildID=397552&TabID=3363601">
<img src="http://www.talonsofthegryphon.com/sw_stuff/TotR.gif" width=225>
</a>
</div>
<meta http-equiv="refresh" content="10; url=http://geneco.sithportal.com/Guild.aspx?GuildID=397552&TabID=3363601">
<div align=right>
<div style="height:200px;"></div>
Welcome $block[username] to<br>
<img src="URL TO YOUR LOGO">
<div style="height:100px;"></div>
<a href="http://admins.guildportal.com/Guild.aspx?GuildID=3780&ForumID=22042&TabID=27537&TopicID=7257002&Page=1">
<img src="http://t2.gstatic.com/images?q=tbn:ANd9GcTvdfl8eZTmbJXTw50nwOan5F63x3-eYzGOfLfe64r5777Ujvk_vg">
</a>
</div>
<meta http-equiv="refresh" content="10; url=http://admins.guildportal.com/Guild.aspx?GuildID=3780&ForumID=22042&TabID=27537&TopicID=7257002&Page=1">

 

<style type="text/css">
.StateBar, .BannerArea, .TabBar, .PageFooter, div.ContentBoxBody, .ContentBoxTitle, input  { display:none; }

body { background: #333333 url(URL TO YOUR BACKGROUND IMAGE); color: #ffffff; display:inline; }
img, img a { border:0px; }
</style>
</div>

<script type="text/javascript">
$(document).ready(function() {
var a = document.getElementById('splashBox').innerHTML;
document.getElementById('PageContainer').innerHTML = a;
});
</script>


Edit* I should also note I don;t know HTML so I'm stumbling through this as a learning process lol. 


 

TopBottom

Mottie (MVP) 7/31/2011 9:13 AM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi guys!

@ChaosElement: I've updated the code in the original post with a new method. Basically instead of replacing all of the page content with the content of the splash box, it now just hides everything but the splash box ( amazing what a bit more experience with jQuery allows you to do ). So now your mp3 player should just work as you expect.

The issue with the file manager is probably because of the file size limit, if I remember correctly, I think it's 5Mb. If you have bigger files you will probably have to host the file elsewhere - I suggest checking out Dropbox.

The splash page immediate redirect might be because of a typo in the meta tag (the purple code).

I could help you better troubleshoot any problems if you already had the welcome page up on your site.

@Droxius: It looks like you just duplicated the links to the other sites. The problem is that <div>'s automatically move things to a new line, so you could just put both images inside of one div.

The left image (TotR.gif) is HUGE! It's 1.4Mb and it would be better if you reduced the size to match the other icon.

The meta tag redirects should both be removed because the page is a portal and having one would prevent the user from selecting. Having two wouldn't work in any situation.

Anyway, I've updated the original Splash Page code in the original post and in the code you provided... I've also included a custom Star Wars font that I already had uploaded in my site files... so, try this:
<style type="text/css">
#PageContainer { display:none; }
#splashBox { margin: 0 auto; text-align: center; }
</style>
<div id="splashBox">
<div>
<div style="height: 100px;"></div>
<h1>Welcome $block[username]</h1>
<img alt="" src="URL TO YOUR LOGO" />
<div style="height: 100px;"></div>
<a href="http://geneco.sithportal.com/Guild.aspx?GuildID=397552&amp;TabID=3363601">
<img alt="" width="225" src="http://www.talonsofthegryphon.com/sw_stuff/TotR.gif" />
</a>

<a href="http://admins.guildportal.com/Guild.aspx?GuildID=3780&amp;ForumID=22042&amp;TabID=27537&amp;TopicID=7257002&amp;Page=1">
<img alt="" src="http://t2.gstatic.com/images?q=tbn:ANd9GcTvdfl8eZTmbJXTw50nwOan5F63x3-eYzGOfLfe64r5777Ujvk_vg" />
</a>
</div>
<style type="text/css">
 /* instructions here: http://www.guildportal.com/Guild.aspx?GuildID=3780&TabID=27537&ForumID=22042&TopicID=9663736&Page=1#46664571 */
 @font-face {
  font-family: 'DISTGRGRegular';
  src: url('/GuildFiles/258012/font-DISTGRG.eot');
  src: url('/GuildFiles/258012/font-DISTGRG.eot?#iefix') format('embedded-opentype'),
       url('/GuildFiles/258012/font-DISTGRG.woff') format('woff'),
       url('/GuildFiles/258012/font-DISTGRG.ttf') format('truetype'),
       url('/GuildFiles/258012/font-DISTGRG.svg#DISTGRGRegular') format('svg');
  font-weight: normal;
  font-style: normal;
 }
 h1 { font: 50px/58px 'DISTGRGRegular', Arial, sans-serif; letter-spacing: 0; }
</style>
</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();
 $('.PageWrapper, .ContentWrapper').show();
 $('#bannerTable, .BannerArea, .WfTopMenu, .TabBar, .straightBarWrapper, .InnerTabTable').hide();
});
</script>
TopBottom

Droxius (New Admin) 7/31/2011 9:04 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
Droxius
Posts: 320
Fingers of Fury!

That looks great Mottie and I love the new font but for some reason when I copy and paste the code on our guild page the font doesn't work.  Oddly when I copy and paste the exact same code on the 2nd website it seems to work just fine. 





Drox
TopBottom

Mottie (MVP) 8/1/2011 9:08 AM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Droxius!

Hmm, I'm not sure what to tell you... are you using the relative url (the url starts with /GuildFiles/...)? If not that might be the problem. Otherwise I can't think of anything else...
TopBottom

Droxius (New Admin) 8/1/2011 8:52 PM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
Droxius
Posts: 320
Fingers of Fury!

Hmm, I'm not sure.  It looks like they're all correct from the code that you posted.  It also works if I click the welcome tab from the second website but not from the first one.  Its not really that big of a deal, the regular font works just as well lol.

Thanks Again,
Drox 
TopBottom

Elysia_1 (New Admin) 8/10/2011 9:23 AM EST : RE: Adding a Welcome Screen (Splash Page) to your web...
Elysia_1
Posts: 59
Posts With Wolves

Awsome work btw...

Question...

How do you add a Flash Movie (swf) to this script rather then an Image file?
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%