Autor Tema:  Agregar 2 Reproductores Mas  (Leído 3985 veces)

0 Usuarios y 1 Visitante están viendo este tema.

  • *
  • Mensajes: 1512
  • Actividad:
    0%
  • Karma: 207
  • Puntos de Comercio
    3 (100%)
  • Tratando de Ayudar
    • RayZu
    • Awards
Agregar 2 Reproductores Mas
« en: 03 de Enero de 2013, 11:57:35 pm »
Basandome en Este Codigo les enseñare a tener un tab con varios Reproductores.

http://www.marcofbb.com.ar/foro/moviescript-para-wordpress/dandoles-una-idea-para-que-agreguen-un-segundo-reproductor/msg25977/#msg25977

Primero van a su estilos.css y pegan al final

Código: [Seleccionar]
#reproducirs
{
    display: block;
    width: 150px;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    margin: 25px auto;
    clear: both;
    background: transparent;
    color: #0033CC;
    border: 1px solid lightgray;
}

#reproducirs:hover
{
    bor;
}

#tabber_reproductor
{
    width: 600;
}

.tab_container_reproductor
{
    border: 1px solid transparent;
    overflow: hidden;
    clear: both;
    float: center;
    width: 100%;
    background: transparent;
    margin-top: 0px;
}

.tab_content_reproductor
{
    padding: 5px 0px;
    font-family: arial;
    font-size: 12px;
    line-height: 170%;
}

.tab_content_reproductor p
{
    margin-top: 30px !important;
    padding: 10px 15px 0 15px;
}

.tab_content_reproductor ul
{
    margin: 0 !important;
}

.tab_content_reproductor  iframe
{;
}

.tab_content_reproductor ul  li
{
    padding: 4px 15px;
}

.tab_content_reproductor .alignleft
{
    margin-left: 20px;
}

ul.tabs_reproductor
{
    margin: 0;
    padding: 0;
    list-style: none;
    height: 31px;
    width: 500px;
}

ul.tabs_reproductor li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border-left: none;
    margin-bottom: -3px;
    overflow: hidden;
    position: relative;
    border-radius: 300px;
}

ul.tabs_reproductor li a
{
    text-decoration: bold;
    color: lightgray;
    display: block;
    padding: 0 20px;
    outline: none;
    border-bottom: none;
    border-radius: 300px;
}

ul.tabs_reproductor li a:hover
{
    text-decoration: underline;
}

html ul.tabs_reproductor li.active, html
ul.tabs_reproductor li.active a:hover
{
    background: url(images/tabtop.png) repeat-x;
    border-bottom: 1px solid transparent;
}


Luego Entran a su functions.php y buscan

Código: [Seleccionar]
      array( 'reproductor', 'Iframe Del Reproductor:'),

y lo reemplazan por

Código: [Seleccionar]
 array( 'primerreproductoridioma', 'Idioma Primer Reproductor:'),
array( 'primerreproductor', 'Codigo HTML o Iframe del Primer Reproductor:', 'textarea' ),
array( 'segundoreproductoridioma', 'Idioma Segundo Reproductor:'),
array( 'segundoreproductor', 'Codigo HTML o Iframe del Segundo Reproductor:', 'textarea' ),
array( 'tercerreproductoridioma', 'Idioma Tercer Reproductor: ', ),
array( 'tercerreproductor', 'Codigo HTML o Iframe del Tercer Reproductor:', 'textarea' ),

Luego van a su single y buscan

Código: [Seleccionar]
<script type="text/javascript">
  $(document).ready(function ()
  {
    $(".tab_content").hide();
    $("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show();
    $("ul.tabs li").click(function ()
    {
      $("ul.tabs li").removeClass("active");
      $(this).addClass("active");
      $(".tab_content").hide();
      var activeTab = $(this).find("a").attr("href");
      $(activeTab).fadeIn();
      return false;
    });
    $("#reproducir").click(function ()
    {
      $("#reproducir").hide();
      $("#reproductor").show();
    });
  });
</script>

abajo agregan

Código: [Seleccionar]
<script type="text/javascript">
  $(document).ready(function ()
  {
    $(".tab_content_reproductor").hide();
    $("ul.tabs_reproductor li:first").addClass("active").show();
    $(".tab_content_reproductor:first").show();
    $("ul.tabs_reproductor li").click(function ()
    {
      $("ul.tabs_reproductor li").removeClass("active");
      $(this).addClass("active");
      $(".tab_content_reproductor").hide();
      var activeTab_reproductor = $(this).find("a").attr("href");
      $(activeTab_reproductor).fadeIn();
      return false;
    });
    $("#reproducirs").click(function ()
    {
      $("#reproducirs").hide();
      $("#reproductors").show();
    });
  });
</script>

En el Mismo Archivo Buscan

Código: [Seleccionar]
<div class="playercont">

 hasta antes de llegar a
Código: [Seleccionar]
<div id="wrapper" class="hfeed"> 

y lo reemplazan por

Código: [Seleccionar]
<div class="playercont">
<div id="playercont" class="light-overlay-box">
<center><ul class="tabs_reproductor">
<center><li><a href="#tab1_reproductor"><h3><?php $values = get_post_custom_values("primerreproductoridioma"); if($values[0] != NULL) echo $values[0];?></h3></a></li></center>
<center><li><a href="#tab2_reproductor"><h3><?php $values = get_post_custom_values("segundoreproductoridioma"); if($values[0] != NULL) echo $values[0]; ?></h3></a></li></center>
<center><li><a href="#tab3_reproductor"><h3><?php $values = get_post_custom_values("tercerreproductoridioma"); if($values[0] != NULL) echo $values[0];?></h3></a></li></center>
</ul></center>
<div class="tab_container_reproductor">
<div id="tab1_reproductor" class="tab_content_reproductor">
<!--Primercontenido-->
<div style="height:375">
<?php $values = get_post_custom_values("primerreproductor"); echo $values[0]; ?>
</div>
<!--Primercontenido-->
</div>           
  <div id="tab2_reproductor" class="tab_content_reproductor">
  <!--2docontenido-->
<div style="height:375">
<?php $values = get_post_custom_values("segundoreproductor"); echo $values[0];?>
</div>
<!--2docontenido-->
</div>
<div id="tab3_reproductor" class="tab_content_reproductor">
  <!--3docontenido-->
<div style="height:375">
<?php $values = get_post_custom_values("tercerreproductor"); echo $values[0]; ?>
</div>
<!--3docontenido-->
</div>
<div id="controls">
    <div id="player-buttons">
<div class="btn-overlay"><a class="lightswitch" href="#"></a><a class="watch-btn-overlay">Apagar luces</a></div>             
<div class="gdbr-report broken" style="margin-top:1.5%;margin-right:0.7%";>
<style type="text/css"> .wprperrorsform {background:none !important; padding:0px 0px 0px 10px;}</style><a class="wprperrorsform" href="#wprperrors"><img src="<?php bloginfo( 'template_url' ); ?>/css/images/reporte.png" title="Reportar error en el video"></a><?php if(function_exists('ReportPageErrors')){ echo ReportPageErrors(); } ?>
          </div>
</div>
</div>
</div></p>
</div></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
« última modificación: 07 de Enero de 2013, 11:52:36 pm por raidens »
Mi web : www.rayzu.com
Skype: and1_leo
Mi Face : www.facebook.com/leo.arayas
Mi Tiwt  : www.twitter.com/theraidens

  • *
  • Mensajes: 4576
  • Actividad:
    0%
  • Karma: 162
  • Puntos de Comercio
    5 (100%)
  • Awards ¡Gracias por todos tus aportes! Destacado por denunciar cualquier comportamiento inapropiado Por haber llegado a una actividad del 100%
    • TodoPelys
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #1 en: 04 de Enero de 2013, 12:00:09 am »
+1 genial, lo usare cuando tire de moviepress ya que soy de poner muchos reproductores, cual es el maximo de reproductores para moviepress?

  • *
  • Mensajes: 1512
  • Actividad:
    0%
  • Karma: 207
  • Puntos de Comercio
    3 (100%)
  • Tratando de Ayudar
    • RayZu
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #2 en: 04 de Enero de 2013, 12:07:32 am »
Los Que quieras solo tienes que configurarlo ;)  Agregar de tal forma que no se descuadre si te fijas hay muchas partes donde pongo segundoreproductor tu solo copias y creas un cuartoreproductor y asi sucesivamente.
Mi web : www.rayzu.com
Skype: and1_leo
Mi Face : www.facebook.com/leo.arayas
Mi Tiwt  : www.twitter.com/theraidens

  • *
  • Mensajes: 4576
  • Actividad:
    0%
  • Karma: 162
  • Puntos de Comercio
    5 (100%)
  • Awards ¡Gracias por todos tus aportes! Destacado por denunciar cualquier comportamiento inapropiado Por haber llegado a una actividad del 100%
    • TodoPelys
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #3 en: 04 de Enero de 2013, 12:23:22 am »
Los Que quieras solo tienes que configurarlo ;)  Agregar de tal forma que no se descuadre si te fijas hay muchas partes donde pongo segundoreproductor tu solo copias y creas un cuartoreproductor y asi sucesivamente.

;) ya os pedire ayuda cuando este por los barrios de moviepress xD

  • *
  • Mensajes: 53
  • Actividad:
    0%
  • Karma: 2
  • Puntos de Comercio
    0 (0%)
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #4 en: 05 de Enero de 2013, 08:46:45 pm »
ya hice que aparecieran los tabs pero algo fuera de lugar y solo me aparece el contenido de la primera :S que tengo que revisar ?

  • *
  • Mensajes: 1512
  • Actividad:
    0%
  • Karma: 207
  • Puntos de Comercio
    3 (100%)
  • Tratando de Ayudar
    • RayZu
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #5 en: 06 de Enero de 2013, 12:26:13 am »
web??
Mi web : www.rayzu.com
Skype: and1_leo
Mi Face : www.facebook.com/leo.arayas
Mi Tiwt  : www.twitter.com/theraidens

  • *
  • Mensajes: 53
  • Actividad:
    0%
  • Karma: 2
  • Puntos de Comercio
    0 (0%)
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #6 en: 06 de Enero de 2013, 12:37:43 am »

  • *
  • Mensajes: 1512
  • Actividad:
    0%
  • Karma: 207
  • Puntos de Comercio
    3 (100%)
  • Tratando de Ayudar
    • RayZu
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #7 en: 06 de Enero de 2013, 01:44:16 am »
amigo me funciona perfectamente los 3 tab para que aparezcan tienes que llenar el campo en cada linea al crear el post verifica que pusiste en cada espacio lo que corresponde ;)
Mi web : www.rayzu.com
Skype: and1_leo
Mi Face : www.facebook.com/leo.arayas
Mi Tiwt  : www.twitter.com/theraidens

  • *
  • Mensajes: 1512
  • Actividad:
    0%
  • Karma: 207
  • Puntos de Comercio
    3 (100%)
  • Tratando de Ayudar
    • RayZu
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #8 en: 06 de Enero de 2013, 01:45:38 am »
NO Doy soporte a Web sin Copy.
Mi web : www.rayzu.com
Skype: and1_leo
Mi Face : www.facebook.com/leo.arayas
Mi Tiwt  : www.twitter.com/theraidens

  • *
  • Mensajes: 53
  • Actividad:
    0%
  • Karma: 2
  • Puntos de Comercio
    0 (0%)
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #9 en: 06 de Enero de 2013, 02:24:11 am »
amigo me funciona perfectamente los 3 tab para que aparezcan tienes que llenar el campo en cada linea al crear el post verifica que pusiste en cada espacio lo que corresponde ;)

Si , los tres tabs estan , eso esta bien , lo que pasa es que pongo el iFrame en los 3 pero solo aparece en el primero

NO Doy soporte a Web sin Copy.

