Estás navegando como visitante. Por favor Registrate y Logueate para poder participar de ventajas como postear en el foro, Solicitar Ayuda, Ver Enlaces, Ver Imagenes. Registrate con nosotros clickeando AQUÍ.    
Registrarse    Identificarse   Blogs
Anuncios Internos
Felicidades para
henriquemogo


Quieres ser Moderador/a. Si estas interesado/a, lee la info sobre ésto, haciendo Click
Promociona tu web AQUÍ

En ésta web está expresamente prohibido, publicar enlaces de descargas de material protegido por la ley, asi como seriales, cracks, parches, programas o juegos pirateados sin el consentimienteo del autor, en cuyo caso se debará exibir dicha autorización para legitimizar la descarga. Si algun usuario incumple esta norma, sera
eliminado junto a todos sus mensajes.


Portal » Índice general » Zona Webmasters » PhpBb3 » BBcode




Nuevo tema Responder al tema  [ 13 mensajes ]  Ir a página 1, 2  Siguiente
{ VISITS } Vistas: 1567  { VISITS } Favoritos: 0  | { VISITS } Seguidores: 2 
Seguidores: blquack, apple
 
Autor Mensaje
 Asunto: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 11 Nov 2010 15:44 


Desconectado
Usuario - Miembro
Usuario - Miembro
Avatar de Usuario

Mensajes: 413

Todos mis aportes


Nivel: 18

HP: 7 / 711
7 / 711 7 / 711 7 / 711
MP: 339 / 339
339 / 339 339 / 339 339 / 339
EXP: 413 / 417
413 / 417 413 / 417 413 / 417

Karma: 21

Sexo:
Masculino



He dado: 48 Gracias
Recibidas: 41 Gracias
Blog: Ver blog (0)
Bueno chicos..aqui os dejo este PEDAZO de bbcode,lo encontré buscando bbcodes de videos

Nombre:Highslide/youtube BBCode

Bescripcion: Se trata de BBCode para youtube usando Highslide.
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"

Demostración: Debe registrarse para ver este enlace. Gracias por su visita.

Modificaciones para Prosilver:
Abrir el archivo styles/prosilver/template/overall_header.html
Al final del todo, en una nueva linea añadir:
  1. <script type="text/javascript" src="highslide/highslide-with-html.js"></script>
  2.  
  3. <script type="text/javascript">    
  4.     hs.graphicsDir = 'highslide/graphics/';
  5.     hs.outlineType = 'rounded-white';
  6.     hs.outlineWhileAnimating = true;
  7.     hs.preserveContent = false;
  8. </script>


Abrir el archivo styles/prosilver/theme/colours.css
Al final del todo, en una nueva linea añadir:
  1. .highslide-html {
  2.     background-color: white;
  3. }
  4. .highslide-html-blur {
  5. }
  6. .highslide-html-content {
  7.    position: absolute;
  8.     display: none;
  9. }
  10. .highslide-loading {
  11.     display: block;
  12.    color: black;
  13.    font-size: 8pt;
  14.    font-family: sans-serif;
  15.    font-weight: bold;
  16.     text-decoration: none;
  17.    padding: 2px;
  18.    border: 1px solid black;
  19.     background-color: white;
  20.    
  21.     padding-left: 22px;
  22.     background-image: url(highslide/graphics/loader.white.gif);
  23.     background-repeat: no-repeat;
  24.     background-position: 3px 1px;
  25. }
  26. a.highslide-credits,
  27. a.highslide-credits i {
  28.     padding: 2px;
  29.     color: silver;
  30.     text-decoration: none;
  31.    font-size: 10px;
  32. }
  33. a.highslide-credits:hover,
  34. a.highslide-credits:hover i {
  35.     color: white;
  36.     background-color: gray;
  37. }
  38.  
  39.  
  40. /* Styles for the popup */
  41. .highslide-wrapper {
  42.    background-color: white;
  43. }
  44. .highslide-wrapper .highslide-html-content {
  45.     width: 400px;
  46.     padding: 5px;
  47. }
  48. .highslide-wrapper .highslide-header div {
  49. }
  50. .highslide-wrapper .highslide-header ul {
  51.    margin: 0;
  52.    padding: 0;
  53.    text-align: right;
  54. }
  55. .highslide-wrapper .highslide-header ul li {
  56.    display: inline;
  57.    padding-left: 1em;
  58. }
  59. .highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
  60.    display: none;
  61. }
  62. .highslide-wrapper .highslide-header a {
  63.    font-weight: bold;
  64.    color: gray;
  65.    text-transform: uppercase;
  66.    text-decoration: none;
  67. }
  68. .highslide-wrapper .highslide-header a:hover {
  69.    color: black;
  70. }
  71. .highslide-wrapper .highslide-header .highslide-move a {
  72.    cursor: move;
  73. }
  74. .highslide-wrapper .highslide-footer {
  75.    height: 11px;
  76. }
  77. .highslide-wrapper .highslide-footer .highslide-resize {
  78.    float: right;
  79.    height: 11px;
  80.    width: 11px;
  81.    background: url(highslide/graphics/resize.gif);
  82. }
  83. .highslide-wrapper .highslide-body {
  84. }
  85. .highslide-move {
  86.     cursor: move;
  87. }
  88. .highslide-resize {
  89.     cursor: nw-resize;
  90. }
  91.  
  92. /* These must be the last of the Highslide rules */
  93. .highslide-display-block {
  94.     display: block;
  95. }
  96. .highslide-display-none {
  97.     display: none;
  98. }


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"

