Patrocinadores

www.soporteoptico.com

www.zonavirtual.es

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">
</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%">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">
</p>
<br>
<br>
<center><h1 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%">
<p align=left>
<a href="game.html">Games</a><br><br>
<a 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%">
<p align=left>
<a href="game.html">Games</a><br><br>
<a 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">Bolos*</a>
<br>
<a href="games/billar.swf">Billar*</a>
<br>
<a 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">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">Bolos*</a>
<br>
<a href="games/billar.swf">Billar*</a>
<br>
<a 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">MSN Messenger</a>
<br>
<a href="aplicaciones/calculator.swf">Calculadora</a>
<br>
<a 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.

0

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 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


  • PSP FAT, firmware 3.90 m33-3 -> Actualizacion Exitosa desde red a 5.00 m33-3, MS 4gb
  • PSP Slim Piano3.80 m33
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


  • PSP FAT, firmware 3.90 m33-3 -> Actualizacion Exitosa desde red a 5.00 m33-3, MS 4gb
  • PSP Slim Piano3.80 m33
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


  • PSP FAT, firmware 3.90 m33-3 -> Actualizacion Exitosa desde red a 5.00 m33-3, MS 4gb
  • PSP Slim Piano3.80 m33
Imagen de Etherman

Perfecto muy buen tutorial

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

 

Gracias. 

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


NDS Abajo, PSP Arriiba

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?

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


Scenebeta.com, una web para gobernarlas a todas.

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


Scenebeta.com, una web para gobernarlas a todas.

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"


  • PSP FAT, firmware 3.90 m33-3 -> Actualizacion Exitosa desde red a 5.00 m33-3, MS 4gb
  • PSP Slim Piano3.80 m33
Imagen de churristian8

Prueba

Prueba a abrirlo con Front Page y crear un supervinculo poniendo la pagina que quieres.

Salu2 


Scenebeta.com, una web para gobernarlas a todas.

Imagen de kristy

jeje

que tal sientre todos los que entamos aqui unimos nuestros conosimientos para crear un porta de ubuntu jeje o le enbiamos una carta a sony para que cren los umd de mac os x windows y ubuntu XD


COmo PONGO MI PSP EN CF XD

Imagen de Marc...

Problema

Me podrian explicar paso a paso como puedo cambiar el nombre portal por otro??? gracias me gustaria que la direccion quedase asi:

file://psp/common/karmar/index.html

Muchas gracias por la ayuda


WWW.PSPFORO.TK

_______________________

3.50->3.52->3.70->3.71->3.72->

Imagen de xmegaman50

la verdad

esque puedes poenrlo en cualqueira carpeta e echo portales para mi psp y paginas web y la verdad nomas ejecutanto file://index.html y que el html llame todo lo que ocupo en file://web que es ahi donde se guarda todo

puedes ejecuitarlo desde donde quieras no es obligatorio common


  • PSP FAT, firmware 3.90 m33-3 -> Actualizacion Exitosa desde red a 5.00 m33-3, MS 4gb
  • PSP Slim Piano3.80 m33
Imagen de _Dark_Cloud_

Buen tuto!

Esto es bastante facil porque conociendo el editor de textos conoces las funciones que son bastante simples.

Salu2 


/*******************

** | ҳ̸Ҳ̸ҳ | TDN | ҳ̸Ҳ̸ҳ | **

*******************/

Imagen de kristy

crear un portal

esta informasion es buena y todo salebiein pero tu conoses el Windows vista que tiene la barra abajo quisierasaber que tengo que poner para que me sal ga labarra de appel o dime como crear un portal appel & maquintos


COmo PONGO MI PSP EN CF XD

Imagen de xmegaman50

en google imagenes pon

barra mac loading o algo por el estilo de preferencia gif animado

o crealo con el gif animator o el fireworks herramientas muy buenas

bueno para colocarlo abajo usa la etiqueta br

sirve para dar saltos

ya colocado abajo solo pon
img src="barra.gif"

y listo


  • PSP FAT, firmware 3.90 m33-3 -> Actualizacion Exitosa desde red a 5.00 m33-3, MS 4gb
  • PSP Slim Piano3.80 m33

mi portal no puedo enlazar una pagina

en el index cuando le pongo cargando carga bien(en el ordenador, pero depues se me queda en blanco, y no me aparece el portal?es algo que tengo que poner en el notepad?algun codigo html o algo que ago mal??

 

salu2 y por cierto excelente tutorial,esta todo muy claro y detallado.

Imagen de kristy

revisa

revisa lo vien eso puede ser que pusiste al go malo o mesclaste informasion o pusiste algo donde noba o escriviste mas la pagina


COmo PONGO MI PSP EN CF XD

Imagen de -CHJ-

Excelente tuto!!

Excelente tuto!! enhorabuena ;)


img507/231/chjfirmatv3.png

Imagen de churristian8

muy facil de comprender

ya tengo el mio, está muy bien porque puedes añadir los juegos y aplicaciones que te de la gana.

P.D.:¿como puedo colgarlo en betapesepe para quien quiera se lo descargue?


Scenebeta.com, una web para gobernarlas a todas.

Imagen de Unicorn

Abajo del todo

de la web hay un enlace: "Contactar con beta.pesepe.com".

Pincha ahi y mandanos lo que quieras, un saludo. 


Imagen de Isman7

muy buen tuto

sobretodo para la gente que no tiene la suerte de saber html.

Tengo la psp en la 3.52 M33-2 con Ir-Shell i no m tira el explorador desde XMB,

