Videos You Tobe

xperma · #1 (**permalink**) 04/06/2008, 01:06

Hola a todos, felicidades por esta web

, realmete me haaa servido de mucho... tengo una duda sobre los videos de you tube , cuando inserto el codigo no aparece el video solo el codigo, como tendria que hacerle para verlos .... uso phbb 3
muchas gracias por todo .

ThE KuKa · #2 (**permalink**) 06/06/2008, 12:51

Hola,

Crea un BBCode personalizado para eso, este es para youtube usando Highslide.

Nombre del MOD: Highslide/youtube BBCode
Autor del MOD: BBCode creado por PeterS y script de http://vikjavev.no/highslide/
Demo: Mirar el resltado AQUÍ

Modificaciones para Prosilver:

Descarga el ZIP desde AQUÍ
Sube la carpeta highslide a la "raíz" de tu foro.

Abrir el archivo styles/prosilver/template/overall_header.html
Al final del todo, en una nueva linea añadir:

Código:

<script type="text/javascript" src="highslide/highslide-with-html.js"></script>

<script type="text/javascript">    
    hs.graphicsDir = 'highslide/graphics/';
    hs.outlineType = 'rounded-white';
    hs.outlineWhileAnimating = true;
    hs.preserveContent = false;
</script>

Abrir el archivo styles/prosilver/theme/colours.css
Al final del todo, en una nueva linea añadir:

Código:

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

Guardar, cerrar y subir los archivos. Limpiar cache y refrescar la plantilla y el estilo desde el ACP

Ir al ACP y el modulo de "post".
Por defecto el modulo de post abre la sección de "BBCODES". Tenemos que hacer clic en "Agregar nuevo bbcode"

Ahora encontramos varias opciones:

En uso del bbcode pondremos lo siguiente:
Sin los espacios al final, si no, no me dejaba escribirlo

Código:

[youtube ]{TEXT}[/youtube ]

En Reemplazo HTML lo siguiente:

Código:

<body>
<div>

<a href="http://www.youtube.com/v/{TEXT}" onclick="return hs.htmlExpand(this, { objectType: 'iframe' } )" class="Highslide" ><img src="http://i.ytimg.com/vi/{TEXT}/default.jpg"></a>
</div>
</body>

En la linea de ayuda de bbcode ponemos algo que ayude al usuario a entender el uso del bbcode, por ejemplo:
Sin los espacios al final, si no, no me dejaba escribirlo

Código:

[youtube ]{Código del vídeo, por ejemplo "HO-BcoXYGuA"}[/youtube ]

Así aparecerá una miniatura del vídeo, en lugar de la típica ventana "grande" y al hacer clic en la miniatura, aparecerá el vídeo de un modo mas "bonito" :cerveza:

Fuente: phpBB Academy

xperma · #3 (**permalink**) 12/06/2008, 00:23

Hola, Muchas gracias por contestarmee ...... tengo varias dudass, descarge los archivos, los subi a la raiz de mi foro, modifique los archivos ( no estoy seguro pero dice que es al final de todo ??? depues de </div> en overall_header ??? el bbcode ya esta como dice, y para terminar mando el mensaje como lo marca pero no manda nada solo el espacio vacio, tambien lo que no entiendo como llamo la imagen para que cuando le de click carge la ventana del video ??? muchas gracias y disculpen las molestias.

xperma · #4 (**permalink**) 01/07/2008, 13:36

Muchas gracias ya despues todo, mucho intentos, entendii como era y resulto bien, gracias.