BBCode MOD ⇒ [bbcode] Imágenes Colorbox

[cisco007]

[bbcodet]Titulo:[/bbcodet] Imágenes Colorbox
[bbcodet]Descripción:[/bbcodet] con este bbcode puedes poner imágenes en tus mensajes y se abren usando Colorbox jquery.
[bbcodet]Autor(es)/or Enlace:[/bbcodet] bbcode yo, codigo de aqui colorbox

Pedido?: no!

originalmente hecho por mi aqui:
colorbox image bbcode

[bbcodet]Notas:[/bbcodet]

• primero hay que añadir unas lineas a nuestro header.

[openfile]abrir styles/nuestroestilo/template/overall_header.html[/openfile]
[findcode]Encontrar

Code: Select all

 </head>

añadir antes

Code: Select all

<link rel="stylesheet" href="{ROOT_PATH}colorbox/colorbox.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="{ROOT_PATH}colorbox/jquery.colorbox.js"></script>

[/findcode]
si ya tienes una linea de jquery, quita esta linea:
[c]<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/j ... "></script>[/c]
y agrega las otras lineas después de tu jquery.

[i_i][bbcodet]Uso BBcode:[/bbcodet]

Code: Select all

[colorbox]{URL},{SIMPLETEXT}[/colorbox]

[/i_i]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]

Code: Select all

<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
$(".album").colorbox({rel:'album', slideshow:true, slideshowSpeed:3500, transition:"elastic", scalePhotos:true, maxWeight:"800px", maxHeight:"800px", fixed:true});
});
// ]]>
</script>
<a class="album" href="{URL}" title="{SIMPLETEXT}" style="text-decoration:none;"><img src="{URL}" alt="{L_IMAGE}" style="width: 40%;height: 40%;" /></a>

[/i_i]
[i_i][bbcodet]Línea de ayuda:[/bbcodet]

Code: Select all

[colorbox]enlace de imagen,descripción[/colorbox]

[/i_i]
[i_i][bbcodet]Ejemplo:[/bbcodet]

Code: Select all

[colorbox]http://www.converse.edu/sites/default/files/galleries/2010_berry_bate_sculptures/images/spring_dance.jpg,wow que guapas[/colorbox]

[/i_i]
[bbcodet]DEMO:[/bbcodet]
[colorbox]http://www.converse.edu/sites/default/f ... _dance.jpg[/colorbox]

[bbcodet]FAQ:[/bbcodet]

• también puede usarse para vídeos youtube.

• [spoiler][bbcodet]Titulo:[/bbcodet] Youtube colorbox bbcode
  [bbcodet]Autor(es)/or Enlace:[/bbcodet] yo cisco007
  
  Pedido?: no
  
  [bbcodet]Notas:[/bbcodet]
  
  [i_i][bbcodet]Uso BBcode:[/bbcodet]

  Code: Select all

  [colorboxyt]http://www.youtube.com/watch?v={SIMPLETEXT}[/colorboxyt]

  [/i_i]
  [i_i][bbcodet]Reemplazo HTML:[/bbcodet]

  Code: Select all

  <script type="text/javascript">
  // <![CDATA[
  $(document).ready(function(){
  $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:425, fixed:true});
  });
  // ]]>
  </script>
  <a class="youtube" href="http://www.youtube.com/embed/{SIMPLETEXT}?version=3&wmode=transparent" title="youtube video"><img style="width: 130px; height: 97px; border:1px solid black;" alt="YouTube Video " src="http://i3.ytimg.com/vi/{SIMPLETEXT}/default.jpg" /></a>

  [/i_i]
  [i_i][bbcodet]Línea de ayuda:[/bbcodet]

  Code: Select all

  [colorboxyt]enlace de videol[/colorboxyt]

  [/i_i]
  [i_i][bbcodet]Ejemplo:[/bbcodet]

  Code: Select all

  [colorboxyt]http://www.youtube.com/watch?v=617ANIA5Rqs[/colorboxyt]

  [/i_i]
  [bbcodet]DEMO:[/bbcodet]
  [colorboxyt][/colorboxyt][/spoiler]

[bbcodet]Descarga[/bbcodet]
[rapidshare]http://rapidshare.com/files/4022907510/colorbox.zip[/rapidshare]
sube carpeta a la raíz de tu foro y reemplazar con estos nuevos!

[spoiler=Descaragas viejas][download=http://rapidshare.com/files/3898635185/ ... x.zip,sube carpeta a la raiz de tu foro]colorbox image plugin,5-22-11[/download]

---

[dwnbt]https://sourceforge.net/projects/phpbbm ... p/download[/dwnbt][/spoiler]

[cisco007]

[cisco_note]actualize colorbox a version nueva[/cisco_note]

[cisco007]

[cisco_note]Primer Mensaje actualizado con nueva version colorbox v1.3.34[/cisco_note]