Anuncios Google

Como crear tu propio portal para PSP

Tutoriales Avanzados Homebrewes

En este tutorial os voy a explicar de una forma muy sencilla como crear un portal sin necesidad de saber sobre html. Sera un portal basico donde pondremos juegos en flash y aplicaciones en flash.

Requisitos:

Tutorial:

1 paso:

Empezaremos poniendo imagenes a nuestro portal. Pon la imgen 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.
Aqui os dejo imagenes gif por si no teneis:

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 lo hayais entendido saludos. Si tienes alguna pregunta o sugerencia no dudes a preguntarla.

4.5
Tu voto: Ninguno Votos totales: 4.5 (20 votos)

Anuncios Google

Comentarios

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.
Imagen de GaboTerror

genial

are uno lleno de homebrews firmados y asi XD

edito:ya pude poner links XD

 

edito2:tratare de hacer un experimento muajajaja

 

EDITO3:como puedo hacer para que se actualize desde el internet esque ay que hacer actualizaciones y ufff bueno are mi portal(otra ves)


 

Imagen de moises_1097

oyes amigo como puedo subir

oyes amigo como puedo subir una barra como la de ministore? (la barra de arriba)

Imagen de barney77

Busca

Busca el la descarga las imagenes, cuando encuentres la de la barra la conviertes al formato permitido para los Portales.

Imagen de moises_1097

oye amigo crea un video

oye amigo crea un video tutorial y pasa el link  es q no le entiendo muy bien asi  gracias!!!

que buen tutorial creo q

que buen tutorial creo q empesare a programar primero un portal y despues seguire subiendo

Imagen de davilo1996

Pequeña y Gran duda

Hola hay algo que me urge y no sé si me podrán responder. ¿Es posible crear un Eboot que te lleve al navegador y que acceda directamente a tu portal? Lo digo porque me gustaría que mi portal se guardara en Game y así abrirlo directamente como si de un homebrew se tratase.

Gracias Sonrisa


 

 

Estaria bn que hicieras otro

Estaria bn que hicieras otro tutorial sobre como poner links de descarga,musica al portal etc te lo agradeceria muchisimo

Muy bueno el tutorial lo

Muy bueno el tutorial lo unico es que los juegos que salen aqui no funcionan ni los juegos ni las aplicaciones en la PSP,la unica que funciona es la de l MSN,en canvio en mi PC si que funcionan los juegos y aplicaciones,alguien sabe alguna pagina para descargarlas en este formato? Gracias

Imagen de ANI-KIBA

POrfavor ayudaa!!!

es lo unico que me falta!!

quiero que no salga curciva, o subrallada las letras y tambien cambiarle el color, y buen tuto, pero soy de los que quieren poner imagen y link, o viceversa en este portal.


Youtube Channel - MrHenyckma (Grykon!) ¡Nuevos vídeos! Clíckea en la IMG :D!
Youtube propio, si quieres escuchar mi música :) 

Imagen de kevin0123

Estoy asiendo mi portal de descargas ayuda....

Va Quedando bien solo que con puras letras se ve feo necesito saber como poner imagenes en el contenido y letras abajo como en el MiniStore Al Que Me Responda Bien Le Doy Bitos Por Favor.

EDITADO: no se ven pues pongo en mi psp y sale el fondo,las letras,y links PERO
NO SALEN IMAGENES! sale un x Ayuda!!

 

EDITADO:Por favor no hagas doble post esta la opcion Editar, por favor revise las normas de la comunidad.Gracias.|Gomasz--



Imagen de Migueliziosop

Fácil.

Eso es HTML y para poner una imágen es así:

<img src="Direccion_Donde_Se_Encuentra_El_Archivo" mce_src="Direccion_Donde_Se_Encuentra_El_Archivo">

Para ponerla como un URL hacer esto:

<a href="www.PSP.SceneBeta.com" mce_href="www.PSP.SceneBeta.com"><img src="http://psp.scenebeta.com/imgpub/psp/PSPSyB2010.png" mce_src="http://psp.scenebeta.com/imgpub/psp/PSPSyB2010.png"</a>

& sería algo así:

Imagen de NekoTweak

FACIL

E ECHO MI MI PORTAL Y ME FUNCIONO Y TODO

EDITADO: El uso abusivo de mayúsculas no está permitido. Por favor, revise las normas de la comunidad. Gracias. |Gomasz--


Humminng the Bassline.

Imagen de kevin0123

Como se añade un link....

.....En Una Imagen? ejemplo el portal MiStore de eduardo como le iso XD plis

Imagen de GaboTerror

tengo la misma duda

....... como se ase eso?

