(13 Feb, 2014, 4:23 am)Excalibur_84 escribió: Muchas gracias, lo probare esta trade. asi lo preparo para el bloke del portal, ya me diras algo.
Terminé tu bloque de vídeos recientes, espero que te guste, en realidad es muy simple y lo hice basándome en los estilos de tu foro sin usar tablas ya que nunca me ha gustado usar eso cuando no es necesario hacerlo, hoy en día ya no se usan mucho, aquí te dejo unos Screenshots y el código.
Una vez instalado el plugin y y verificado que funcione correctamente, ve a tu plantilla
header y buscar:
<navigation>
<br />
Debajo de ese código añadir esto:
<div id="videos_wrapper">
<div class="videos_title">
Últimos Vídeos del Dark Souls 2
</div>
<div class="videos_videos">
<a class="voverlay" href="//www.youtube.com/v/oEHrVkdFDqM?autoplay=1" title="Burn - Ritchie Blackmore Guitar Lesson"><img src="youtube_videolb/thumbnails/1.png" alt="Burn - Ritchie Blackmore Guitar Lesson" /><span></span></a>
<a class="voverlay" href="//www.youtube.com/v/oEHrVkdFDqM?autoplay=1" title="Burn - Ritchie Blackmore Guitar Lesson"><img src="youtube_videolb/thumbnails/2.png" alt="Burn - Ritchie Blackmore Guitar Lesson" /><span></span></a>
<a class="voverlay" href="//www.youtube.com/v/oEHrVkdFDqM?autoplay=1" title="Burn - Ritchie Blackmore Guitar Lesson"><img src="youtube_videolb/thumbnails/0.png" alt="Burn - Ritchie Blackmore Guitar Lesson" /><span></span></a>
<a class="voverlay" href="//www.youtube.com/v/oEHrVkdFDqM?autoplay=1" title="Burn - Ritchie Blackmore Guitar Lesson"><img src="youtube_videolb/thumbnails/2.png" alt="Burn - Ritchie Blackmore Guitar Lesson" /><span></span></a>
<a class="voverlay" href="//www.youtube.com/v/oEHrVkdFDqM?autoplay=1" title="Burn - Ritchie Blackmore Guitar Lesson"><img src="youtube_videolb/thumbnails/1.png" alt="Burn - Ritchie Blackmore Guitar Lesson" /><span></span></a>
</div>
</div>
<!-- Sources of Videos: Start -->
<script src="youtube_videolb/jquery.tools.min.js" type="text/javascript"></script>
<script src="youtube_videolb/videolightbox.js" type="text/javascript"></script>
<!-- Sources of Videos: End -->
<br />
Luego en tu Global.css añadir esto al final:
/* Box Videos on Header */
#videos_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
}
.videos_title {
background: url(images/Diablo/thead.png) repeat-x;
color: #ffc547;
text-shadow: 0px 0px 5px #c51c0a;
font-family: 'Metamorphous', cursive;
text-align: center;
padding: 6px;
}
.videos_videos {
width: 100%;
box-sizing: border-box;
background: #0c0a09;
margin: auto auto;
text-align: center;
border: 1px solid #191715;
padding: 6px;
line-height: 0px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.videos_videos img {
opacity: 0.7;
filter:alpha(opacity=70);
}
.videos_videos img:hover {
opacity: 1;
filter:alpha(opacity=100);
}
ScreenShots
Esto en tu foro debería verse bien, puesto que combina con el tema de tu foro, si notas alguna mala visualización me lo haces saber para corregirlo de inmeadiato, esto lo hice de madrugada y ando medio sonámbulo así que al menos ten en consideración eso por si se me escapó algún error.
Estoy por desmayarme xD, me voy a dormir y regreso luego a ver cómo te fue...
Por cierto el link de los videos tú mismo tienes que cambiarlo usando el método de insercción antiguo de los videos de youtube, y copias el código que tenga la forma del que aparece en el código que te di, no vayas a pegar un link directo de YouTube porque no va a funcionar...
En cuanto al as miniaturas, usé las por default del plugin puesto que como es una prueba no me pondré a diseñar miniaturas para algo que solo sirve de ejemplo, eso ya depende de ti a tus gustos, las medidas a respetar son 160 x 120 pixeles.
Saludos... regreso luego para corregir posibles errores que se me hayan escapado en el código...