Quieres postear , enviar mensajes , obtener informacion , etc
Registrate en mi foro ; )
Un Saludo

Conectarse

Recuperar mi contraseña

Chat
Visitas


Últimos temas
Buscar
 
 

Resultados por:
 


Rechercher Búsqueda avanzada


Como crear un portal de psp

 :: PSP :: Tutoriales PSP

Ver el tema anterior Ver el tema siguiente Ir abajo

Como crear un portal de psp

Mensaje  elangelin el Dom Ene 30, 2011 10:53 pm

Hola amigos soy elangelin y hoy les enseñare a crear nuestro portal de psp,aunque en el portal diversion contiene el tutorial xD pero aqui explicare a hacer en un block de notas hay una manera mas facil que haciendolo en word pero hoy lo haremos en un blck de notas
Requisitos:
Bloc de notas de Windows
Pack crea tu portal
Games (Descargar )
Aplicaciones(Descargar)
Tutorial:
1 paso:

Empezaremos poniendo imagenes a nuestro portal. Pon la imagen que quieras de fondo (formato .jpg) dentro de la carpeta PSP/COMMON/Portal/images. Esta imagen tiene que tener el nombre home.jpg. Ahora pon una imagen formato .gif para que salga cuando se este cargando algo. Esta imagen tiene que llamarse loading.gif.


2 paso:
Ahora crearemos el index.html. Abrimos el index.html con el bloc de notas o con otro editor de texto. Ahora tendremos que poner en el bloc de notas esto:


<HTML>
<HEAD>
<TITLE>Loading..</TITLE>
</HEAD>
Puedes cambiar Loading.. por el nombre que quieras que salga en la barra de arriva del todo del navegador . Ahora haremos que salga en al centro del index.html la imagen loading.gif:


<BODY>
<br>
<br>
<br>
<p align=center>
<img src="images/loading.gif" mce_src="images/loading.gif">
</p>
<br>
<br>
Ahora lo que haremos sera que justo debajo de la imagen loading salga un texto. El codigo es el siguiente:
<center><h1 style="font-size:130%" mce_style="font-size:130%">Cargando Portal</center></h1>

Si queremos cambiar de texto solo tendremos que poner el texto que queramos donde pone Cargando Portal y si lo que quieres es poner el texto mas grande o mas pequeño tenemos que modificar esto ="font-size:130%"> si lo queremos mas grande ponemos donde pone 130 un numero mas grande y si lo queremos mas pequeño un numero inferior.

Por ultimo vamos a poner que en 3 segundos se quite el index.html y se ponga el home.html. El codigo es el siguiente:


<meta HTTP-EQUIV="REFRESH" content="3; url=home.html">
</BODY>
</HTML>
Si queremos poner mas segundos o menos segundos debemos cambiar el 3 por el numero que quieras (si pones 4 pues seran 4 segundos)

Pues ya esta el index.html. ¿Facil verdad? Nos tiene que haber quedado asi:


<HTML>
<HEAD>
<TITLE>Loading..</TITLE>
</HEAD>
<BODY>
<br>
<br>
<br>
<p align=center>
<img src="images/loading.gif" mce_src="images/loading.gif">
</p>
<br>
<br>
<center><h1 style="font-size:130%" mce_style="font-size:130%">Cargando Portal</center></h1>
<meta HTTP-EQUIV="REFRESH" content="3; url=home.html">
</BODY>
</HTML>


3 paso:

Lo siguiente que haremos sera hacer el home.html. Esto es el menu. Debemos abrirlo con el bloc de notas. Lo primero que haremos sera poner un titulo en la barra de arriva del navegador:



<html>
<head>

<title>Portal</title>

</head>
Recuerda que puedes poner el titulo que quieras. Ahora haremos que aparezca la imagen de fondo que hemos puesto anteriormente dentro de la carpeta images. El codigo es este:
<body background="images/home.jpg">

