BBCode MOD[bbcode] Imágenes Colorbox

BBCode MOD para phpBB 3

Moderadores: Carlos, Soporte en phpBB, Soporte en MODs

Reglas del Foro
Solo BBCode, no dudas por favor.
Avatar de Usuario
cisco007
Usuario
Usuario
Mensajes: 367
Registrado: 05 Ene 2012 15:59:22
Bandera: Mexico
Nombre real: cisco

[bbcode] Imágenes Colorbox

Notapor cisco007 » 14 Jul 2012 14:46:34

[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

Código: Seleccionar todo

 </head>

añadir antes

Código: Seleccionar todo

<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/jquery/1.7.1/jquery.min.js"></script>[/c]
y agrega las otras lineas después de tu jquery.

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

Código: Seleccionar todo

[colorbox]{URL},{SIMPLETEXT}[/colorbox]
[/i_i]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]

Código: Seleccionar todo

<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]

Código: Seleccionar todo

[colorbox]enlace de imagen,descripción[/colorbox]
[/i_i]
[i_i][bbcodet]Ejemplo:[/bbcodet]

Código: Seleccionar todo

[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/files/galleries/2010_berry_bate_sculptures/images/spring_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]

    Código: Seleccionar todo

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

    Código: Seleccionar todo

    <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&amp;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]

    Código: Seleccionar todo

    [colorboxyt]enlace de videol[/colorboxyt]
    [/i_i]
    [i_i][bbcodet]Ejemplo:[/bbcodet]

    Código: Seleccionar todo

    [colorboxyt]http://www.youtube.com/watch?v=617ANIA5Rqs[/colorboxyt]
    [/i_i]
    [bbcodet]DEMO:[/bbcodet]
    [colorboxyt]http://www.youtube.com/watch?v=617ANIA5Rqs[/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/colorbox.zip,sube carpeta a la raiz de tu foro]colorbox image plugin,5-22-11[/download]
[hr][/hr]
[dwnbt]https://sourceforge.net/projects/phpbbmexico/files/mods/colorbox.zip/download[/dwnbt][/spoiler]

Avatar de Usuario
cisco007
Usuario
Usuario
Mensajes: 367
Registrado: 05 Ene 2012 15:59:22
Bandera: Mexico
Nombre real: cisco

Re: [bbcode] Imágenes Colorbox

Notapor cisco007 » 19 Sep 2012 17:36:56

[cisco_note]actualize colorbox a version nueva[/cisco_note]
Última edición por cisco007 el 19 Sep 2012 17:36:56, editado 1 vez en total.
Razón: actualize version colorbox

Avatar de Usuario
cisco007
Usuario
Usuario
Mensajes: 367
Registrado: 05 Ene 2012 15:59:22
Bandera: Mexico
Nombre real: cisco

Re: [bbcode] Imágenes Colorbox

Notapor cisco007 » 05 Feb 2013 14:58:03

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


Social Media

     

Volver a “BBCode MOD”