XxXNaikerXxX

Aprende a crear tus propios menus de tus animes favoritos en flash con este Tutorial Parte 3 Sexto Paso Terminamos el menú: hacemos que esos botones tan monos sirvan para algo Para terminar ya solo nos falta asignar las funciones a los botones del menú, es decir, decirles lo que tienen que hacer cuando son pulsados. Si hacemos memoria, recordaremos que los botones que hay en el menú son los siguientes: 4 botones principales, que activan las películas. Los botones Extras, Créditos y salir, que nos llevan a la sección correspondiente dentro de la película. El botón volver dentro de la sección de Créditos, que nos debe llevar de nuevo al menú principal. Los dos botones invisibles de la sección Salir. Uno de ellos debe llevarnos al menú principal, y el otro debe terminar el menú. Vamos a empezar por los más fáciles, las acciones “goto”. Situaros en el frame 201, que si recordáis, era el final del menú principal (ahí debe haber colocado un Stop en la capa de control). Si avanzáis un poco más, veréis que la sección “créditos” empieza justo después, en el frame 202. Lo que vamos a hacer es decirle al botón “créditos” que al pulsar sobre él, la película se “salte” el Stop colocado en el frame 201, pasando al 202. Bueno, colocándoos como os he dicho en el frame 201, seleccionáis el botón de “créditos” (1 solo click, no 2), y pulsáis con el botón derecho sobre él, seleccionando “acciones”. NOTA: NO debéis pinchar el botón derecho sobre EL FOTOGRAMA (como cuando ponéis los Stops), sino que debéis pinchar sobre el propio botón “créditos”. Las acciones de los fotogramas son distintas de las de los botones. Se abrirá entonces el menú de las acciones. Ya os comenté que podéis o bien buscarlas en el árbol desplegable de la izquierda, o pinchando sobre la cruz. Como veis, nos movemos hasta “acciones”-->”Control de película” y vemos las posibles opciones que tenemos: goto: Es la acción que le dice al flash que debe ir al fotograma X y seguir (o no) reproduciendo desde ahí. on: Esta acción define cuando se llevan a acabo otras (si es cuando el botón esta siendo pulsado, si es cuando el botón se libera, si es cuando pasas el cursor sobre él… Normalmente el propio flash añade esta acción automáticamente, antes del goto en los botones. play: Es la acción que hace que el flash siga reproduciendo, si por Ej. está parada la película por un Stop, esta orden hace que la reproducción siga. stop: Ya la conocéis, esta acción hace que la película se detenga donde está. stopallsounds: Pues como su nombre indica, detiene todo sonido en el flash. Lo utilizaremos para que al pulsar en un botón de película, se pare todo antes de empezar a reproducir el episodio, o de lo contrario el sonido de la música de fondo se superpondría al video. Ahora vamos a seleccionar “GOTO”. Al pinchar en él veréis que aparece esto: Marcado con la (Letra A) podéis ver las líneas de acción que se van creando. Las acciones se leen de arriba abajo. Como veis, antes del goto el flash automáticamente nos ha puesto un “on”. Pinchad el la primera línea (el on), y podréis ver las opciones del on (Letra B). No tenéis más que seleccionar las opciones que queráis. Esto define cuando se va a desencadenar las acciones están por debajo. Las más corrientes son “presionar”, que hará que nada más pinchar el botón se ejecute el goto, y “liberar”, que hace que para activar el goto tengas que presionar, y luego soltar el botón. Elegid la opción que más os guste. Tb. podéis seleccionar varias opciones juntas. Cuando hayas decidido, seleccionar la segunda línea de la zona marcada con la (Letra A), es decir, el la acción goto. Podéis ver en la imagen las opciones de la acción goto. La (Letra A) sirve para seleccionar si queréis que al moverse al nuevo fotograma la película se quede congelada en él, o si queréis que siga reproduciendo. Aseguraos de seleccionar la opción “Ir a y reproducir”, puesto que queremos que siga. En la pestaña de escena (Letra B) os permite saltar a otra escena. Dado que en este menú solo hay 1 escena, debe decir “escena actual”. En tipo (Letra C) podemos desplegar una serie de opciones. Las que más nos interesan son “número de fotograma” (que nos permite definir un fotograma específico), y “fotograma siguiente”-“anterior”, que hace que la película se desplace un fotograma adelante o atrás. A diferencia de la opción “número de fotograma”, las de “fotograma siguiente” y “anterior” NO permiten definir si quieres que la película siga o pare (Letra A), que SIEMPRE se colocará en la opción “Ir y detener”. La (Letra D) nos permite definir cual es el fotograma al que queremos saltar (siempre y cuando hayamos definido la opción “numero de fotograma” en la pestaña de Tipo (Letra C) Queremos que la película pase al fotograma 202 y siga. Podemos hacerlo de 2 formas, o bien con un “fotograma siguiente” en la pestaña tipo, y añadiendo un “play” justo detrás (en la línea 3), o bien seleccionado “número de fotograma” y poniendo 202 en la pestaña de fotograma (Letra D, y asegurándoos de que está seleccionado “Ir a y reproducir” en la (Letra A). Haced lo mismo con el botón “salir”. Puesto que la sección “salir” es a partir del fotograma 221, en este caso usaremos las opciones: “Ir a y reproducir”/”Escena actual”/”Número de fotograma”/221 Ahora vamos a meternos con el botón de “extras”. Este botón lo que hace es abrir una ventana de windows con el directorio seleccionado. La acción que hace esto es “GetURL”. Como podéis ver, esta acción no está en el grupo “control de película”, sino en el grupo “Navegador/Red”. y una vez elegida esta opción, en la pestaña “URL” podremos “extras” (sin comillas), que es como se llamará la carpeta que contenga los extras. En la segunda pestaña (“ventana”) seleccionaremos “_top”, es decir, que la ventana de windows se abra por encima de las demás, y no quede tapada por el menú. Resulta evidente que esta opción nos permite Tb. si quisiéramos abrir una ventana de explorer que nos dirija a una página determinada. NOTA: hay que fijarse en que a no ser que haya una carpeta llamada “extras” en el mismo directorio que el menú, al pulsar este botón nos dará un error. Ahora vamos a pasar al siguiente botón. Iros al frame 220. Allí está situado el botón “Volver” que colocamos para volver al menú principal. Ya sabéis como se hace, botón derecho-->Acciones y creáis un “Goto”. Esta vez queremos que la película vuelva al fotograma cuando empiezan a entrar los gundams, que si no me equivoco, es el fotograma 185. Pues eso, “ir y reproducir” y fotograma 185. Tb. podríamos ir directos al fotograma 201 (cuando ya los botones están colocados, pero yo creo que queda mejor así). Ya solo nos falta un par de botones antes de meternos con los botones de los capítulos. Colocaros en el fotograma 430. Allí os recuerdo que están colocados los 2 botones invisibles: uno para salir del menú y otro para volver al menú principal. Éste último (el botón encima de las letras “mi lucha no ha terminado aun” es exactamente igual que el de “Volver” que acabamos de hacer, así que ya sabéis, hacedlo igual. El otro botón (para salir) hay que hacerlo seleccionando “Fscommand” (está junto a “GetURL”). Seleccionad esta opción, y voy a aprovechar para explicar el Fscommand. Bien, en realidad Fscommand no es solo una acción, sino muchas juntas. Como veis hay 3 pestañas: En la pestaña marcada con la (Letra C) al ser desplegada aparecen los comandos que podemos usar. Si seleccionamos cualquiera de ellas, aparecerá colocada en la pestaña “Comando” (Letra A). La pestaña “Parámetros” (Letra B) sirve para asignar un ídem a los comandos. Como podéis ver en la imagen, los 4 primeros comandos tienen 2 posibles parámetros (True y False), mientras que los dos últimos comandos (exec y quit) no los tienen (a decir verdad, solo “quit” no tiene parámetro, porque exec si que los tiene… pero no están definidos). Los comandos son: fullscreen: Si el parámetro asociado es “True”, hace que el menú se ponga a pantalla completa. Por defecto (es decir, si no pones este comando) es false-->Eso quiere decir que todos los flash se reproducen SIN ponerse a pantalla completa a no ser que se especifique lo contrario. allowscale: Si el parámetro asociado es “False”, impide que al ejecutar un flash a pantalla completa éste se ajuste en caso de que la resolución de tu ordenador sea distinta que la del flash. Por defecto es “True”. Hablando claramente, significa que si ejecutas un flash de 800x600 a pantalla completa en un ordenador que esté a 1024x768, a no ser que pongas este comando con el parámetro “False”, las imágenes van a estirarse para ocupar toda la pantalla… y por lo tanto se pixelarán. showmenu: Si el parámetro asociado es “False”, impide que al pulsar el botón derecho en cualquier flash que se esté ejecutando aparezca un pequeño menú con diversas opciones (entre las que están algunas como “avanzar”, “rebobinar”, cambiar la calidad… Por defecto está en “True”. trapallkeys: Si el parámetro asociado es “True”, impide que se puedan pulsar teclas durante la reproducción del menú, tales como “CTRL-F” para pasar a modo pantalla completa, “CTRL-flecha derecha o flecha izquierda” para avanzar o retroceder fotograma a fotograma, o pulsar Esc. Por defecto está en “False”. exec: Este comando no tiene parámetro definido. Sirve para ejecutar un archivo externo al flash. Hablaré mas detenidamente de este comando dentro de un momento, cuando asignemos las acciones de los 4 botones de los capítulos. quit: Este comando no tiene ningún parámetro. Simplemente sirve para terminar y cerrar el flash. Bien, una vez hecho este inciso, os recuerdo que estábamos a punto de asignarle al botón este la orden de “quit”. Así pues, pinchad en la pestaña marcada con la (Letra C), y seleccionad “quit”. Veréis que este comando aparece entonces en la pestaña de “comando” (Letra A). Pues ya está, al pulsar este botón, el menú se cerrará. Pasamos ahora a lo último: asignaremos las funciones a los 4 botones de los capítulos. Iros al fotograma 201 y vamos a ello. Hay 2 formas de ejecutar un video: La primera consiste en decirle al windows que lo abra como si fuera una página Web. En esencia es como si abrieras el Windows explorer y en la barra metieras la dirección del video en tu disco duro. El efecto final es el mismo de darle doble click al fichero: se abre por el reproductor que esté por defecto (normalmente el Windows Media Player). Si no te importa que los videos se abran con el WMP, puedes usar este método: le asignas al botón la acción “GetURL”, y en la pestaña de “URL” ponéis la dirección del capitulo, desde la propia carpeta del menú. Por Ej., si el menú esta en la carpeta X (la que sea, por Ej. en el directorio raíz de un CD), y el capítulo está dentro de un directorio llamado “capítulos” (en la misma localización que el menú), pues en la pestaña tendríamos que poner “capítulos/gundam01.avi”, sin las comillas, y cambiando “gundam01.avi” por el nombre del capítulo. NOTA: Tal y como voy a explicar ahora, Tb. hay que poner un “stopallsounds” antes del GetURL para que se paren los sonidos (como la música del fondo). La segunda forma (y preferida por mucha gente, es emplear un programa externo para ver el video. Normalmente el programa empleado es el BSplayer. Yo personalmente creo que es más manía hacia el WMP por ser de Microsoft que otra cosa, puesto que a mi el BSPlayer (salvo para algunas cosas como capturas de pantalla y cosas por el estilo) me ha dado mas quebraderos de cabeza que otra cosa. Es cierto que el BSPlayer consume menos recursos que el WMP… pero yo que se, apenas hay diferencia, la verdad. De todos modos, como casi todos prefieren este segundo método, es el que voy a explicar exhaustivamente. Haciendo click con el botón derecho sobre el primer botón (el del capítulo 5), seleccionáis “Acciones”, y buscáis y pones “fscommad”. Entonces en la tercera pestaña pincháis en “exec” (que se colocará en la pestaña de “comandos”. Finalmente en la pestaña de parámetros escribimos “05.bat”. Nos olvidamos de algo: hay que decirle al flash que pare la música de fondo. Por ello, o bien antes o bien después del “exec” tenemos que introducir la acción “stopallsounds”. Haced lo mismo con los otros 3 botones (pero en vez de 05.bat tenéis que poner 06.bat, 07.bat y 08.bat respectivamente). Os preguntareis que es eso de 05.bat, no? Pues veréis, en el macromedia flash MX los programadores han incluido un par de protecciones para el uso del comando “exec”. Para evitar que se ejecute un archivo que pueda tener virus sin que te enteres (abres una página Web que contiene un flash que ejecuta un “exec” obligando a tu ordenador a ejecutar un fichero “virus.exe” que contenga un virus, troyano o lo que sea), hay que cumplir unos requisitos: 1) Todos los ficheros que se ejecuten deben estar localizados en una carpeta llamada “fscommand” que esté en el mismo lugar que el flash ejecutado (si ejecutas el flash en c:menu, el archivo debe estar en c:menufscommand). 2) No se puede ejecutar ningún fichero .exe, puesto que podría ser un ejecutable pernicioso. 3) Para que el comando “exec” se lleve a cabo, el flash debe estar en formato proyector (.exe) y no en formato flash (.swf), puesto que los ficheros .swf se puede ejecutar automáticamente al abrir una página Web que lleve un EMBED a este .swf, y los .exe no se ejecutan sin pedirte permiso. Teniendo esto en mente, no puedes darle al flash la orden “abre el fichero bsplay.exe”, puesto que es un fichero .exe, y no os dejará. La solución? Crear un fichero .bat (si, si, como en tiempos del MS-DOS) y dentro ya poner las líneas para ejecutar lo que queramos. Bien, normalmente los capítulos estarán en un directorio llamado “capitulos”, y el BSPlayer suele colocarse en un directorio llamado “Bsplayer”, así mismo debe haber un directorio llamado “fscommand” (si, con dos emes). Todos los directorios estarán en el mismo en que se encuentra el fichero .exe del menú. Cread estas carpetas que he dicho. Abrid ahora la carpeta “fscommand”. Dentro cread un fichero 05.txt y abridlo. Las líneas que vamos a escribir ahora son MS-DOS, así que si os acordáis no debéis tener problema. Partimos de que al ejecutarse el 05.bat, el windows dirá “estoy ahora mismo en la carpeta “fscommand”. Por lo tanto la primera orden será: cd.. Eso hace que nos situemos en el directorio inferior, es decir, en el mismo directorio donde está el menú. Ahora debemos ejecutar el fichero “bsplay.exe” que se encuentra en la carpeta “Bsplayer”, por lo tanto la siguiente línea será: cd bsplayer Ahora mismo el windows dice “estoy en la carpeta bsplayer”. allí está el fichero bsplay.exe, y queremos ejecutarlo y decirle que abra el fichero “gundam05.avi” que está en la carpeta “capítulos” (la cual está en el mismo directorio que el menú). Por lo tanto la tercera y última línea debe decir: @start bplay.exe ../capitulos/gundam05.avi Tenéis que respetar los puntos y las barras. Esta orden le dice al windows “ejecuta el fichero bsplay.exe y cierra esta ventana del .bat” (@start), “y abre el fichero llamado “gundam05.avi” que está en la carpeta capítulos un directorio por debajo del actual” (../ hace que baje un directorio hasta colocarse en el mismo que el menú; capitulos/ hace que suba al directorio del mismo nombre; y “gundam05.avi” es como se llama el capítulo que queremos que abra). Podemos Tb. si queremos poner al ppo del .bat la línea “@echo off”, que evita que se vean las líneas de código cuando se abra la ventana de DOS. Nótese que el nombre “gundam05.avi” podéis cambiarlo a vuestro gusto, siempre que los nombres del fichero .avi en la carpeta “capitulos” y en el fichero .bat coincidan. Una vez terminado el fichero 05.txt debería contener esto: @echo off cd.. cd bsplayer @start bplay.exe ../capitulos/gundam05.avi Graba el fichero 05.txt y renombradlo a 05.bat. Haced lo mismo con los ficheros 06.bat, 07.bat y 08.bat, poniendo los nombres de los capítulos correctos en la última línea según convenga. Recapitulemos para no liarnos: el menú ya está terminado salvo por 2 detalles que explico enseguida. Hemos creado una carpeta “fscommand” (en el mismo directorio donde meteremos el menú), donde hemos metido una serie de ficheros .bat. Tb. hemos creado una carpeta “bsplayer” donde hemos colocado el reproductor bsplayer (esta carpeta Tb. está en el mismo directorio que el menú). Finalmente hemos creado Tb. una carpeta llamada “capitulos”, donde hemos metido los capítulos de gundam (en este caso, llamados gundam05, 06, 07 y 08.avi). Esta última carpeta Tb. está metida en el mismo directorio en el cual pondremos el menú. Pues vamos a probarlo a ver si funciona. Recordad, no sirve ver el menú como “.swf”, así que tenéis que iros al flash: Archivos-->Configuración de publicación. allí seleccionáis SOLO la opción “proyector de windows (.exe)”, y le dais a “publicar”. Debe haber aparecido un fichero .exe en el mismo directorio donde hayáis guardado el .fla de este menú. Coged este fichero .exe y situadlo en la misma carpeta donde están los recién creados directorios, y ejecutadlo. Si todo va bien, los botones de los menús deberían hacer que se abra el bsplayer con el capítulo correspondiente. Si a alguno no le sale (cosa que a más de uno le pasará) no os preocupéis, porque casi seguro que es un lío de directorios. Algo más adelante pondré unas capturas para aclararos. ============NOTA ACLARATORIA DE COMANDOS=========== Bien, el BSPlayer tiene una serie de comandos k si los añadís tras la ruta del archivo .avi, hará k el reproductor se ejecute con ciertas opciones especiales, como a pantalla completa, en el segundo XX del video, k se cierre el solo al acabar, k cargue subtítulos... Los comandos son los siguientes: En linea de comando bplay "my file.avi" ["my subtitles.txt"] o bplay "my playlist.bsl" o bplay "inifile.ini" En versiones modernas de bsPlayer (version 1.0), el ejecutable se llama bsplay y no bplay asi que tendremos que modificar la llamada al reproductor tal que asi. bsplay "my file.avi" ["my subtitles.txt"] o bsplay "my playlist.bsl" o bsplay "inifile.ini" El nombre del fichero debe ser siempre el primer argumento y el fichero de subtitulos el segundo (si no pones fichero de subtitulos no pasa nada, simplemente arrancara el video sin ellos) Las opciones son: -fs Abrir en Pantalla completa (Fullscreen) -asx Abrir con x cadena de audio x=1-> 1ª Cadena de Audio x=2-> 2ª Cadena de Audio x=n-> nª Cadena de Audio x=0-> Semi's Directsound 3D -stime=x Abrir video en el segundo x -nsub No muestra los subtitulos aunque el archivo de subtitulos exista -skin=s s=nombre de skin -lang=l l=archivo de lenguaje sin extensión -eend Salir de BsPlayer cuando el video termine -pan Usar Pan-scan (no se que demonios es eso) -res=WxHxD Comenzar con la resolucion especificada W=Ancho, H=Alto, D=Profundidad de color EJ.: -res=1024x768x16 -ar=x:y Aspect ratio, EJ.: -ar=16:9 EJ.: bplay "my movie.avi" "my subtitles.txt" -fs bplay "my movie.avi" "my subtitles.txt" -fs -as2 bplay "my movie.avi" "my subtitles.txt" -as3 -lang=English Subtitulos: Los subtitulos deben estar en el mismo directorio que la pelicula EJ.: The Matrix.avi -> The Matrix.srt (.txt, .sub) Puedes cargarlos desde el menu (del reproductor) o puedes enviarlos desde linea de comando Formatos de subtitulo soportados: MicroDVD, SubRip, Subviewer, TMPlayer... Lista de reproducción: Un simple fichero de texto con extension .bsl EJ.: -- c:moviesThe Matrix.avi c:moviessomefile.avi d:videosmyvideo.mpg -- TECLAS DE ACCESO RAPIDO (Estas no vienen a cuento y por eso no las traduzco, aparte se me esta enfriando la comida, las pongo solo por que son de interes general) Up Volume up Down Volume down Ctrl+Up Dedynmic filter increase amplification Ctrl+Down Dedynamic filter decrease amplification Shift+Up Dedynmic filter increase pre-amplification Shift+Down Dedynamic filter decrease pre-amplification Left Seek backward Right Seek forward L Open... Shift+L Open audio file Ctrl+L Load subtitles S Subtitles on/off F Full screen switch O Pan-scan Shift+O Custom Pan-scan Ctrl-A Always On Top Z, X, C, V, B Prev, Play, Pause, Stop, Next Ctrl+Z Prev chapter Ctrl+B Next chapter Shift+Z Prev CD Shift+B Next CD Alt+E Playlist Ctrl+P Preferences P Capture frame - original image size Shift+P Capture frame - "What you see" Ctrl+Left/Right Subtitles time correction -/+ VobSub subtitles dec/inc delay Shift+Left/Right Subtitles time correction -/+ (small steps) VobSub subtitles dec/inc speed Ctrl+M Mute Ctrl+J Jump to time +/- Resize movie window or mouse wheel Zoom in/out movie in full screen mode 1,2,3 Zoom 50%,100%,200% Shift+1/2/3 Aspect ratio original/16:9/4:3 A Cycle aspect ratios H Show/Hide main window Ctrl+R Refresh current skin Shift+V Switch wait for vertical-blank Alt+I Add bookmark Ctrl+Alt+I Edit bookmarks Ctrl+V Chapter viewer Alt+F4 Exit Keys on Numeric keyboard in full screen mode +/- Zoom in/out movie and keep it centered 4,6,8,2 Move picture left, right, up, down Ctrl and +/- Zoom in/out movie Citrl+4/6/8/2 Free resize movie Left,Right,Up,Down 5 Reset Mouse: Mouse wheel Resize movie window in windowed mode Volume control in full screen mode Left button Pause/Resume movie Right button Menu Left button+wheel Volume control in windowed mode Middle button Scroll movie in full screen, if Pan scan is active (also Left button) Show/Hide controls in full screen RESUMIENDO, si por ejemplo kieres k se abra el video 1 de Gundam Seed a pantalla completa y k se cierre solo cuando acaba el video, la linea de comando k habría k poner en el .bat sería esta: @echo off cd.. cd bsplayer @start bplay.exe ../capitulos/gundam05.avi -fs –eend El -fs hace k se inicie a pantalla completa, y el -eend hace k se cierre solo al acabar. Nótese k ambos comandos se colocan justo detrás del nombre del fichero, dejando un espacio entre el mismo y entre ellos. Un par de detalles y estructura del CD Vamos a acabar el menú de una vez por todas añadiendo un par de detalles, y vuelvo a explicar paso por paso la estructura del CD, con capturas para que quede todo claro. Iros al primer fotograma del menú, en la capa “control”. allí vamos a pinchar con el botón derecho y seleccionar “acciones”. Recordáis cuando os expliqué todos los comandos de Fscommand con sus respectivos parámetros? Pues ahora vamos a usarlos. Tenéis que añadir el fscommand-->fullscreen y poner en parámetro “true”. Esto hará que el menú se ejecute en pantalla completa. Luego añadís otro fscommand-->allowscale y en parámetro ponéis “false”, para evitar que el menú se pixele en resoluciones altas. Ahora es decisión vuestra si queréis permitir que se puedan usar las teclas y si queréis que se pueda usar el menú del botón derecho. En este menú no hay mayor problema en que lo dejéis como está, pero en menús que tienen secciones secretas (por Ej. los de Mazinger Z) usando las teclas pueden moverse fotograma a fotograma hasta saltarse los Stops que hayáis puesto y entrar en las secciones secretas si tener que buscar los botones adecuados. Yo por eso personalmente me gusta bloquear las teclas y el menú del botón derecho. Si queréis hacerlo añadid Tambien: Fscommand-->showmenu-->false Fscommand-->trapallkeys-->true Como estamos poniendo esto al principio del menú, se cargará al iniciar el mismo. Ahora el menú ya sí que está terminado definitivamente. Ya sabéis, ahora lo tenéis que exportar como .exe. EL menú ha ocupado unos 7.30 megas, más o menos. Perfecto. Una vez que lo hayáis exportado vamos a montar la estructura del CD definitiva. Renombrad el fichero .exe recién creado a “menu.exe”, puesto que es así como debería llamarse. Este fichero estará en el directorio raíz del CD. Por ahora, cread un directorio (llamadlo como queráis) para montar el CD. Este directorio va a ser como si fuera el raíz del CD. Dentro cread las siguientes carpetas: fscommand capitulos extras bsplayer Bien, dado que este es el directorio raíz, traed aquí el fichero menú.exe. Cread Tb. un fichero llamado “autorun.inf”. El autorun.inf es un fichero que hace que se cargue un fichero determinado cuando se mete el CD en la unidad. Dicho de otro modo: gracias al autorun.inf el menú se autolanzará al meter el CD en la unidad. Abrid el autorun.inf como si fuera un archivo de texto, y meted esto: OPEN=menu.exe ICON=gundam.ico La línea OPEN indica como se llama el archivo que se va a autoejecutar cuando metáis el CD en la unidad. En este caso yo he llamado al menú “menu.exe”, pero podéis ponerle el nombre que queráis. La línea ICON indica el icono que se va a poner al CD cuando lo metas. Yo he llamado al icono “gundam.ico”. Este fichero que ahora voy a explicar como se hace, lo colocaremos en el mismo directorio que el menú. El icono (fichero .ico) es simplemente una imagen .bmp renombrada. Muchos usan iconos de 32x32 pixels, ya que es el tamaño óptimo para los iconos tamaño "icono", pero se queda pequeño (y se pixela) en cuando el windows muestra tamaño "mosaico". He visto iconos de 32x32 que quedan muy bien, y otros de 2x2 cm (unos 57x57 pixels) que quedan mejor... probad vosotros a ver ^_^.Yo voy a usar el icono de las releases de Frozen Layer Fansub, que son los que han ripeado la serie. Pero si vosotros preferís haceros vuestros propios iconos, simplemente podéis coger por ejemplo la cara de uno de los gundams que usamos antes, reducirlo al tamaño adecuado, y salvarlo como imagen .bmp. Una vez hecho esto, lo renombráis a “gundam.ico” y lo ponéis en el directorio raíz que hemos creado. O sea, el directorio raíz debería quedar así: Vamos a rellenar las carpetas. La carpeta “Bsplayer” debe contener el BSplayer. De hecho, basta con que tenga 2 ficheros: “bplay.exe” y “bsrendv.dll”. En el directorio capítulos meteremos los mismos renombrados como “gundam05.avi, gundam06.avi, gundam07.avi y gundam08.avi”… PERO, eso en caso de que vayamos a grabar el CD. Si lo que queremos es poner a compartir el menú, evidentemente dejaremos esta carpeta vacía. La carpeta de “Extras” es algo opcional, es decir, si queréis incluir algún extra, es aquí donde lo meteremos. Lo normal es incluir las carátulas del grupo de fansubers que ha ripeado la serie (pero FLF, si bien es un gran grupo de ripeo, su gran asignatura pendiente es precisamente la de los menús y carátulas, y no han hecho -que yo sepa- ninguna carátula para gundam. En casos como estos, un mínimo conocimiento del Photoshop nos permite crear nosotros mismos las carátulas). Otras cosas que se pueden incluir son imágenes, doujinshins (comics para adultos relacionados con la serie), pequeños videos… etc. En este caso voy a incluir algunas de las (escasas) imágenes de gundam que he conseguido recoger en internet… Recordad: Los extras cuentan para el máximo de tamaño del menú. Dado que el menú ha ocupado unos 7.5 Mb, no deberíamos añadir más de 2.5 Mb. Finalmente, la carpeta “fscommand” debe tener dentro los 4 ficheros .bat que creamos, en cuyo interior debemos poner las líneas que ya dijimos antes. Ahora ya solo falta crear un fichero .txt (leeme.txt o algo así) en el raíz, donde TIENES QUE EXPLICAR el nombre que deben llevar los ficheros .avi para que el menú funcione. Si queréis poner algunas líneas de agradecimiento. Hecho esto ya solo Nos falta comprimir el menú y ponerlo a compartir. Bueno, me despido de todos. Ya está todo terminado y bien explicado. Espero que les haya servido este “pequeño” tutorial. Ahora ya no tienen excusas: elegir una serie, y empezar a hacer menús. Cuantos más hagas, mejor les saldrán, es cuestión de práctica. Les recuerdo que si tienen alguna duda (y teniendo en cuenta como me explico, es más que probable), podes plantearla aquí o enviándome un MP. Asimismo si queres el fichero .Fla del menú para echarle un vistazo, no tenes más que pedírmelo. Creanme, se aprende más probando y viendo menús ya hechos que en tutoriales (ejem). ^_^ Este post me tomo horas hacerlo asi que si encontraste esta parte del tutorial constructivo deja tu comentario y ayudame con esto: denle me gusta (Like) a esto: http://www.facebook.com/KOI2010?ref=ts Y luego ha esto http://www.facebook.com/photo.php?pid=1794387&o=all&op=1&view=all&subj=114901598536579&id=1176904526 Gracias. PD: Este tutorial No es Del Todo mio lo he bajado hace algunos años y no recuerdo la fuente asi que si alguien fuera tan amable de decirme con gusto lo pongo. Un saludo, y disfruten de los menús!.

Codigos Hi5 Estructura básica (Partes) de un HI5 La mejor forma de colocar y ordenar tus codigos Primero que todo el problema mas comun es que aveces pegamos un codigo y desaparece otro o simple mente lo colocamos y no nos funciona, bueno aquie les traigo la mejor forma para evitar esto, solo hay que copiar todos nuestro codigos en un block de notas y borrarlos de nuestro hi5 asi podremos agruparlos es secciones. CÓDIGOS GENERALES (Afectan al todo el perfil, efectos y demás) Tabla para amigos principales <style> #lifestyle{width:600px!important;} </style> y para redimencionar toda la columna izquierda: <style> #content-left{width:600px!important;} </style> los 600px los puedes cambiar a como te conbenga más Banner en el Nick <style> #profile-name {padding-top:500px;background:transparent url(URL de la Imagen) center center no-repeat;} </style> Efecto agrandar imagenes al pasar el cursor <style type="text/css"> #krish {width:100%;} #krish img { height:100px; width:100px; margin-top:100px; } #krish img:hover { height:200px; width:200px; margin-top:0px; position:relative; top:30px; left:-10px; } </style> Modificar un tapiz de Hi5 Quieres tener la apariencia de un tapiz pero si tapizas no puedes tener habilitada la seccion de personalizar pues aqui esta los paso que tienes que seguir para hacer que paresca tapizado pero con la seccion de personalizar activa 1- pon el tapiz que quieras. 2- das clic derecho sobre cualquier parte del perfil y te vas a la seccion de ver codigo fuente 3- te va aparecer una ventana de blog de notas 4- ahi te vas a edicion, buscar... 5- copia y pega en buscar esto <div id="ajaxMessages" style="display: none; width: 100%;"></div> y le das clic en buscar, eso te llevara hasta donde esta esa seccion 6- abajo de ahi encontraras lo siguiente <div id="p_center"><style type="text/css"> copia desde ahi hasta donde dice </style> <div class="profile-nav" style="margin-bottom: 0;"> 7- quitas el tapiz 8- entras a la seccion personalizar y pegas todo y le das clic en guardar 9- y listo aparecera como que tubieras ese tapiz pero lo tienes personalizado Scrollbar(Barra de desplazamiento) de Colores <style type="text/css"> html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #545454; SCROLLBAR-HIGHLIGHT-COLOR: #545454; SCROLLBAR-SHADOW-COLOR:#545454; SCROLLBAR-3DLIGHT-COLOR: #545454; SCROLLBAR-ARROW-COLOR:#545454; SCROLLBAR-DARKSHADOW-COLOR: #545454;} </style> Puedes Modificar los Valores Para Cambiar los Colores Como puedo centrar mi perfil sin que se me mueva mis estadísticas y mi foto? <style type="text/css"> #schools ,#groups ,#videos ,#widgets ,#recent-updates ,#photoAlbums ,#common-friends, #lifestyle, #user-fives ,#journalDetail ,#friends h1 ,#friends h2 {display:none;} #friends {position:relative;bottom: -65em;left: -22.2em;} #comments {position:relative;bottom: -65em;left: -22.2em;} #interests {position:relative;bottom: -0em;right: -18.2em;} </style> Cambiar de Color Reproductor Immen CODIGO ORIGINAL CON AUTOPLAY ERA ESTE: <object width="300" height="340"><param name="movie" value="http://media.imeem.com/pl/rBu8LRyKjC/"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/pl/rBu8LRyKjC/" type="application/x-shockwave-flash" width="300" height="340" wmode="transparent"></embed><a href="http://www.imeem.com/people/Z-i9aaf/playlist/v3izPa1D/memories_and_hopes_music_playlist/">Memories And Hopes</a></object> LOS COLORES Y DEMAS QUEDO ASI: <embed allowscriptaccess="never"src="http://media.imeem.com/pl/rBu8LRyKjC/" type="application/x-shockwave-flash" width="300" height="340" wmode="transparent" flashvars="backColor=006666&primary Color=ffffff&secondaryColor=CC0000&linkColor=CC0000"/> </center></div> Efectos a los textos de Todo el HI5 <style type="text/css"> body {line-height: 15pt; color:#FFFFFF; font-size:15px; Filter: Blur(color=#666666, Strength=20)} </style> Color de links al pasar el cursor <style type="text/css"> a{color:"color que quieras"} a:active{color"color que quieras cuando este el puntero"} </style> Solo debes cambiar los valores en rojo por los colores que quieras Centrar: estilo de vida, intereses, amigos y comentarios <style type="text/css"> #profile-nav , #groups , #schools , #photoAlbums , #videos , #user-schools , #journal , #groups , #schools , #photoAlbums , #videos , #widgets , #journalDetail , #recent-updates {display:none;} </style> Efecto en las imágenes (Solo Internet Explorer) <style type="text/css"> #lifestyle img, #interests img { max-width: 430px; border:none; visibility:visible; filter:Alpha(Opacity=40) Blur(add=90,direction=90,strength=3) Blur(add=180,direction=180,strength=3) Blur(add=270,direction=270,strength=3) Blur(add=360,direction=360,strength=3); -moz-opacity:0.4; opacity:0.4; -khtml-opacity:0.4 } .comment-text img:hover, .comment-text a:hover img { filter:Alpha(Opacity=60,FinishOpacity=20,Style=3,StartX=0,StartY=0,FinishX=0,FinishY=0) Alpha(Opacity=60,FinishOpacity=50,Style=2,StartX=0,StartY=0,FinishX=0,FinishY=0) Blur(add=90,direction=90,strength=9) Blur(add=180,direction=180,strength=9) Blur(add=270,direction=270,strength=9) Blur(add=360,direction=360,strength=9) gray; border:none; -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6 }</style> Intercambiar columna derecha por izquierda <style> #content-left {position:relative;left:486px;} #content-right {position:relative;left:-486px;} </style> Barra de desplazamiento al lado izquierdo <style> body {direction:rtl;}table {direction:ltr;}</style> ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- BANNER Y PUBLICIDAD Cambiar el color del buscador <style> #p_nav_header{FILTER:xray;} </style> Cambiar el Icono de Hi5 <style type="text/css">#new_header { zoom:1; position:relative; background:url(http://i259.photobucket.com/albums/hh301/phototsiou/getalife.gif) 10px 0px no-repeat; width:100%; text-align:left; }</style> Cambias el URl por el de la Imagen que Quieras Ej:http://i259.photobucket.com/albums/hh301/phototsiou/getalife.gif Cubrir Publicidad Hi5 <img src="http://URl de la imagen" style="position:absolute; left:0px; top:0px;" /> Para colocar una imagen con una posicion determinada utiliza este codigo solo cambia la direccion por la de tu imagen y juega con los valores que tienen left y top "0px" por el que tu quieras. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- NOMBRE DE PERFIL Y MENÚS DE PERFIL Ocultar parte de ::Mi perfil del nombre <STYLE>#profile-name .section-name{display:none} </style> Fondo en el nombre y visitas Poner Color <style type="text/css"> #profile-name{ background:#545454 } </style> Poner Imagen <style type="text/css"> #profile-name{ background-image: url(http://);} </style> Ocultar Visitas <style type="text/css"> #profile-name span {display:none;} </style> Ocultar Menu Perfil <style> #profile-nav{display:none} </style> Alterar Numero de Visitas Hi5 Primero esconder el contador de Visitas con esto: <style type="text/css"> #profile-name span {display:none;} </style> Luego, tendrias que modificar tu nick para que aparente el numero de visitas que quieres: mas o menos asi. NICK :: Mi perfil (20000 visitas) Esto podria ser, pero la gente se dará cuenta facilmente que es un Fake. Otra Opcion Hacer en photoshop una plantilla que contuviera: NICK :: Mi perfil (20000 visitas) La subí a ImageShack u otro y aplique el siguiente codigo: <style type="text/css"> #profile-name{background-image:url(http://image url.com/...); background-color:#00000; color: black; background-repeat:no-repeat; height:35px; width:956px;} </style> Ocultar Ocultar parte de Perfil | Fotos | Ãlbum de recortes | Diario | Grupos | Favoritos | Aplicaciones <style type="text/css"> #profile-nav{display:none;} </Style> Centrar Nick(nombre de perfil) <style>#profile-name{text-align:center;} #profile-nav {text-align: center;} </style> Color en Nick(nombre de perfil) <style>#profile-name{text-align:center;} #profile-name {color: #FFFF00;} </style> Lo que esta¡ en rojo tienes que cambialo por el codigo del color que quieras. Checa los colores: Lista de Colores HTML]Colores CLIC AkI] Hacer mas grande la foto del perfil <style type="text/css"> #user-picture IMG {HEIGHT: 300px;WIDTH:200px;DISPLAY: none;} #user-picture { WIDTH: 250px;HEIGHT: 300px;TEXT-ALIGN: center; DISPLAY: block; background-image: url(URL DE tu FOTO); background-repeat:no-repeat; background-position: center;margin-left: 28px; border: SOLID #FFFFFF 1px;} #user-</style> la parte en rojo es donde pones la direxion de tu imagen creada espero me entiendas suerte!! INFORMACIÓN DEL USUARIO Mover Estadisticas Este codigo queda así: foto centrada, sin los links de usuario y la info a la derecha <style> #user-links {visibility:hidden!important;} #xabout-left {position:relative; left:380px;} #xabout-right {position:relative; left:-320px;top:200px;} #xabout-center {position:relative; left:380px;} </style> Este codigo queda así: foto centrada, sin los links de usuario y la info a la izquierda <style> #user-links {visibility:hidden!important;} #xabout-left {position:relative; left:380px;} #xabout-right {position:relative; left:-320px;top:200px;} #xabout-center {position:relative; left:-190px;} </style> Este codigo queda así: foto centrada, sin los links de usuario y SIN info (que es como mas me gusto ) <style> #user-links {visibility:hidden!important;} #xabout-left {position:relative; left:380px;} #xabout-right {position:relative; left:-320px;top:200px;} #xabout-center {display:none!important;} </style> Ocultar Enlaces Debajo de Foto principal <style type="text/css"> #picture-links{display:none} #user-links {display:none} </style> Ocultar Reportar Abuso <style type="text/css"> #abuse-links {display:none !important} </style> Vanity bars o Barras de Estadisticas Estilo mario Bros <style type="text/css"> .vanity-bar div div img, .vanity-bar div img {display:none;} .vanity-bar div {background:url( http://i254.photobucket.com/albums/hh113/hi5skin/bars/38.png ) !important; background-repeat: no-repeat !important;} .vanity-bar div div {background:url( http://i254.photobucket.com/albums/hh113/hi5skin/bars/37.png ) !important; background-repeat: no-repeat !important;}</style> Red Bars Stile <style type="text/css"> .vanity-bar div div img, .vanity-bar div img {display:none;} .vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/33.png) !important; background-repeat: no-repeat !important;} .vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/34.png) !important; background-repeat: no-repeat !important;}</style> Blue Stile <style type="text/css"> .vanity-bar div div img, .vanity-bar div img {display:none;} .vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/28.png) !important; background-repeat: no-repeat !important;} .vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/bar1.png) !important; background-repeat: no-repeat !important;}</style> Nen Stile <style type="text/css"> .vanity-bar div div img, .vanity-bar div img {display:none;} .vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/29.png) !important; background-repeat: no-repeat !important;} .vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/30.png) !important; background-repeat: no-repeat !important;}</style> Walkman stile <style type="text/css"> .vanity-bar div div img, .vanity-bar div img {display:none;} .vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/bar-2.png) !important; background-repeat: no-repeat !important;} .vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/bar-1.png) !important; background-repeat: no-repeat !important;}</style> Orange Stile <style type="text/css"> .vanity-bar div div img, .vanity-bar div img {display:none;} .vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/31.png) !important; background-repeat: no-repeat !important;} .vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/32.png) !important; background-repeat: no-repeat !important;}</style> Ocultar Vanity bars <style type="text/css">#vanity-bars {display:none;}</style> POr ahora aqui lo dejo Salu2s