Imagen de alvaro2200

Hola

buenas tengo una duda ya qu no me se el codigo para que la ventana se cierre pulsando una imagen con link ya que estoy creando la version 1.0 de mi portal lo teneis para  descargar en mi perifil

gracias si me podeis pasar el html

Imagen de a j

duda

hola una duda porque cuando entro desde mi psp se queda en blanco :)

Imagen de bat135

Personalizar

ya personalice mi personal con la imagen de fondo el tamaño y eso pero me faltan otras cosas como cambiar de color y otras cosas

sabes komo kambiar de color por ejemplo en aplicaciones arriba el titulo?

eske la imagen es negra en la parte ke esta y aplicaciones tambien y no se nota mucho


•°¤*(¯`° €яιcк °´¯)*¤°•

Imagen de bat135

Fácil

WOW!

Es más facil de lo que pense tenia otro portal ke descargue de msn con juegos y mi primo me habia dicho ke lo hizo el con otro amigo pero no le kreia ahora ke ya hice este ya le krei hehe bueno... gracias por el tuto


•°¤*(¯`° €яιcк °´¯)*¤°•

Imagen de Dj-Nau

Gracias he hecho un portal

Gracias he hecho un portal me ha salido todo bien,perfecto.Pero quisiera ponerle mas cosas como un boton para volver atras,cuando entres en aplicaciones y juegos.

me

me sale todo bien menos lo d poner las imagenes no se como es yo en la carpeta images pongo una imagen de 480x272(resolucion.psp) con el nombre home.jpg entro en home y nome aparece tambien he probado con home.jpg. y nada,lo mismo pasa con index,games y aplicaciones alguien me lo puede explicar detalladamente?¿?¿¿?

 

grax d antemano

Imagen de Migueliziosop

mm.

¿Estas seguro que la dirección la has puesto bien?

Pon un pedazo de código. Puede que no pusieras la dirección bien.

se me queda en blanco

Hola, yo copio todo y lo hago todo con fotos y todo. pero resulta que cuando me pongo en el navegador y pongo file:/PSP/COMMON/portal/index.html, la psp no me hace nada, ni carga ni nada.

otra pregunta los fixeros  game/aplicaciones/index/... .html, van en la raiz de la carpeta common o en sus respectivas carpetas (game.html --> game, apicaciones.html--> aplicaciones,...)

gracias

 

EDITADO:  El uso abusivo de negritas no está permitido. Por favor, revise las Normas de la comunidad. Gracias xXxMuEmxXx


taick

Imagen de Migueliziosop

También..

¿Seguro que es la dirección correcta?

Puede que no sea HTML si nó HTM.

Y sobre lo de la raíz, las imágenes, juegos o lo que quieras van en las carpetas que tu quieras. No deben de estar en una en especial.

Imagen de nanny727

sobre lo del boton atras.

