• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión
Icono de recurso

Tutorial Poner un marco al bbCode YouTube

Para XenForo...
  1. 1.0.x
  2. 1.1.x
  3. 1.2.x
  4. 1.3.x
  5. 1.4.x
Autor
lms
Imagen del autor
Avatar del autor
Edita en Panel de control -> Inicio -> Código BB media - sitios -> YouTube -> HTML incrustado:
Cambia su contenido por:
Insertar CODE, HTML o PHP:
<style type="text/css">
#bbCodeYoutube pre, #bbCodeYoutube.Youtube {
  background: url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #a5cae4;
  border-radius: 5px;
  direction: ltr;
  display: block;
  font-family: Consolas,"Courier New",Courier,monospace;
  font-size: 10pt;
  line-height: 1.24;
  margin: 0 auto;
  max-height: 525px;
  max-width: 518px;
  min-height: 30px;
  overflow: auto;
  padding: 5px;
  word-wrap: normal;
}
#bbCodeYoutube .type {
  text-align:center;
  margin: 1em @messageInfo.margin-left 1em 0;
  border: 1px solid @primaryLighterStill;
  border-radius: 5px;
  overflow: auto;
  background: #176093 url('@imagePath/xenforo/gradients/form-button-white-25px.png') repeat-x top;
  border-bottom: 1px solid @primaryLighter;
  color: #d7edfc;
  font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 8px;
}
#bbCodeYoutube { display: table-cell; margin: 0 auto; }
</style>
<div  id="bbCodeYoutube" class="Youtube">
  <div class="type">Youtube:</div>
  <pre><center><iframe width="560" height="315" src="https://www.youtube.com/embed/{$id}?wmode=opaque" frameborder="0" allowfullscreen></iframe></center></pre>
</div>
Así queda:
64.png


Salud2
Autor
lms
Visitas
989
Primer lanzamiento
Última actualización
Votar
0,00 estrella(s) 0 calificaciones

Más recursos de lms

Arriba