Uso del bbcode:


Reemplazo HTML:
  1. <body>
  2. <div>
  3.  
  4. <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>
  5. </div>
  6. </body>


Texto de ayuda:
  1. [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"

Adjunto:http://vikjavev.no/highslide/download.php
Sube la carpeta highslide a la "raíz" de tu foro.

Fuente: Debe registrarse para ver este enlace. Gracias por su visita.

firma
Imagen
Imagen
MODS INSTALADOS


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
El siguiente usuario da las gracias a AlanWake360 por ese mensaje:
Megabyte
 Asunto: Re: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 12 Nov 2010 01:16 


Desconectado
Administrador del Sitio
Administrador del Sitio|Administrador del Sitio|Administradora del Sitio
Avatar de Usuario

Mensajes: 3321

Todos mis aportes
Estado de ánimo: Feliz

Imágenes: 32

Nivel: 44

HP: 657 / 6573
657 / 6573 657 / 6573 657 / 6573
MP: 3138 / 3138
3138 / 3138 3138 / 3138 3138 / 3138
EXP: 3321 / 3391
3321 / 3391 3321 / 3391 3321 / 3391

Karma: 147

Sexo:
Masculino



He dado: 668 Gracias
Recibidas: 315 Gracias
Blog: Ver blog (1)
Que bien, el otro día lo vi por hay instalado y me interesé por el pero no llegue a buscarlo y mira por donde nos lo has traido.

Gracias amigo, buen mod.
Saludos.

firma
La inteligencia, es todo lo que la calculadora no puede hacer por tí.
Todo lo demas son simples cálculos.

Si te ha sido de utilidad el foro, por favor danos un me gusta y, comparte tu expriencia.


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil Álbum personal  
 
 Asunto: Re: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 14 Nov 2010 14:12 


Desconectado
Usuario - Miembro
Usuario - Miembro
Avatar de Usuario

Mensajes: 413

Todos mis aportes


Nivel: 18

HP: 7 / 711
7 / 711 7 / 711 7 / 711
MP: 339 / 339
339 / 339 339 / 339 339 / 339
EXP: 413 / 417
413 / 417 413 / 417 413 / 417

Karma: 21

Sexo:
Masculino



He dado: 48 Gracias
Recibidas: 41 Gracias
Blog: Ver blog (0)
de nada compañero para eso estamos
un saludo y nos leemos!!!

PD: Va de lujo el mod jejejejej lo pude añadir al portal también

firma
Imagen
Imagen
MODS INSTALADOS


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
 Asunto: Re: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 27 Dic 2010 21:44 


Desconectado
Recien llegado
Recien llegado
Avatar de Usuario

Mensajes: 19

Todos mis aportes
Estado de ánimo: Feliz


Nivel: 3

HP: 0 / 44
0 / 44 0 / 44 0 / 44
MP: 21 / 21
21 / 21 21 / 21 21 / 21
EXP: 19 / 27
19 / 27 19 / 27 19 / 27

Karma: 0

Ubicación:Diseñador Gráfico


Sexo:
Masculino



He dado: 2 Gracias
Recibidas: 0 Gracias
Blog: Ver blog (0)
Lo instale pero me sale el siguiente problema

Imagen

gnothin:

firma

Este es el lugar para tu firma

Personaliza tu perfil



Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
 Asunto: Re: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 28 Dic 2010 00:31 


Desconectado
Administrador del Sitio
Administrador del Sitio|Administrador del Sitio|Administradora del Sitio
Avatar de Usuario

Mensajes: 3321

Todos mis aportes
Estado de ánimo: Feliz

Imágenes: 32

Nivel: 44

HP: 657 / 6573
657 / 6573 657 / 6573 657 / 6573
MP: 3138 / 3138
3138 / 3138 3138 / 3138 3138 / 3138
EXP: 3321 / 3391
3321 / 3391 3321 / 3391 3321 / 3391

Karma: 147

Sexo:
Masculino



He dado: 668 Gracias
Recibidas: 315 Gracias
Blog: Ver blog (1)
No entiendo muy bien esa imagen, me parece que le Highslide funciona bien, pero la ruta del video no esta bien, no?

Me puedes indicar el post donde está ese tema para revisarlo desde mi navegador.

Por lo que veo en el remplazo del bbcode, solo hay que rodear con el bbcode el id del indicador del video y no la ruta completa.

Saludos.

firma
La inteligencia, es todo lo que la calculadora no puede hacer por tí.
Todo lo demas son simples cálculos.

Si te ha sido de utilidad el foro, por favor danos un me gusta y, comparte tu expriencia.


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil Álbum personal  
 
 Asunto: Re: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 28 Dic 2010 00:35 


Desconectado
Recien llegado
Recien llegado
Avatar de Usuario

Mensajes: 19

Todos mis aportes
Estado de ánimo: Feliz


Nivel: 3

HP: 0 / 44
0 / 44 0 / 44 0 / 44
MP: 21 / 21
21 / 21 21 / 21 21 / 21
EXP: 19 / 27
19 / 27 19 / 27 19 / 27

Karma: 0

Ubicación:Diseñador Gráfico


Sexo:
Masculino



He dado: 2 Gracias
Recibidas: 0 Gracias
Blog: Ver blog (0)
lo hice en mi foro gtem:

-- 28 Dic 2010 00:39 --

Si correcto era pegando solo el ID ya me funciona! gracias gsonr:

-- 28 Dic 2010 00:44 --

este es el problema de ahora
Imagen

querría ponerlo mas pequeño

firma

Este es el lugar para tu firma

Personaliza tu perfil



Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
 Asunto: Re: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 28 Dic 2010 01:18 


Desconectado
Administrador del Sitio
Administrador del Sitio|Administrador del Sitio|Administradora del Sitio
Avatar de Usuario

Mensajes: 3321

Todos mis aportes
Estado de ánimo: Feliz

Imágenes: 32

Nivel: 44

HP: 657 / 6573
657 / 6573 657 / 6573 657 / 6573
MP: 3138 / 3138
3138 / 3138 3138 / 3138 3138 / 3138
EXP: 3321 / 3391
3321 / 3391 3321 / 3391 3321 / 3391

Karma: 147

Sexo:
Masculino



He dado: 668 Gracias
Recibidas: 315 Gracias
Blog: Ver blog (1)
Has copiado, corectamente el codigo que va en el styles/tu_estilo/theme/colours.css en este trozo de código está definido el ancho del popup del video

  1. .highslide-wrapper .highslide-html-content {
  2.      width: 400px;
  3.      padding: 5px;


Debe de está mas o menos como arriba. Por cierto que Style usas en que esta basada, en prosilver o en subsilver.

firma
La inteligencia, es todo lo que la calculadora no puede hacer por tí.
Todo lo demas son simples cálculos.

Si te ha sido de utilidad el foro, por favor danos un me gusta y, comparte tu expriencia.


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil Álbum personal  
 
 Asunto: Re: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 28 Dic 2010 01:23 


Desconectado
Recien llegado
Recien llegado
Avatar de Usuario

Mensajes: 19

Todos mis aportes
Estado de ánimo: Feliz


Nivel: 3

HP: 0 / 44
0 / 44 0 / 44 0 / 44
MP: 21 / 21
21 / 21 21 / 21 21 / 21
EXP: 19 / 27
19 / 27 19 / 27 19 / 27

Karma: 0

Ubicación:Diseñador Gráfico


Sexo:
Masculino



He dado: 2 Gracias
Recibidas: 0 Gracias
Blog: Ver blog (0)
Prosilver

-- 28 Dic 2010 01:36 --

Si me sale eso que pusiste pero esta bien puesto sigue saliendo igual!

-- 28 Dic 2010 01:40 --

Pero el video no ocupa toda la medida como sale en la imagen mira
Imagen

firma

Este es el lugar para tu firma

Personaliza tu perfil



Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
 Asunto: Re: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 28 Dic 2010 02:50 


Desconectado
Administrador del Sitio
Administrador del Sitio|Administrador del Sitio|Administradora del Sitio
Avatar de Usuario

Mensajes: 3321

Todos mis aportes
Estado de ánimo: Feliz

Imágenes: 32

Nivel: 44

HP: 657 / 6573
657 / 6573 657 / 6573 657 / 6573
MP: 3138 / 3138
3138 / 3138 3138 / 3138 3138 / 3138
EXP: 3321 / 3391
3321 / 3391 3321 / 3391 3321 / 3391

Karma: 147

Sexo:
Masculino



He dado: 668 Gracias
Recibidas: 315 Gracias
Blog: Ver blog (1)
hay un error aquí:

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

  1. <script type="text/javascript" src="highslide/highslide-with-html.js"></script>
  2.  
  3. <script type="text/javascript">    
  4.     hs.graphicsDir = 'highslide/graphics/';
  5.     hs.outlineType = 'rounded-white';
  6.     hs.outlineWhileAnimating = true;
  7.     hs.preserveContent = false;
  8. </script>


En vez de copiarlo al final del todo como dice esas instruciones hay que colocar el codigo antes de la linea:


firma
La inteligencia, es todo lo que la calculadora no puede hacer por tí.
Todo lo demas son simples cálculos.

Si te ha sido de utilidad el foro, por favor danos un me gusta y, comparte tu expriencia.


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil Álbum personal  
 
 Asunto: Re: BBCode Youtube con Highslide en phpBB 3
 Nota Publicado: 28 Dic 2010 03:03 


Desconectado
Recien llegado
Recien llegado
Avatar de Usuario

Mensajes: 19

Todos mis aportes
Estado de ánimo: Feliz


Nivel: 3

HP: 0 / 44
0 / 44 0 / 44 0 / 44
MP: 21 / 21
21 / 21 21 / 21 21 / 21
EXP: 19 / 27
19 / 27 19 / 27 19 / 27

Karma: 0

Ubicación:Diseñador Gráfico


Sexo:
Masculino



He dado: 2 Gracias
Recibidas: 0 Gracias
Blog: Ver blog (0)
Copie antes de la etiqueta, borre cahche
</head>

Y sigue igual

firma

Este es el lugar para tu firma

Personaliza tu perfil



Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
Mostrar mensajes previos:  Ordenar por  
 
Nuevo tema Responder al tema  [ 13 mensajes ]  Ir a página 1, 2  Siguiente


¿Te fue util este tema?

Link:
BBcode:
HTML:


Temas Similares

BBcode Youtube HD
Foro: BBcode
Autor: frankspeed
Comentarios: 2
Ya está phpBB 3.1.1
Foro: PhpBb3
Autor: Michan
Comentarios: 2
Bbcode Goer
Foro: BBcode
Autor: martinkly
Comentarios: 1
Compatibilizar reputation system con social network en phpbb
Foro: Tutoriales phpbb3
Autor: blquack
Comentarios: 1
Problema con BBCode de Spoiler
Foro: BBcode
Autor: RazonX
Comentarios: 21

Portal » Índice general » Zona Webmasters » PhpBb3 » BBcode


Temas relacionados
 Temas   Autor   Comentarios   Vistas   Último mensaje 
No hay nuevos mensajes sin leer en este tema. BBcode Youtube HD

frankspeed

2

906

11 Mar 2015 20:42

jmsuarezm Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Nuevo Dominio Youtube - bbcode

MAVERICK

5

541

26 May 2011 15:41

Megabyte Ver último mensaje

No hay nuevos mensajes sin leer en este tema. BBCode para insertar videos de Youtube en post

blquack

5

1778

29 May 2012 16:26

blquack Ver último mensaje

Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas Adjunto(s) Problemas con mod highslide

beomaca

9

349

23 Mar 2011 17:19

blquack Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Adjunto(s) ¿Como instalar Highslide JS en MKportal?

frankspeed

3

324

13 Jul 2011 16:45

blquack Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Mod instalado (bbcode GeShi) resalta la sintaxis bbcode code

blquack

0

1177

02 Jun 2011 11:59

blquack Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Se puede crear un nuevo bbcode en Advanced BBcode (ABBC 3)

juan1986

4

695

05 Sep 2012 23:35

juan1986 Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Pantalla completa en youtube.

Total13

1

374

18 Nov 2011 09:28

EseTecnico Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Marquee up-down BBCode (marquesina de arriba a bajo bbcode)

blquack

4

1125

11 Oct 2010 23:37

blquack Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Collumn BBCode (Dos columnas en post bbcode phpbb3)

blquack

2

1060

11 Oct 2010 22:56

frankspeed Ver último mensaje

 


¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado

 
 

 
No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Buscar:
Saltar a:  
cron