Ahora haremos lo mas dificil del home.html. Haremos que a la izquierda aparezca un texto con un link. Concretamente pondremos Games y justo abajo Aplicaciones. Tranquilos no os asusteis no es muy dificil. Tenemos que poner esto:


<h1 style="font-size:130%" mce_style="font-size:130%">
<p align=left>
<a href="game.html" mce_href="game.html">Games</a><br><br>
<a href="aplicaciones.html" mce_href="aplicaciones.html">Aplicaciones</a><br><br>
Lo puedes personalizar tu mismo. Si quieres que te salga a la derecha pon (donde pone <p align=left>) esto: <p align=right> y si quieres que te salga al centro pon <p align=center> . Si quieres cambiar el tamaño del texto cambia el 130% por otro numero (numero mas grande letra mas grande). Si quieres que te salga Juego y no te salga Games pon donde pone <a href="game.html">Games</a><br><br> esto: <a href="game.html">Juegos</a><br><br> . Y si quieres cambiar Aplicaciones por otro nombre haz lo mismo que en Games. ¿Todo claro?

Para acabar pon esto y listo:



</p>
</body>
</html>
Te tiene que haber quedado asi:



<html>
<head>

<title>Portal</title>

</head>
<body background="images/home.jpg">
<h1 style="font-size:130%" mce_style="font-size:130%">
<p align=left>
<a href="game.html" mce_href="game.html">Games</a><br><br>
<a href="aplicaciones.html" mce_href="aplicaciones.html">Aplicaciones</a><br><br>

</p>
</body>
</html>


4 paso:

Ahora lo que haremos sera poner juegos flash dentro de la carpeta games. Aqui os dejo una recoleccion de 10 juegos flash (descarga arriba del tutorial)
Una vez descargado pon los juegos que mas te gusten dentro de la carpeta games.

5 paso:

Lo siguiente que vamos a hacer sera crear el game.html. Abrimos con el bloc de notas el game.html. Os explico un poco lo que vamos a hacer con game.html: Lo que vamos a hacer va a ser poner el titulo de cada juego con el link del juego flash para que cuando pinchemos se habra el juego.¿Entendido? Pues vamos aya.
Lo primero sera (como siempre) poner el titulo. Aqui os dejo el codigo:


<html>
<head>
<title>Juegos</title>
</head>
Puedes cambiar el titulo por el nombre que quieas. Ahora pondremos la imagen de fondo. Este es el codigo:

<body background="images/home.jpg">

Si no queremos imagen de fondo no ponemos el codigo. Si quieres poner otra imagen ponla en la carpeta images y que se llame home2.jpg. Lo unico que tendras que hacer es cambiar lo de "images/home.jpg"> por "images/home2.jpg"> y te saldra de imagen de fondo.

Ahora haremos que salga un titulo subrayado arriva que ponga Juegos. Pon este codigo:

<b><u>Juegos</u></b><br>

Recuerda que lo puedes cambiar por el que quieras.
Ahora viene lo mas dificil de todo el portal, poner el nombre del juego con el link del juego. Para hacer esto necesitamos tener 1 o mas juegos flash dentro de la carpeta games. Yo he cojido 3: bowling.swf, billar.swf y garfield.swf (tu puedes coger muchos mas). El codigo es el siguiente:


<br>
<a href="games/bowling.swf" mce_href="games/bowling.swf">Bolos*</a>
<br>
<a href="games/billar.swf" mce_href="games/billar.swf">Billar*</a>
<br>
<a href="games/garfield.swf" mce_href="games/garfield.swf">Garfield</a>
Ahora os explicare que significa cada cosa. El <br> tiene que estar siempre, no lo borres(muy importante). El <a href="games/bowling.swf"> es el link que hace que se abra el juego y por ultimo lo de Bolos*</a> es el texto que aparece en pantalla. Si tu quieres poner otros juegos tendras que hacer lo mismo que he hecho yo pero cambiando los nombres. Por ejemplo si quieres poner el juego de mario tendras que poner esto:


