Anuncios Google
Como crear tu propio portal para PSP
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:
- Bloc de notas de Windows
- Pack crea tu portal
- Games (Descargar )
- Aplicaciones(Descargar)
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.
Bookmark/Search this post with
(20 votos)
Anuncios Google
- Inicie sesión o regístrese para enviar comentarios
- 29903 lecturas
El software, código fuente, logotipos y marcas contenidos en este sitio web son propiedad de sus respectivos dueños y están, o pueden estar, sujetos a derechos y/o licencia de uso. Los anuncios, banners y la publicidad son propiedad y responsabilidad de los anunciantes. Los envíos y publicaciones, salvo indicación expresa en contra, son propiedad y responsabilidad de quien los realiza. El resto de publicaciones, elementos gráficos y contenido es propiedad de "SB IT MEDIA, S.L.".
SceneBeta.com, 2005 - 2018
Contactar con PSP.SceneBeta.com - Información legal, términos y condiciones de uso - Política de privacidad - Política de cookies
Comentarios
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)
oyes amigo como puedo subir
oyes amigo como puedo subir una barra como la de ministore? (la barra de arriba)
Busca
Busca el la descarga las imagenes, cuando encuentres la de la barra la conviertes al formato permitido para los Portales.
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
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
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
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 :)
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--
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í:
Hazme la pregunta que quieras ANONIMAMENTE desde aquí.
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.
Como se añade un link....
.....En Una Imagen? ejemplo el portal MiStore de eduardo como le iso XD plis
tengo la misma duda
....... como se ase eso?
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
Youtube--->eGo_NeeoN
duda
hola una duda porque cuando entro desde mi psp se queda en blanco :)
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к °´¯)*¤°•
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к °´¯)*¤°•
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
http://www.youtube.com/watch?v=x6wYAKGn4cc
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.
Hazme la pregunta que quieras ANONIMAMENTE desde aquí.
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
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.
Hazme la pregunta que quieras ANONIMAMENTE desde aquí.
sobre lo del boton atras.
pues yo intente lo del botn para volver atras pero la imagen no aparece :(:(
ayuda
cierra.
Cerraste la etiqueta del link?
</a>
Agregala al final.
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
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.
Hazme la pregunta que quieras ANONIMAMENTE desde aquí.
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?
muy bueno
me sirvio y todo pero este tutorial funciona para crear windows xp etc para psp
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?
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
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
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
con body bgmusic
bgmusic src="musica.mid"
en el fondo se pone la musica mientras estas enla web
Perfecto muy buen tutorial
Perfecto muy buen tutorial ahora ya tengo mi portal de juegos Hentai
Gracias.
buen
tuto
Editado: Por el abuso de negritas y de mayusculas.
¿como se añaden otras funciones al portal?
¿como sele añaden otras funciones a parte de juegos y aplicaciones?por favor
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?
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
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
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
¿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
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
con a href
a href="vinculo web aqui"