Mysidia Adoptables Support Forum

Mysidia Adoptables Support Forum (http://www.mysidiaadoptables.com/forum/index.php)
-   Questions and Supports (http://www.mysidiaadoptables.com/forum/forumdisplay.php?f=18)
-   -   Splash Page (http://www.mysidiaadoptables.com/forum/showthread.php?t=4853)

ilrak 06-02-2015 08:47 AM

Splash Page
 
Hi! I have a question.

Right now, I have a splash page on my site while it's in development so that people can still go to the alpha forum and participate there without seeing any of the in progress site.

Now that I'm reinstalling Mysidia to the site (long story short, I had a programmer who has not responded to me in over a month now after some promising activity beforehand so I'm back to attempting to program it myself until I hear back from them as to whether or not I need to just find someone else), I'm wondering if there's a way to keep the splash page intact but still have the in progress site available for me to work on. Do i need to rename the mysidia index file something else so that I can navigate to it to work on things and test things or can I have two index files?

Thanks!

Kyttias 06-02-2015 09:17 PM

Unfortunately, no part of your site is going to work without the index file as the entire site is routed through it. However, you can add custom content to your index page manually (rather than through the AdminCP's pages) if you read through this thread over here.

Hopefully you know some code? You should perhaps modify your page in such a way that a giant div covers the entire screen and your splash contents sits inside that, covering everything below -- but only if the person visiting is a visitor.

PHP Code:

if($usergroup == 6) { 
/*show something for visitors only*/
$document->add(new Comment(" Only visitors will be able to see this!! "FALSE));  
 } 

These are the usergroups, by number:
1 - root admins
2 - admins
3 - registered users
4 - artists
5 - banned
6 - visitors

As for suggestions to further a splash page -- make a div that's 100% the width and height of the page, and then center some content vertically and horizontally to make it appealing:

HTML Code:

<div style='min-height: 100%; background-color: orange; position: relative;'>
  <div style='position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius:7px;'>
    some content
  </div>
</div>

You'll be putting the above inside the Comment shown in the php even higher up, where it says " Only visitors will be able to see this!! " -- in case you were wondering, yes, it still needs to be surrounded by quotes. When writing html inside this space, be sure to only use single quotes ( ' ) and not double quotes ( " ).

Also, for this trick to work you'll need some additional css. Make sure your stylesheet's css contains a rule that sets the height of the body/html to 100%:
Code:

body, html { height: 100%; }
You can see an example of the html I quickly put together at this link.

I would be sure to include a way for you to log in in case you get yourself logged out. It'd be the "/login" page, of course! Or, if you can just remember that, you should have no problems.

ilrak 06-03-2015 12:28 PM

Thanks! I had an issue where it would either error out or just show the standard log in page, but I'll tinker some more.
EDIT:
Hmm ... now I have the splash page but the page looks very strange now:

http://i134.photobucket.com/albums/q...oon/issues.png

I'm not sure what to do to fix this issue but to be able to have that image even display at all (nevermind that it's only half of the splash page image), my code is now:

PHP Code:

class IndexView extends View{
 
    public function 
index(){
             
$mysidia Registry::get("mysidia");
        
$document $this->document;        
        
$document->setTitle(" Welcome to Auratus Ghoti - Opening late 2015 ");
    

$document->add(new Comment("<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
  <title>Auratus Ghoti</title>
</head>
<body>
<div style='min-height: 100%; background-color: orange; position: relative;'>
  <div style='position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius:7px;'>
    <center><a href='http://auratusghoti.com/forum' target='_blank'><img src='http://i134.photobucket.com/albums/q93/flippin_k_moon/splashpage2.png'/></a></center>
<center> Auratus Ghoti is an in development Goldfish Breeding Sim where the player controls a school of goldfish as they build their school and please the creatures that they believe are gods. For a <center>limited time, the alpha forums are open for new members who are interested in joining the alpha test of this game. Alpha testing is scheduled to start in late 2015.</center>
<a href='http://auratusghoti.com/forum' target='_blank'>Join the forum here!</a> <a href='http://auratusghoti.tumblr.com' target='_blank'>Follow us on Tumblr!</a> <a href='http://auratusghoti.wikia.com/' target='_blank'>View the official wiki!</a></center>
<script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<!-- Ad space -->
<ins class='adsbygoogle'
     style='display:block'
     data-ad-client='ca-pub-1249390240201341'
     data-ad-slot='2925505659'
     data-ad-format='auto'></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
  </div>
</div>
</body>
</html>
<!END>"
FALSE));
        
}    
}
?> 


Kyttias 06-03-2015 04:48 PM

I see, I see... Try this?

PHP Code:

<?php
class IndexView extends View
  
    public function 
index(){ 
             
$mysidia Registry::get("mysidia"); 
        
$document $this->document;         
        
$document->setTitle(" Welcome to Auratus Ghoti - Opening late 2015 "); 
    if(!
$mysidia->user->isloggedin){
$document->add(new Comment("
<div style='min-height: 100%; background-color: white; position: fixed;width: 100%;top: 0px;left: 0px;z-index: 9999;'> 
  <div style='position: relative; top: 50%; background-color: white; padding: 20px; border-radius:7px;'> 
    <center><a href='http://auratusghoti.com/forum' target='_blank'><img src='http://i134.photobucket.com/albums/q93/flippin_k_moon/splashpage2.png'/></a></center> 
<center> Auratus Ghoti is an in development Goldfish Breeding Sim where the player controls a school of goldfish as they build their school and please the creatures that they believe are gods. For a <center>limited time, the alpha forums are open for new members who are interested in joining the alpha test of this game. Alpha testing is scheduled to start in late 2015.</center> 
<a href='http://auratusghoti.com/forum' target='_blank'>Join the forum here!</a> <a href='http://auratusghoti.tumblr.com' target='_blank'>Follow us on Tumblr!</a> <a href='http://auratusghoti.wikia.com/' target='_blank'>View the official wiki!</a></center> 
<script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script> 
<!-- Ad space --> 
<ins class='adsbygoogle' 
     style='display:block' 
     data-ad-client='ca-pub-1249390240201341' 
     data-ad-slot='2925505659' 
     data-ad-format='auto'></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script> 
  </div> 
</div> "
FALSE)); 
         
}     

}
?>

I changed the embedded css a bit (setting these elements positions to 'fixed' breaks them out of their 'real' location). It's also unnecessary to have an extra set of doctype/body/html elements so I removed them. They already exist.

I also somehow spaced on the whole usergroup thing from earlier... and I wrote in a check to simply see if the user is logged in or not. If they're not, they'll see this. To still access the page '/login' and not automatically be redirected to the index, make sure you don't have my mod for that installed because then you'd never be able to log in.

ilrak 06-03-2015 05:05 PM

Much better! thank you!
http://i134.photobucket.com/albums/q...ch%20etter.png

I ended up having to take out the <div> but now it looks functional (I did lose the google adsense at the bottom somehow so I'll tinker with that a bit). Now I just need to disable registration somehow (or just manually reject any that happen until the site is actually functioning like I want it to) and then I'm good!

Thank you again so much! You're always a very big help! :D

Kyttias 06-03-2015 05:25 PM

Alright, if you'd still like to have it full screen and only when users are logged out, then you can revisit my last post (I made some edits).

(You could always rename the /register.php and /view/registerview.php pages temporarily so they cannot be found and that'll solve half the problem.)

ilrak 06-03-2015 05:31 PM

Thank so much! That worked even better! Now I can work on the site without having to worry about anyone who isn't me seeing it!


All times are GMT -5. The time now is 07:14 AM.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, vBulletin Solutions Inc.