<br>
<a href="games/mario.swf" mce_href="games/mario.swf">Mario</a>
Esto lo tienes que poner justo debajo del ultimo juego que hayas puesto. �Lo has entendido?
Ahora por ultimo pon este codigo y listo:


</body>
</html>
Te tiene que haber quedado asi:


<html>
<head>
<title>Juegos</title>
</head>
<body background="images/home.jpg">
<br>
<a href="games/bowling.swf" mce_href="games/bowling.swf">Bolos*</a>
<br>
<a href="games/billar.swf" mce_href="games/billar.swf">Billar*</a>
<br>
<a href="games/garfield.swf" mce_href="games/garfield.swf">Garfield</a>
</body>
</html>

6 paso:

Ahora pondremos aplicaciones flash dentro de la carpeta aplicaciones. Aqui os dejo 5 aplicaciones (descarga arriba del tutorial)

Pon las que quieras en la carpeta aplicaciones.

7 paso:

Practicamente es lo mismo que hemos hecho en game.html. Primero tenemos que abrir el aplicaciones.html con el bloc de notas. Ahora ponemos el titulo que va a salir a la barra del navegador. Este es el codigo:


<html>
<head>
<title>Aplicaciones</title>
</head>
Puedes poner el titulo que quieras. Ahora ponemos la imagen de fondo. Codigo:
<body background="images/home.jpg">

Si no queremos imagen de fondo no ponemos el codigo. Si quieres poner otra imagen ponla en la carpeta images y que se llame home2.jpg. Lo unico que tendras que hacer es cambiar lo de "images/home.jpg"> por "images/home2.jpg"> y te saldra de imagen de fondo.

Ahora haremos que salga un titulo subrayado arriba que ponga Aplicaciones. Pon este codigo:
<b><u>Aplicaciones</u></b><br>

Ahora viene lo dificil, poner el nombre de la aplicacion con el link de la aplicacion. Para hacer esto necesitamos tener 1 o mas aplicaciones dentro de la carpeta aplicaciones. Yo he cojido 3: msn, calculator.swf y paint.swf (tu puedes coger muchas mas). El codigo es el siguiente:


<br>
<a href="aplicaciones/msn/index.html" mce_href="aplicaciones/msn/index.html">MSN Messenger</a>
<br>
<a href="aplicaciones/calculator.swf" mce_href="aplicaciones/calculator.swf">Calculadora</a>
<br>
<a href="aplicaciones/paint.swf" mce_href="aplicaciones/paint.swf">Paint</a>
Recuerda que no debes borrar el <br> . Esto es igual que lo que hemos hecho en game.html. Si te fijas hay lo mismo un link con el titulo excepto el MSN. El msn es una pagina web no es un archivo flash por eso en el link pone ="aplicaciones/msn/index.html"> . No sale .swf si no .html.
Para acabar pon este codigo:


</body>
</html>


8 paso:

Ahora pon la carpeta portal dentro de PSP/COMMON dentro de tu PSP. Una vez metida la carpeta ve al navegador de la PSP y pon el siguiente enlace:

file:/PSP/COMMON/portal/index.html

Espero que les guste y alguna duda comenten Very Happy
avatar
elangelin
Novato
Novato

Mensajes : 16
Fecha de inscripción : 30/01/2011

Ver perfil de usuario

Volver arriba Ir abajo

Re: Como crear un portal de psp

Mensaje  chechu_psp el Lun Ene 31, 2011 6:32 pm

buen tuto amigo pero esa informacion esta sacada de pspscenebeta , por favor si vas a acer un copiar y pegar
por lo menos pon la fuente Smile
s2
pd: mira el link de el tuto en scenebeta http://psp.scenebeta.com/tutorial/como-crear-tu-propio-portal-para-psp
avatar
chechu_psp
Novato
Novato

Mensajes : 5
Fecha de inscripción : 30/01/2011
Edad : 22

Ver perfil de usuario http://www.realmadridac.jimdo.com

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 :: PSP :: Tutoriales PSP

 
Permisos de este foro:
No puedes responder a temas en este foro.