How to make a PSP portal

Discussion in 'Console & PC Gaming' started by K9rosie, Mar 23, 2009.

  1. K9rosie

    K9rosie New Member

    Joined:
    Nov 7, 2008
    Messages:
    296
    Likes Received:
    0
    Device:
    iPhone 4 (Black)
    Hello, this is k9rosie's guide on how to make a PSP portal. First off, here is a little FAQ:


    WTF is a PSP portal?
    A PSP portal is a collection of HTML/CSS/JavaScript web pages that you drag-and-drop into you PSP and view in your PSP's web browser.

    What can a PSP portal do?
    People usually make their PSP portals look like an OS (Operating System). For example, I can make a Windows Vista PSP portal with some JavaScript and HTML.

    Why do I need a PSP portal?
    You don't need a PSP portal, if you want to trick your friends into thinking that you have Vista or Mac OS X on you PSP, then a PSP portal would be a good idea.

    Can I put Flash in my portal?
    Yes you can. But there are two issues with that.
    #1 The PSP only supports Flash Player 6
    #2 Your gonna have to worry about the amount of RAM the PSP has
    --------------------------------------------------------------------------------------
    Requirements:
    A little bit of knowledge of HTML
    Your imagination
    A text editer (Notepad for Windows, TextWrangler for Mac)
    A background image
    My PSP Portal kit (Download)
    --------------------------------------------------------------------------------------

    After you download the kit, you can rename it and trash the README.

    The kit contains:
    index.html
    pg1.html
    pg2.html
    pg3.html
    images

    images is a folder where you can put your images (like bg.gif, icon.png). Just make sure you add the images/ when you are doing an <img src
    HTML:
    <img src ="images/image file name here">
    Did I mention that PSP pixel size is 480 X 272? That might be useful for your background image. If it's larger, then your gonna have problems.

    The index.html file has some simple HTML code in it to get you started. Lets go ahead and edit the code.
    Your head looks like this:
    HTML:
    <html>
    <head>
    <title>NAME OF YOUR PORTAL HERE</title>
    </head>
    <body background="insert location of the background image">
    <center>Name of portal</center>
    <script type="text/javascript">
    <!--
    var currentTime = new Date()
    var hours = currentTime.getHours()
    var minutes = currentTime.getMinutes()
    if (minutes < 10){
    minutes = "0" + minutes
    }
    document.write(hours + ":" + minutes + " ")
    if(hours > 11){
    document.write("PM")
    } else {
    document.write("AM")
    }
    //-->
    </script>
    <hr>
    All that JavaScript displays the current time. The
    HTML:
    <hr>
    makes a line.

    Now time for the Body:
    HTML:
    <!-- If you don't like the links on top of each other, remove the <br /> in between them -->
    <!-- If you don't like the links on top of each other, remove the <br /> in between them -->
    <a href="pg1.html">Link one</a>
    <br />
    <a href="pg2.html">Link two</a>
    <br />
    <a href="pg3.html">Link three</a>
    <br />
    <h1> Here is your workspace, add whatever you want</h1>
    <br />
    </body>
    </html>
    Yeah I know what you're thinking. Why are there just links? Well, I'm not creating the portal, you are.

    The pg HTML pages consist of:
    HTML:
    <html>
    <head>
    <title>NAME OF YOUR PORTAL HERE</title>
    </head>
    <body background="insert location of the background image">
    <a href="index.html">< Back</a>
    <center>Name of portal</center>
    <script type="text/javascript">
    <!--
    var currentTime = new Date()
    var hours = currentTime.getHours()
    var minutes = currentTime.getMinutes()
    if (minutes < 10){
    minutes = "0" + minutes
    }
    document.write(hours + ":" + minutes + " ")
    if(hours > 11){
    document.write("PM")
    } else {
    document.write("AM")
    }
    //-->
    </script>
    
    <hr>
    <br />
    <h1> Here is your work space, add whatever you want</h1>
    </body>
    </html>
    And that's pretty much it. Edit the portal, Add things, and you got your self a portal.






    The reason why I wanted to make a tutorial is so I can get off my lazy ass and help people. And this is the only thing I know how to do. It really isn't a tutorial because it came up to me all of a sudden and I didn't know how to write it.

    Attached Files:

  2. Manic Nimrod

    Manic Nimrod Well-Known Member

    Joined:
    Nov 26, 2007
    Messages:
    8,769
    Likes Received:
    149
    I remember these...they all sucked.

Share This Page