Iniciar sesión

Chctrpgo

10

Mejor respuesta del mensaje Slider en post

Captura GIF

[img]Registrate o inicia tu sesión para ver este contenido[/img]

Características del slider:

Compatible con dispositivos touch.
100% Responsive.
Paginación automática.
Aceleración 3D - css3.
Compatible con todos los navegadores.

Características editables:

Altura automática.
Reproducción automática.
Velocidad de diapositivas.
Velocidad de la paginación.
Mostrar / Ocultar botones de navegación.
Mostrar / Ocultar paginación y editar el texto de los botones de navegacion.

Nota:
No dejar espacios ni saltos de linea o se verán diapositivas en blanco

Ejemplo:

Código PHP: ( Seleccionar Todo )

[slider][img]URLIMG[/img][img]URLIMG[/img][img]URLIMG[/img][img]URLIMG[/img][/slider]

En t.post.tpl --> themes --> default --> templates --> t.post.tpl

Buscar:

Código PHP: ( Seleccionar Todo )

{include file='sections/main_header.tpl'}

Debajo agregar:

Código PHP: ( Seleccionar Todo )

<link rel="stylesheet" href="{$tsConfig.tema.t_url}/css/slider-post.css">
<script src="{$tsConfig.js}/slider-post.js"></script>
<script type="text/javascript">
// {literal}
$(document).ready(function() {
  $("#slider-by-basdower").owlCarousel({
      // Edita a tu preferencia
      singleItem : true, // Mostrar solo un elemento (No cambiar)
      autoHeight : true, // Altura automatica
      autoPlay : false, // Reproduccion automatica
      slideSpeed : 300, // Velocidad de diapositivas en milisegundos
      paginationSpeed : 400, // Velocidad de la paginacion en milisegundos
      navigation : true, // Mostrar botones "anterior", "siguiente"
      pagination : true, // Mostrar paginacion ._.
      navigationText : ["Anterior", "Siguiente"] // Texto de los botones de navigation, acepta HTML
  });
});
//  {/literal}
</script>

En p.posts.preview.tpl --> themes --> default --> templates --> t.php_files --> p.posts.preview.tpl

Al final agregar:

Código PHP: ( Seleccionar Todo )

<link rel="stylesheet" href="{$tsConfig.tema.t_url}/css/slider-post.css">
<script src="{$tsConfig.js}/slider-post.js"></script>
<script type="text/javascript">
// {literal}
$(document).ready(function() {
  $("#slider-by-basdower").owlCarousel({
      // Edita a tu preferencia
      singleItem : true, // Mostrar solo un elemento (No cambiar)
      autoHeight : true, // Altura automatica
      autoPlay : false, // Reproduccion automatica
      slideSpeed : 300, // Velocidad de diapositivas en milisegundos
      paginationSpeed : 400, // Velocidad de la paginacion en milisegundos
      navigation : true, // Mostrar botones "anterior", "siguiente"
      pagination : true, // Mostrar paginacion ._.
      navigationText : ["Anterior", "Siguiente"] // Texto de los botones de navigation, acepta HTML
  });
});
//  {/literal}
</script>

En c.core.php --> inc --> class --> c.core.php

Buscar:

Código PHP: ( Seleccionar Todo )

// BBCodes permitidos
                $parser->setRestriction(array('url', 'code', 'quote', 'font', 'size', 'color', 'img', 'b', 'i', 'u', 's', 'align', 'spoiler', 'swf', 'video', 'goear', 'hr', 'sub', 'sup', 'table', 'td', 'tr', 'ul', 'li', 'ol', 'notice', 'info', 'warning', 'error', 'success'));

Después de:

Código PHP: ( Seleccionar Todo )

'success'

Agregar:

Código PHP: ( Seleccionar Todo )

, 'slider'

En bbcode.inc.php --> inc --> ext --> bbcode.inc.php

Buscar:

Código PHP: ( Seleccionar Todo )

array('tag' => 'success', 'replace' => '<div class="bbcmsg success">{param}</div>')

Reemplazar por:

Código PHP: ( Seleccionar Todo )

array('tag' => 'success', 'replace' => '<div class="bbcmsg success">{param}</div>'),
array('tag' => 'slider', 'replace' => '<div id="slider-by-basdower" class="slider-kg bas-kg">{param}</div>')

En wysibb.js --> themes --> default --> js --> wysibb.js

Buscar:

Código PHP: ( Seleccionar Todo )

//END img upload config
            buttons: "bold,italic,underline,strike,sup,sub,|, slider,img,video,link,|,fontcolor,fontsize,fontfamily,|,smileBox,bullist,numlist,|,spoiler,messages,table,|,justifyleft,justifycenter,justifyright,justify,|,hr,quote,code,goear,swf,|,removeFormat,fullscreen",

Antes de:

Código PHP: ( Seleccionar Todo )

,img

Agregar:

Código PHP: ( Seleccionar Todo )

, slider

Buscar:

Código PHP: ( Seleccionar Todo )

img : {

Arriba agregar:

Código PHP: ( Seleccionar Todo )

slider : {
                       title: 'Slider',
                       buttonHTML: '<img src="Registrate o inicia tu sesión para ver este contenido" style="padding: 5px;">', <!--aqui tu boton para el editor-->
                       transform : {
                       '<div id="slider-by-basdower" class="slider-kg bas-kg">{SELTEXT}</div>':"[slider]{SELTEXT}[/slider]"
                       }
                },

En wysibb.css --> themes --> default --> css --> wysibb.css

Buscar:

Código PHP: ( Seleccionar Todo )

.i-fullscreen { background-position: center -108px; }

Debajo agregar:

Código PHP: ( Seleccionar Todo )

.i-slider { background-position: center -126px; }

Al final agregar:

Código PHP: ( Seleccionar Todo )

.wysibb-body .slider-kg.bas-kg{
  background-color: #F8F8F8;
  padding: 10px;
  border: 1px solid #dedede;
  border-radius: 3px;
}

Y subir esta carpeta

Mega
Debes agradecer para ver el contenido...

Google Drive
Debes agradecer para ver el contenido...

Mediafire
Debes agradecer para ver el contenido...

Uptobox
Debes agradecer para ver el contenido...

4shared
Debes agradecer para ver el contenido...

Creditos: Debes agradecer para ver el contenido...