domingo, 10 de marzo de 2013

poner flash (o cualquier otra cosa) en header


No se ve tierno mi nick? fidgjfdgfn

¡Hola Gente! En este tutorial podras aprender a ponerle flash a tu header. El flash que usaremos serà el aportado por Kary, de PeaceWorldVisuals, asique le damos todos los respectivos creditos a ella ,¡gracias! El tuto es algo largo pero cuando lo sabes, lo hacer SUPER rapido.
Si quieres comenzar con el tuto, presiona en el enlace de abajo.



Primero, creamos el Header a gusto (jojojo) .Una vez terminado, vas a cortarlo en pedacitos ,las partes que quieres agregarle flash o algo encima ,loo que sea!!!!! Te recomiendo que no lo cortes en TANTOS pedacitos porque es un quilombo despues u.u,pero como quieras.

La herramienta para cortar es esta:


Uuuuuuuna vez que cortamos tooooodo lo que queremos, vas a Archivo > Guardar para Webs y Dispositivos. Una vez ahi, veras que los pedacitos pierden la calidad, eso es porque estan en formato GIF. Para cambiar eso y se vea normal, seleccionada cada pedazito y en la pestañita que dice GIF la cambias a PNG-24.

Una vez hecho todos los pasos anteriores, vas a donde dice "Previsualizar para navegadores predeterminados"(o algo asi) pero OJO! Si tenes una version vieja esto no te aparecerà, deberàs hacer click sobre esto:

Se te abrira una nueva ventana, con un codigo, el cual deberàs copiar desde donde dice:

<meta http-equiv="Content-Type"...... (y todo lo que sigue)

Hasta donde se puede leer lo siguiente

<!-- End ImageReady Slices -->

Una vez copiado eso, se pega en la seccion de tu code donde va el header. Como veràs, deberàs reemplazar los datos que no tienen valores. A ver si me explico... cuando subes una imagen a tinypic ,imageshack u otros hosts de imàgenes, te dan un enlace directo a la imagen, ¿no? Bueno, en este code tienes un enlace a la imagen recortada sin valor, porque no ha sido subida a ningun host, porque està guardado en tu computadora. Por ejemplo, el texto que esta entre unas comillas dice 

Sin-titulo-2_01.gif
Ahora vuelves al photoshop, guardas todo y lo subes a algun host de imagenes, te recomiendo imageshack. Copias los links directos y los reemplazas en el code, lo que te explique recien.

Una vez hecho todo, aparecera el header completo. Ahora hace falta ponerle flash o algun texto encima. Te fijas que partecita quieres agregarle el efecto, y veràs que dice, en mi caso:


<tr> <td> <img src="Sin-t&#237;tulo-2_01.gif" width="300" height="176" alt=""></td> </tr>



Bueno, ahora debes prestar mucha atencion en esta parte. Borras la parte que dice > <img scr y la reemplazas por "background". Quedarìa algo asì en mi caso:

<tr> <td background="Sin-t&#237;tulo-2_01.gif" width="300" height="176" alt=""></td> </tr>

¡¡CASI TERMINAMOS!! UFF, UN POCO LARGO...
Ahora, entre  > y </td> pegas el siguiente codigo de flash


<object width="1200" height="680" data="http://mundohotnews.com/wp-content/uploads/2013/02/bolitasdekary2copia.swf">
 <param name="wmode" value="transparent">
En width, pones el ancho de la imagen donde pusiste flash. Y en height, el alto. El link que esta en negrita no lo toques ,pero si quieres poner tu propio flash, lo subes a algun servidor y lo reemplazas por el que està.

Si tienes algun problema con esto, preguntanos en el ask que me ocuparè de responderte TODO.

0 comentarios: