[Tutorial] MP3 Player version 2.0

Bien siguiendo la idea de nuestro amigo Sapinto de fusionar los scripts de ambos tutoriales que pusimos por aquí, me puse en un rato libre que tuve el día de hoy y he aquí el resultado, conforme estaba con este me llegaron mas ideas medio locas, como obtener los archivos de un array de XML para multiples reproducciones, anexar la clásica barrita de progreso entre otras cosas raras, pero el tiempo se me acabo por hoy y pues solo alcance a hacer este que les dejo ahorita.

El diseño es malo, porque no es lo importante de este ejemplo, si no mas bien la mejora al script, esta un poco tosco; pero quise hacerlo así para que en caso de ser necesario usaran la referencia del lenguaje de los tutoriales de este foro (introducción al lenguaje AS 1, 2 y 3) ademas de que como es la primera versión, pues vamos por abonitos.

Otra diferencia esta vez, es que todo el código del programa lo cargare directamente en una clase y es con la que trabajaremos, dejando el entorno libre para futuras actualizaciones, solo bastaría modificar el archivo "audio.js" en el bloc de notas y listo, así ya no dependeremos del FLA para la edición.

1.- Bien creamos una pelicula en blanco del tamaño que deseemos y creamos un diseño que nos agrade o el que sea para hacer pruebas.

2.- Creamos una barra con animacion de forma de 100 fotogramas (como las que usamos para los preloaders)

3.- Creamos 5 botones, stop_btn, play_btn, prev_btn, sigu_btn, volMenos_btn y volMas_btn.

4.- Creamos cuadro cuadros de texto dinamicos y les asignamos los siguientes nombres de instancia: ide_txt(El que mostrara la info de nuestro mp3), time_txt(el contador de tiempo), porcentaje_txt(mostrara el avance de la carga del mp3) y vol_txt (mostrara en que porcentaje se encuentra el volumen del archivo reproduciendo).

6.- Abrimos nuestro editor de ActionScript (F9) e insertamos el siguiente codigo:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->#include "audio.as"<!--c2--></div><!--ec2-->