pues yo intente lo del botn para volver atras pero la imagen no aparece :(:(

ayuda

Imagen de Migueliziosop

cierra.

Cerraste la etiqueta del link?
</a>
Agregala al final.

Imagen de polecito

muy bueno

muy bueno yo ya me e creado mi portal perzonalidado de halo 3 jejeje pero mi duda es que si puedo ponerle un biton de retroceso a la pagina anterior desde el apartado de aplicaciones y de juegos

salu2




Imagen de Migueliziosop

Claro..

Al tener ya tus funciones preparadas pues pon una función que al picarle a tal imagen regrese a otro documento.

Sería así:

<a href="menu.html" mce_href="menu.html"><src img=atras.png>

Algo así por el estilo.

Imagen de KH1Roxas

Muy bueno.

Ya he echo mi portal.

Es un poco basico, pero es una primera versión.

 

EDITADO: El uso abusivo de negritas no está permitido. Por favor revise las Normas de la comunidad. Gracias xXxMuEmxXx


                        Mi canal de YouTube: Aquí

¿Quieres hacer capturas de pantalla en tu GALAXY Ace nativamente?

Alguien sabe como podria

Alguien sabe como podria asignar funciones a las teclas o bloquearlas con java script?

Me explico: quiero hacer un juego por ejemplo de aventuras gráficas (si, ya se que resulta estraño hacer eso en html y javascript, pero es lo unico en lo que se programar), pero si pulsas las teclas de dirección te llevan a los enlaces y yo no quiero que hagan eso (en ese caso seria desabilitarlas). Alguien sabe como se haria?

Imagen de buquerman

muy bueno

me sirvio y todo pero este tutorial funciona para crear windows xp etc para pspUndecided

Imagen de gomabor

vidoes y musica

como peudo poner archivos de musica y video para que los reconozca la psp

No me funcionaaaaa

Los juegos cada vez que los intento accionar me da error, ademas como puedo poner un boton para que me lleve otra vez de vuelta al menu inicial?

 

Imagen de xmegaman50

Otra cosa

El portal este echo en su totalidad con word ando viendo y hasta archivos de word tiene no solo eso el codigo es identificado por word y puede ser editado por el mismo nomas chequen la carpeta en su pc y veran esto

Dummy Page.doc

un documento word que explica que con el pueden editar

como diseñar paginas web con word facil

arriba en el menu ver den clic en modo diseño web y listo podran hacer sus portales para psp

Imagen de xmegaman50

Una recomendacion a todos

Si quieren crear un portal muy bonito usen front page que es como si estuvieran editando con word y pueden hacer maravillas desde insertar videos imagenes y animaciones, si quieren hacerlo aun mas bonito les recomiendo dreamweaver excelente editor que uso muy frecuentemente pronto veran un portal echo por mi pero no para sus psp ocupan de a rigor usar wifi o internet explorer para ver como quedaria, no se preocupen pondre un link para bajar no la version completapero algo simple, en ese portal pondre la seccion ayuda donde dare todos los pasos para crear un portal con dreamweaver y quizas con front page

para los usuarios nuevos en html osea el codigo abierto para diseñar una web les recomiendo en google poner manual de html

para los que ya saben html brinquense y editen con dreamweaver o front page

saludos dudas de html peguntenme

Imagen de djkbo

Pregunta

ten go una pregunta y es si se puede hacer ke mientras estas en home es kuches musika,me explico.

para ke salga la imagen de fondo a ke tienes ke poner:<body background="images/home.jpg">

pues para ke se escuche mudika,¿como seria?o no se puede.

 contestad porfavor. gracias por adelantado.


DJKBO

Imagen de xmegaman50

con body bgmusic

bgmusic src="musica.mid"

en el fondo se pone la musica mientras estas enla web

Imagen de Etherman

Perfecto muy buen tutorial

Perfecto muy buen tutorial ahora ya tengo mi portal de juegos Hentai

 

Gracias. 

Imagen de psp_nvelez64_psp

buen

tuto

 

 

Editado: Por el abuso de negritas y de mayusculas.

Imagen de jereme

¿como se añaden otras funciones al portal?

¿como sele añaden otras funciones a parte de juegos y aplicaciones?por favor

Imagen de rubenelportero

ayuda

ayuda cuando cargo los juegos y las aplicaciones (los descargados de aki)  me pone k no se puede visualizar el contenido ¿que exo mal?

Imagen de rubenelportero

pregunta

una pregunta es posible ejecutar el index.html son que ir al navegador y poner file:/PSP/COMMON/portal/index.html? osea que aparezca un nuevo icono en juegos para ejecutarlo y si se puede  ¿como? 

EDITADO: El uso abusivo de negrita no está permitido. Por favor, revise las normas de la comunidad. Gracias Ðark_Ðragøn-ßlack

Imagen de Churristian8

Creo que no

Creo que no, pero si lo que quieres es no poner file:/PSP/COMMON/portal/index.html, añadelo a marcadores y listo ;)

Un saludo

Imagen de rubenelportero

gracias

gracias, me as ayudado muxo ademas, he averiguado como cargar isos musica y videos desde el portal, si no saves como hacerlo y kieres saberlo dilo y te explico

Imagen de rubenelportero

¿de donde?

de donde se descargan los juegos flash (los tuyos no, otros) esque quiero meterme muchos mas de los que as puesto y eso lo que no me gusta de tus juegos es que estan en ingles ¿alguien los tiene en español? si es asi que me deje el link de la pagina porfa

Tiene que estar

Tiene que estar al lado de index.html y asi saldra o estoy equivocado

 

gracias

No salen las imagenes

hola a todos tengo un pequeño problema y es que las imagenes que pongo con el nombre home.jpg y loading.gif no salen en el portal y se puede jugar y todo lo demas pero el fondo en si no se ve espero me puedan ayudar.gracias

Imagen de Churristian8

Esas imágenes

Esas imágenes tienes que ponerlas en una carpeta que se llame Images y tiene que estar al lado del archivo index.html.

Espero que se te solucione

Un saludo

El Folder

Tiene que estar al lado de index.html y asi saldra o estoy equivocado

 

gracias

vinculo en el portal

wenas estoy creando un portal y me gustaria saber como puedo ponerle un vinculo a una pagina de internet. Gracias un saludo

Imagen de xmegaman50

con a href

a href="vinculo web aqui"

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.