Si tiene el copy o.O

  • *
  • Mensajes: 4576
  • Actividad:
    0%
  • Karma: 162
  • Puntos de Comercio
    5 (100%)
  • Awards ¡Gracias por todos tus aportes! Destacado por denunciar cualquier comportamiento inapropiado Por haber llegado a una actividad del 100%
    • TodoPelys
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #10 en: 06 de Enero de 2013, 02:44:03 am »
Si , los tres tabs estan , eso esta bien , lo que pasa es que pongo el iFrame en los 3 pero solo aparece en el primero

Si tiene el copy o.O

el copy esta mal es lo que te quiere decir raidens, estas indicando esto:
Diseñado por JM Graphic Media Todos los derechos reservados @Probartemas

con eso estas queriendo decir que as echo el script tu cuando no es asi amigo ;)
pon el copy de marco que fue el creador, y si luego quiers poner el tuyo por aver creado la plantilla lo pones tambien ;) saludos

  • *
  • Mensajes: 53
  • Actividad:
    0%
  • Karma: 2
  • Puntos de Comercio
    0 (0%)
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #11 en: 06 de Enero de 2013, 03:06:58 am »
Pues disculpas al parecer mi concepto de copy estaba mal x_x por que incluso hable con k3nv3lo que fue el que creo la plantilla que tengo modificada que es "moviepress" por el mismo, y me dijo que hasta podia quitar su nombre ya por que estaba bastante modificada , pero no tengo ningun problema en ponerlo como ustedes dicen :P ... solo corrigelo y dime como lo pongo y perdon por los inconvenientes

  • *
  • Mensajes: 1512
  • Actividad:
    0%
  • Karma: 207
  • Puntos de Comercio
    3 (100%)
  • Tratando de Ayudar
    • RayZu
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #12 en: 06 de Enero de 2013, 03:40:52 am »
tienes que poner el copy de marco y no de k3nv3lo que diga

"Powered by Moviepress y editado por XX. el echo es que diga de donde sacaste todo ;). y el copy tiene que tener el link
Mi web : www.rayzu.com
Skype: and1_leo
Mi Face : www.facebook.com/leo.arayas
Mi Tiwt  : www.twitter.com/theraidens

  • *
  • Mensajes: 53
  • Actividad:
    0%
  • Karma: 2
  • Puntos de Comercio
    0 (0%)
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #13 en: 06 de Enero de 2013, 04:14:16 am »
Pues ya lo pondre , y disculpas XD somos humanos y soy nuevo en esto del diseño web

saludos

  • *
  • Mensajes: 4576
  • Actividad:
    0%
  • Karma: 162
  • Puntos de Comercio
    5 (100%)
  • Awards ¡Gracias por todos tus aportes! Destacado por denunciar cualquier comportamiento inapropiado Por haber llegado a una actividad del 100%
    • TodoPelys
    • Awards
Re:Agregar 2 Reproductores Mas
« Respuesta #14 en: 06 de Enero de 2013, 02:40:37 pm »
Pues ya lo pondre , y disculpas XD somos humanos y soy nuevo en esto del diseño web

saludos

trankilo si no te lo deciamos a malas, solo te emos informado, lo que pasa que por escrito muchas veces al leerlo no lo tomamos a malas pero no es asi xD saludos

 

Temas Similares

  Asunto / Iniciado por Respuestas Último mensaje
3 Respuestas
926 Vistas
Último mensaje 09 de Noviembre de 2012, 08:13:38 am
por xixo1985
4 Respuestas
977 Vistas
Último mensaje 14 de Diciembre de 2012, 01:26:38 am
por garcia
3 Respuestas
2001 Vistas
Último mensaje 26 de Marzo de 2013, 04:06:25 pm
por xixo1985
1 Respuestas
706 Vistas
Último mensaje 12 de Junio de 2014, 10:15:46 pm
por NewShare
3 Respuestas
1009 Vistas
Último mensaje 30 de Julio de 2019, 10:33:39 am
por KageBattousai