7.- Creamos un nuevo documento de ActionScript directamente en flash o en cualquier editor de texto y le agregamos el siguiente código: (atención al código que en los comentarios explico como funciona)
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->
//Inicio del archivo de audio
stop();
var i:Number = 1;
//contador del mp3
var v:Number = 40;
//variable para medir el volumen del audio
var mp3s:Number = 3;
//Maximo de mp3 a reproducir
_root.miMp3 = new Sound();
//variable principal mi mp3
_root.miMp3.loadSound("mp3/"+i+".mp3", true);
//hacemos la carga de mp3 segun el valor de i
_root.miMp3.setVolume(v);
//asigna el volumen de reproduccion
_root.miMp3.onSoundComplete = function() {
&nbsp;&nbsp;&nbsp;&nbsp;//cuando termine el mp3, cargamos el siguiente
&nbsp;&nbsp;&nbsp;&nbsp;i++;
&nbsp;&nbsp;&nbsp;&nbsp;if (i>mp3s) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i = 1;
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;miMp3.loadSound("mp3/"+i+".mp3", true);
&nbsp;&nbsp;&nbsp;&nbsp;_root.vol.gotoAndStop(v)
};
miMp3.onLoad = function(success:Boolean) {
&nbsp;&nbsp;&nbsp;&nbsp;var totalSeconds:Number = this.position/1000;
&nbsp;&nbsp;&nbsp;&nbsp;//vemos el tiempo transcurrido y sacamos los segundos
&nbsp;&nbsp;&nbsp;&nbsp;var minutes:Number = Math.floor(totalSeconds/60);
&nbsp;&nbsp;&nbsp;&nbsp;//lo mismo y sacamos los minutos
&nbsp;&nbsp;&nbsp;&nbsp;var seconds = Math.floor(totalSeconds)%60;
&nbsp;&nbsp;&nbsp;&nbsp;if (seconds<10) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;seconds = "0"+seconds;
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;if (minutes<10) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;time_txt.text = ("0"+minutes+":"+seconds);
&nbsp;&nbsp;&nbsp;&nbsp;} else if (minutes>=10) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;time_txt.text = (minutes+":"+seconds);
&nbsp;&nbsp;&nbsp;&nbsp;}
};
setInterval(miMp3, "onLoad", 1000);
// lo que viene es para el porcentaje cargado
onEnterFrame = function () {
&nbsp;&nbsp;&nbsp;&nbsp;porcentaje_txt.text = (Math.round((miMp3.getBytesLoaded()/miMp3.getBytesTotal())*100)+"%");
&nbsp;&nbsp;&nbsp;&nbsp;if (Math.round((miMp3.getBytesLoaded()/miMp3.getBytesTotal())*100) == 100) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;porcentaje_txt.text = "streaming completo";
&nbsp;&nbsp;&nbsp;&nbsp;}
};
miMp3.onID3 = function():Void&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;ide_txt.text = miMp3.id3.artist+" - "+miMp3.id3.songname;
};
//---------------------------------------
_root.vol_txt.text = "volumen a "+v+"%";
//Volumen inicial -----------------------
//funciones para el boton stop
_root.stop_btn.onPress = function() {
&nbsp;&nbsp;&nbsp;&nbsp;miMp3.stop();
&nbsp;&nbsp;&nbsp;&nbsp;miMp3.setVolume(v);
};
//funciones para el boton play
_root.play_btn.onPress = function() {
&nbsp;&nbsp;&nbsp;&nbsp;miMp3.start();
&nbsp;&nbsp;&nbsp;&nbsp;miMp3.setVolume(v);
};
//funciones para el el boton anterior
_root.prev_btn.onPress = function() {
&nbsp;&nbsp;&nbsp;&nbsp;if (i>1) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//Condicion que asigna que si es mayor a 1
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i = i-1;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//entonces sera igual a i restando 1
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.loadSound("mp3/"+i+".mp3", true);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//cargara el valor de i
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.setVolume(v);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//asigna el valor global del volumen
&nbsp;&nbsp;&nbsp;&nbsp;} else if (i<=3) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//segunda condional que dice que si i es menor o igual a 3
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i = 3;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//borre el valor anterior y asigne 3
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.loadSound("mp3/"+i+".mp3", true);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//carga un mp3 con el valor de i
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.setVolume(v);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//asigna el volumen global al archivo
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;/*En el anterior bloque de condiciones, creamos un bucle de forma manual, donde si i llega
&nbsp;&nbsp;&nbsp;&nbsp;a un valor menor a 1, si presionamos el boton seguira restando en 1, entonces creamos una
&nbsp;&nbsp;&nbsp;&nbsp;segunda condicion en la misma estructura donde si i no es menor o igual a 3, borre el valor
&nbsp;&nbsp;&nbsp;&nbsp;previo y re asigne a 3; con lo que obliga al programa a cumplir la primer condicion, creando
&nbsp;&nbsp;&nbsp;&nbsp;un bucle infinito en esta ecuacion.*/
};
//funciones para el boton siguiente
_root.sigu_btn.onPress = function() {
&nbsp;&nbsp;&nbsp;&nbsp;if (i<3) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i = i+1;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.loadSound("mp3/"+i+".mp3", true);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.setVolume(v);
&nbsp;&nbsp;&nbsp;&nbsp;} else if (i>=3) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i = 1;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.loadSound("mp3/"+i+".mp3", true);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.setVolume(v);
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;/*Hacemos lo mismo que en el boton anterior solo que a la inversa, aqui agregando valores en 1
&nbsp;&nbsp;&nbsp;&nbsp;en lugar de restarlos */
};
//funcion para el boton bajar volumen
_root.volMenos_btn.onPress = function() {
&nbsp;&nbsp;&nbsp;&nbsp;if (v>0) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//creamos una condicion que dicte que si v es mayor a 0
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;v = v-5;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//el valor de v, sera v menos 5
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.setVolume(v);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//asigna el volumen de la variable miMp3
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_root.vol.gotoAndStop(v);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//lleva la barra de volumen al fotograma que dicte v
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//en este caso se correra hasta 40; pues el valor original acertado
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_root.vol_txt.text = "volumen a "+v+"%";
&nbsp;&nbsp;&nbsp;&nbsp;}
};
//funciones para el boton subir volumen
_root.volMas_btn.onPress = function() {
&nbsp;&nbsp;&nbsp;&nbsp;if (v<100) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;v = v+5;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;miMp3.setVolume(v);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_root.vol.gotoAndStop(v);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_root.vol_txt.text = "volumen a "+v+"%";
&nbsp;&nbsp;&nbsp;&nbsp;}
};
//Fin del reproductor
/*MP3 Player by:
Sapinto: http://www.gallonegro.cl & Kitsch: http://javiernavarro.be | http://kitschmultimedia.info
*/<!--c2--></div><!--ec2-->

