Bueno aquí les traigo una alternativa para aquellos que desean poner una radio en su foro o en otro caso un reproductor que suene en todo el foro sin que este se corte o se vuelva a repetir la canción o lo que se ente transmitiendo en dicho reproductor...
Bueno empecemos
PARTE 1 - CREAR PAGINA "PLAYER"
1: Nos dirigimos a
PA>> Modulos >> Gestión de las páginas HTML
Estando ahi le damos al boton
Donde crearemos una pagina HTML y la cual tendra el nombre "player" etc.. se lo dejo a su criterio yo le puse player (aqui se pondra el code del reproductor)
deberan configurarla de la siguiente manera:
2: Hecho lo anterior en la parte del cuerpo pegaremos el siguiente code:
<html>
<head>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif; //TIPO DE FUENTE
font-size: 12px; //TAMAÑO DE FUENTE
color: #FFFFFF; //COLOR DE FUENTE
}
body {
background-color: #000000; //COLOR DE FONDO
height:100%;
margin-top: 0px;
}
-->
</style>
</head>
<body>
<!-- BEGIN RADIO ALL FORUM - by toxigeek.com - DO NOT MODIFY -->
<table width="820" border="0" align="center" cellpadding="2" cellspacing="2"><tr>
<td width="256"><img src="URL IMAGEN 1" alt="1" width="256" height="41" border="0" /></td>
<td width="288"><div id="player"> <div align="center">
<!-- BEGIN CODIGO DE LA RADIO O REPRODUCTOR -->
AQUI EL CODIGO DE LA RADIO O DEL REPRODUCTOR QUE UTILIZARAN
<!-- END CODIGO DE LA RADIO O REPRODUCTOR -->
</div></div></td><td width="256"><img src="URL IMAGEN 2" alt="2" width="256" height="41" /></td></tr></table>
<!-- END RADIO ALL FORUM - by toxigeek.com - DO NOT MODIFY -->
</body></html>
en el cual modificaran lo siguiente :
-En la parte del CSS he puesto para que sirve cada codigo css para que ustedes lo modifiquen a su gusto.
-Verde: Que son imagen 1 y imagen 2 ahi pondran una imagen que decen como lo muestra la imgen siguiente:
Pueden remover o usar algun texto en lugar de las imagenes..
Anaranjado: En ese lugar deberan pegar el codigo de la radio o de su reproductor que deseen utilizar.
Ya hecho todo lo anterior presionamos el boton Aceptar y nos saldra este mensaje
en el cual daremos click en Pulsa aquí para volver a la administración de las páginas HTML como lo dice ahi para regresar a la gestion delas paginas html.. y hemos terminado la primera parte del tuto...
PARTE 2 - CREAR PAGINA DONDE UNIMOS EL FORO Y LA PAGINA "PLAYER"
OK continuamos como ya hemos creado la pagina donde estar nuestra radio o reproductor...
Ahora crearemos la pagina donde se mostrara nuestro foro y la pagina donde esta nuestro radio llamada en este tuto "player" .
1:
presionamos de nuevo
y hacemos lo mismo que en la anterior parte solo que en el titulo solo cambiara el titulo pondran "radio"..
2: Hecho lo anterior solo nos queda pegar el siguiente code en la parte del cuerpo de la pagina.
<html>
<head>
<title>NOMBRE DE TU FORO</title>
</head>
<!-- BEGIN RADIO ALL FORUM - by toxigeek.com - DO NOT MODIFY -->
<frameset rows="*,48" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="forum.htm" name="mainFrame">
<frame src="player.htm" name="bottomFrame" scrolling="NO" noresize>
</frameset>
<!-- END RADIO ALL FORUM - by toxigeek.com - DO NOT MODIFY -->
</html>
Aqui solo modificaran:
-NOMBRE DE TU FORO: Pues no creo que tengan problema con ello pues es solo poner el nombre de su foro..
-48: Esto es la altura de la barra de abajo donde estara el reproductor pueden aumentar o disminuir el tamaño,
pero si quieres que no se muestre solo se escuche la radio o reproductor solo pongan el 0
-forum.htm: si tu foro no tiene portal dejalo asi
pero si en caso de tenerlo debes ponerlo asi portal.htm
o tambien si ya tieneN unA pagina de inicio debeN poner la pagina que utilizan de inicio por ejemplo Intro-h2.htm esto segun la pagina de inicio que utilizen.
-En player.html aqui pondremos la pag. que habiamos creado en la parte 1
bueno solo pondremos la parte despues del / a mi me quedo asi : Player-h1.htm a ustedes les puede quedar de diferente manera eso dependiendo si ya han creado mas paginas html.
Ya hecho todo lo anterior presionamos el boton Aceptar y nos saldra este mensaje
en el cual daremos click en Pulsa aquí para volver a la administración de las páginas HTML como lo dice ahi para regresar a la gestion delas paginas html.. y listo terminamos la parte 2 del tutorial..
PARTE 3 - FORMAS DE UTILIZARLO EN EL FORO
En esta parte explicare las maneras de poder usar la pagina que creamos anteriormente:
1: En un link en la cabecera
para eso no dirigimos a
PA >> Visualizacion >> Cabeceras & Navegación
y presionamos en boton Añadir un menu personalizado
y rellenamos de la siguiente forma:
Menú: yo le he puesto radio pero pueden ponerle el que mas le guste
Imagen : aqui se los dejo a su criterio ya que algunos tiene menus con imagenes - yo le he puesto una imagen vacia.
Texto :yo le he puesto radio del foro pero pueden ponerle el que mas le guste
Url de redirección: aqui pondran la url del la pagina que creamos en la parte 2 de este tutorial mi resultado fue Radio-h2.html esta puede ser diferente eso dependera de que si has creado mas pagina html.
Permisos : esto ya depende de cada quien.
Visualización: les recomiendo dejarlo asi..
okk ya hecho lo anterior damos Registrar y listo tenemos un link en nuestro menu..
2:: Hacer la pagina del radio como pagina de inicio
Bueno este es un metodo un poco mas facil claro cada quien puede elegir la opcion que mas le guste .
1: Vamos a portail PA>> Modulos >> Gestión de las páginas HTML y buscamos la pagina que creamos en la segunda parte del tutorial la cual sera en mi caso Radio presionamos el boton "modificar"
ya estando ahi modificamos lo siguiente
Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
¿Utilizar esta página como indice? elegimos si
y damos registrar pero hooo sorpresa nos sale un mensaje como este
Para eso pegaremos esto
- Código:
<a href="http://www.foroactivo.com"></a>
antes del </html> en el codigo de la Parte 2
y ahora si damos registrar y ya tenemos nuestra pagina de inicio con nuestro foro y la radio.
fin de esta parte del tutorial y del mismo.
Ejemplo de como quedaria (Radio-h2.htm)
VER IMAGEN
VER IMAGEN
Para Cualquier duda visiten el FAQ de este tutorial.
Si no encuentras tu duda mandame un MP exponiendo tus preguntas para que yo actualize el FAQ a la brevedad posible..
Pues quiero que este tutorial se comprenda al 100%
Saludos
By: 3mOtrOnik - toxigeek
Publicar un comentario