solo desde IrShell(kernel 3.xx) i no m abre los juegos flash .swf, a alguien le pasa

lo mismo¿?¿?¿?¿

 

saludos 


PSP FW's: 2.01>>2.5>>2.6>>1.5>>2.71CF H-DH>>1.5>>(2.00>>1.50)>>2.71 SE(solo XMB, no tiraba nada)>>3.02 OE-A >>3.02 OE-B>>3.03 OE-C>>3.52 M33-2

Imagen de Pana

Que te sale cuando intentas

Que te sale cuando intentas acceder a él? Utiliza el Format Flash1, lo tienes en el propio Recovery.


www.SceneBeta.com recomienda Mozilla FireFox.

Imagen de Isman7

ok

me sale pantallazo azul, el del circulo, y con los .swf m pone

"No se puede visualizar el contenido"

gracias por responder

 EDIT: gracias pana todo arreglado, lo unico que tngo

que configurar otra vez la conexión con toda la 

contra, XDD 

 EDIT2: rula el navegador no los .swf, y si he activado de nuevo el flash,

con el recovery. 

saludos

 


PSP FW's: 2.01>>2.5>>2.6>>1.5>>2.71CF H-DH>>1.5>>(2.00>>1.50)>>2.71 SE(solo XMB, no tiraba nada)>>3.02 OE-A >>3.02 OE-B>>3.03 OE-C>>3.52 M33-2

Imagen de Pana

algunos .swf no funcionan,

algunos .swf no funcionan, porque la PSP no tiene suficiente memoria. Prueba a utilizar los juegos flash que hay en los portales que tenemos en beta y verás que si te funcionan.


www.SceneBeta.com recomienda Mozilla FireFox.

Imagen de Isman7

gracias ya esta

el problema era ejecutar el

navegador con irshell que ocupa

casi toda la mamoria

 

salu2

encuanto tnga el portal acabado os lo paso 


PSP FW's: 2.01>>2.5>>2.6>>1.5>>2.71CF H-DH>>1.5>>(2.00>>1.50)>>2.71 SE(solo XMB, no tiraba nada)>>3.02 OE-A >>3.02 OE-B>>3.03 OE-C>>3.52 M33-2

Imagen de Juan_21 y Pep_91

Si haveis hecho un portal

lo podeis dejar en un comentario y asi comparamos los portales.

Saludos.

algun portal de ejemplo? es

algun portal de ejemplo?

es para ver el resultado y demas

Imagen de paco.

No lo ves? tiene uno

No lo ves? tiene uno abjunto.
salu2

Imagen de _DSCS_

Mejor meter alguna captura...

Mejor meter alguna captura, así se puede ver sin necesidad de descargar.


Imagen de Unicorn

Pues...

metela :-P


Imagen de _DSCS_

Que la meta quien?

Yo?


Imagen de Pana

Claro, no eres editor?

Claro, no eres editor?


www.SceneBeta.com recomienda Mozilla FireFox.

Imagen de _DSCS_

jajajajajaja si ;)

Ya lo pongo ...



Me da error portal.rar cuando voy a extraerlo. No me voy a poner ha hacer un portal ... al menos ahora. creia que tenian capturas. Pero si no tienen...

 


Imagen de homero

Tienes razon...

El rar que esta en archivos adjuntos no es el portal es un dum, por asi decirlo, para agregar games flash y todo eso. No estaria mal que el autor de este tuto pusiera unas capturas del portal que ha creado, asi nos damos una idea, jeje.

Salu2


Firma gratis para foro de 28 numero

ah! vale es que me creia que

ah! vale es que me creia que se podia ver online, desde el navegador sin tener que descargarlo ;)

me dice que no tengo permisos para descargar que hago

me dice que no puedo descargar porque no tengo permiso como descargo el pack para crear portales

Imagen de NeoSmith

Dos cosas, ami me va la descarga, nose vuelve a probar, sino

pues sera alguna cosa de tu pc, y segundo, quando añadas un nuevo comentario haz clic en "Añadir nuevo comentario" que sino ahora lo que has echo es reponder a un post anterior y asi no se hace. Bueno ya diras si puedes descargar.

Saludos 


  • Ayuda a que nuestra comunidad sea mejor, leete las normas de la comunidad.
  • Eres nuevo? Pasate por los magnificos tutoriales.
Imagen de Marc...

Problema

Me gustaria saber si en mes de:

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

Puedo cambiar el nombre del portal por ptro?

Muchas gracias

Editado: Te he quitado las mayusculas, la proxima vez andate con mas cuidado o te podriamos borrar el post. Mirate las normas de la comunidad. Saludos -NeoSmith- 


WWW.PSPFORO.TK

_______________________

3.50->3.52->3.70->3.71->3.72->

Imagen de NeoSmith

Si que le puedes cambiar el nombre, pero entonces piensa

que las paginas del portal que van hacia el index tendrias que redireccionarlas. Y bueno sino pues ponte el nuevo nombre en favoritos y asi cada vez que quieras ir a la principal vas a favoritos y le das.

La proxima vez que quieras añadir un comentario dale a "Añadir nuevo comentario" y NO a responder, la opcion responder es como se indica para responder.

Saludos


  • Ayuda a que nuestra comunidad sea mejor, leete las normas de la comunidad.
  • Eres nuevo? Pasate por los magnificos tutoriales.

Gracias

Gracias, intentare hacer uno y lo subire a la pagina =)

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.