Bien espero que alguien le sea útil y mas aun, haber si alguien sale con algun aporte al tema y un dia de estos hacemos nuestro propio reproductor del foro.

<a href="http://www.tallerwebmaster.com/Tutorial-Reproductor-de-Archivos-MP3-con-Adobe-Flash-c-55.html" target="_blank">Ver ejemplo del tutorial</a>
<a href="http://www.tallerwebmaster.com/imgarticulos/55/player.rar" target="_blank">Descargar Source del tutorial</a>

Saludos

 

muy buen tutorial!!! :arriba:

 

Buenisimo aporte

Esto funciona con reproduccion de MP3 en el mismo lugar del SWF o puede reproducir URLs remotas ??

Digo para hacer una lista XML con PHP y MySQL de temas preferidos elegidos por los users y el reproductor los reproduzca en Radio FC

 

Esta muy bueno! justo estaba buscando algo asi para una web que estoy haciendo

Gracias!

 

Pues si se pueden usar ubicaciones remotas, ya el SWF unicamente interpreta lo que dicta la clase; seria cosa de modificar un poco el cargador; en cuanto regrese me pongo en ello, haber si Sapinto no se me adelanta

 

Ok, yo codigueo lo demas jajaja.

Tambien pensaba que se puede hacer una lista de FMs on line y elegir cual esta sonando de tal a cual hora segun demanda de los FC Users

 

fantástico kitsch! casi se me salen las lágrimas...

con respecto a lo de la idea del quique, la encuentro estupenda!

nutrir este reproductor con php y msql seria un gran ejercicio, podriamos hacer un tuto para esto kitsch, delegando tareas, asi no nos sale tan pesado... te mando un mp y vemos como nos cordinamos te parece?

 

MP = Mucha Plata ?? que sea gratis nomas

 

oye no se me habia ocurrido...

otra fantástica idea del jefe!

 

Holas por aca! soy nuevo por aqui y en el tema desarrollado! encontre el link buscando como hacer un mini player, pense que hera facil pero no che... jeje. Yo quiero un mini player onda Ipod Shuffle, hize pero no me funciona... nose como aplicar el codigo... me ayudan? gracias!

 

Daxcore, bienvenido al foro.

Seria bueno hicieras tu consulta específicamente, o sea que es lo que no te funciona y cual es el código.

Si es de otro tutorial, que no sea este, es mejor que hagas un nuevo post

 

<b>Acá esta el mismo tutorial: <a href="http://www.tallerwebmaster.com/Tutorial-Reproductor-de-Archivos-MP3-con-Adobe-Flash-c-55.html" target="_blank">Tutorial</a>

y al final tiene el reproductor posteado con audio.
<a href="http://img70.imageshack.us/my.php?image=48673783io2.jpg" target="_blank"><img src="http://img70.imageshack.us/img70/2471/48673783io2.th.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

¿Donde almacena los mp3?</b>

 

Están en el mismo lugar donde esta el swf, lo se como si yo hubiera subido ese tuto jaja, igualmente eso se lo puedes cambiar, mira ahi:

miMp3.loadSound("mp3/"+i+".mp3", true);

el mp3/ <<< es una carpeta dentro del lugar donde esta el SWF.

 

Hola a todos, me gusto el tutorial me ha servido de mucho... solo una pregunta:
he querido meterle un playlist despleglable como el que vemos en este enlace
<a href="http://www.foundationsrecords.com/flashcontent.html" target="_blank">http://www.foundationsrecords.com/flashcontent.html</a>
y he tenido algunos problemas.
agrege el siguiente codigo al archivo .as para la cancion numero 1

<!--quoteo--><div class='quotetop'>CITA</div><div class='quotemain'><!--quotec-->
_root.lista.b1.onPress = function() {
i = i=1;
miMp3.loadSound("mp3/"+i+".mp3", true);
miMp3.setVolume(v);
};

<!--QuoteEnd--></div><!--QuoteEEnd-->

El boton (b1) para reproducir la cancion esta dentro de un mc llamado lista, pero al darle click no pasa nada
soy nuevo en esto de actionscript a ver si pueden ayudarme.

saludos.

 

el-dan, bienvenido al foro


Para hacer lo que dices solo debes llenar una lista desplegable y utilizar el código apropiado, recuerda que en donde dices i ahí debe ir la propiedad que contiene el elemento seleccionado.

 

<!--quoteo(post=251082:date=Sep 17 2007, 02:45 AM:name=elQuique)--><div class='quotetop'>CITA(elQuique @ Sep 17 2007, 02:45 AM) [snapback]251082[/snapback]</div><div class='quotemain'><!--quotec-->
el-dan, bienvenido al foro
Para hacer lo que dices solo debes llenar una lista desplegable y utilizar el código apropiado, recuerda que en donde dices i ahí debe ir la propiedad que contiene el elemento seleccionado.
<!--QuoteEnd--></div><!--QuoteEEnd-->

Hola gracias por la bienvenida... molestandote, lo que no puedo hacer es que el boton funcione, la lista esta hecha con los botones listo y toda la cosa, el problema es que no logro comunicar el AS con el boton, aun probando con el codigo para adelantar la cancion (que digamos es codigo probado) me funciona.
La unica forma de hecerlo es que el boton este en la raiz, asi me ha funcionado a la perfeccion, pero con un boton dentro del mc que haga que despliegue... no
que puedo hacer?....
gracias por la pronta respuesta

 

Hola, tengo una pregunta a la mejor es algo tonto y sencillo pero le intente y le intente y no me funciono jajajajajaja

meti el codigo dentro de un mc llamado "audio" por logica tengo que modificar siertas partes en el as como por ejemplo

_root.play_btn.onPress = function() {
miMp3.start();
miMp3.setVolume(v);
};


ese es nuestro codigo original, ¿como lo debo de modificar para que funcione dentro de mi mc? lo que yo hice fue lo siguente

_root.audio.play_btn.onPress = function() {
miMp3.start();
miMp3.setVolume(v);
};

pero no me funciono y no se ni porque

si alguien me puede ayudar con eso y los campos de texto dinamicos se los agradeceria.

 

<!--quoteo(post=251255:date=Sep 17 2007, 01:18 PM:name=el-dan)--><div class='quotetop'>CITA(el-dan @ Sep 17 2007, 01:18 PM) [snapback]251255[/snapback]</div><div class='quotemain'><!--quotec-->
Hola gracias por la bienvenida... molestandote, lo que no puedo hacer es que el boton funcione, la lista esta hecha con los botones listo y toda la cosa, el problema es que no logro comunicar el AS con el boton, aun probando con el codigo para adelantar la cancion (que digamos es codigo probado) me funciona.
La unica forma de hecerlo es que el boton este en la raiz, asi me ha funcionado a la perfeccion, pero con un boton dentro del mc que haga que despliegue... no
que puedo hacer?....
gracias por la pronta respuesta
<!--QuoteEnd--></div><!--QuoteEEnd-->


Hola mi estimado como notaras yo también deje un post sobre meter todo el codigo dentro de un MC pues aquí tienes la respuesta, jajajajajaja no tiene mucho que lo publique a mi me funciono con los botones normales no con la lista que tu quieres crear (no lo intente) pero si el codigo como tu lo quieres dentro de un mc

Lo primero que nada debes de nombrar a tu mc de algun modo (yo lo nombre"control")

lo siguiente es modificar algo el codigo

el codigo normal viene así (en la primera parte)

<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->//Inicio del archivo de audio
stop();
var i:Number = 1;
//contador del mp3
var v:Number = 40;
//variable para medir el volumen del audio
var mp3s:Number = 3;
//Maximo de mp3 a reproducir
_root.miMp3 = new Sound();
//variable principal mi mp3
_root.miMp3.loadSound("mp3/"+i+".mp3", true);
//hacemos la carga de mp3 segun el valor de i
_root.miMp3.setVolume(v);
//asigna el volumen de reproduccion
_root.miMp3.onSoundComplete = function() {
&nbsp;&nbsp;&nbsp;&nbsp;//cuando termine el mp3, cargamos el siguiente
&nbsp;&nbsp;&nbsp;&nbsp;i++;
&nbsp;&nbsp;&nbsp;&nbsp;if (i>mp3s) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i = 1;
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;miMp3.loadSound("mp3/"+i+".mp3", true);
&nbsp;&nbsp;&nbsp;&nbsp;_root.vol.gotoAndStop(v)
};<!--c2--></div><!--ec2-->


hasta ahi todo normal lo debes de tener en raíz lo que hice fue modificar el codigo donde le digo que la función de miMP3 la debe realizar dentro del mc CONTROL entonces el codigo me queda de la siguiente manera

<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->//Inicio del archivo de audio
stop();
var i:Number = 1;
//contador del mp3
var v:Number = 40;
//variable para medir el volumen del audio
var mp3s:Number = 3;
//Maximo de mp3 a reproducir
_root.control.miMp3 = new Sound();
//variable principal mi mp3
_root.control.miMp3.loadSound("mp3/"+i+".mp3", true);
//hacemos la carga de mp3 segun el valor de i
_root.control.miMp3.setVolume(v);
//asigna el volumen de reproduccion
_root.control.miMp3.onSoundComplete = function() {
&nbsp;&nbsp;&nbsp;&nbsp;//cuando termine el mp3, cargamos el siguiente
&nbsp;&nbsp;&nbsp;&nbsp;i++;
&nbsp;&nbsp;&nbsp;&nbsp;if (i>mp3s) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i = 1;
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;miMp3.loadSound("mp3/"+i+".mp3", true);
&nbsp;&nbsp;&nbsp;&nbsp;_root.vol.gotoAndStop(v)
};<!--c2--></div><!--ec2-->


hasta ahí todo perfecto, ahora para que los botones funcionen simplemente debes de editar lo siguiente en cada linea correspondiente en mi caso va a ser el boton de stop

el codigo normal vendria así

<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->_root.stop_btn.onPress = function() {<!--c2--></div><!--ec2-->


el codigo como nos debe quedar es así

<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->_root.control.stop_btn.onPress = function() {<!--c2--></div><!--ec2-->


siempre indicandole que debe de realizar esa función dentro del mc control.


Espero te sirva y me haya explicado ^^

nota: Yo use como nombre "control" tu lo puedes nombrar como gustes. Por cierto el include lo debes hacer en el MC de igual forma.

 

HeaT, bienvenido al foro

 

creo que la page de kitsch expiro...