Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » PUNBB
Actualizar esta página [MOD] JQuery AVISO - Nueva interfaz de aviso
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Modos de visualización

(#1)
Old  Supervisor
">
avatar
Supervisor
Miko
37811312805/02/2009PeruMy dream is you.https://i.imgur.com/Nh2lbrq.png
 
icon1 [MOD] JQuery AVISO - Nueva interfaz de aviso - el 5/8/2016, 11:36 pm

Anuncio jQuery plugin encapsular todos los mensajes en una pequeña mesa situada debajo del foro, el uso no difiere mucho de la función por defecto por lo que no recibirá poco difícil acostumbrarse a él.

Si estás aburrido de correr por encima de aviso, este foro será sin duda una gran opción para usted.


DEMO

https://baivong.github.io/announcement/

FUNCIÓN

  • Mantiene la opción de la función de notificación de manera predeterminado.
  • Fácil de ver cada mensaje individual.
  • Permite a los usuarios ocultar y mostrar los anuncios.
  • Muestra hasta 15 transiciones de noticias.



INSTRUCCIONES

AJUSTES


ACP > Display > Templates >> QLTT > overall_header

Buscar:

Código:
{JS_DIR}jquery/ticker/ticker.css


Sustituir por:

Código:
//baivong.github.io/announcement/dist/jquery.announcement.css


Buscar:

Código:
{JS_DIR}jquery/ticker/ticker.js


Sustituir por:

Código:
//baivong.github.io/announcement/dist/jquery.announcement.min.js


Buscar:

Código:
Ticker.start({
    height : {switch_ticker.HEIGHT},
    spacing : {switch_ticker.SPACING},
    speed : {switch_ticker.SPEED},
    direction : '{switch_ticker.DIRECTION}',
    pause : {switch_ticker.STOP_TIME}
});


Sustituir por:

Código:
var tickerDirection = '{switch_ticker.DIRECTION}',
    tickerEffect = '',

    tickerWidth = {switch_ticker.SPACING},
    tickerHeight = {switch_ticker.HEIGHT};

if (tickerWidth === 0) tickerWidth = 'auto';
if (tickerHeight === 0) tickerHeight = 'auto';

switch (tickerDirection) {
    case 'top':
        tickerEffect = 'zoom-in';
        break;

    case 'left':
        tickerEffect = 'rotate-left';
        break;

    case 'bottom':
        tickerEffect = 'zoom-out';
        break;

    case 'right':
        tickerEffect = 'shuffle';
        break;

    default:
        tickerEffect = 'fading';
}

$('#announcements').announcement({

    title: 'Anuncios del foro',

    showToggle: true,
    showClose: !!{switch_ticker.STOP_TIME},

    position: 'bottom-right',

    width: tickerWidth,
    height: tickerHeight,

    speed: {switch_ticker.SPEED},

    effect: tickerEffect

});


Si desea que la tabla a la izquierda de la notificación en el código anterior, la línea 38 , fijar la parte bottom-right por bottom-left. En la línea 33 , también puede sustituir a anuncios del foro, con un título más apropiado.

Buscar:

Código:
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="padding-top:4px;">
    <div class="module main">
        <div class="main-content clearfix">
            <div id="fa_ticker_container">
                <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                    <div class="fa_ticker_content">
                        <!-- BEGIN ticker_row -->
                        <div>{switch_ticker.ticker_row.ELEMENT}</div>
                        <!-- END ticker_row -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END switch_ticker -->


Sustituir por:

Código:
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="display: none;">
    <ul id="announcements">
        <!-- BEGIN ticker_row -->
        <li>{switch_ticker.ticker_row.ELEMENT}</li>
        <!-- END ticker_row -->
    </ul>
</div>
<!-- END switch_ticker -->


Encontrar y eliminar:

Código:
<!-- BEGIN switch_ticker_new -->
Incluyendo el código dentro de él
Hay 3 secciones como esta switch_ticker_new
<!-- END switch_ticker_new -->


USO

ACP > QLTT > Mensajes y e-mails > Anuncios

> Opciones de anuncios Globales: funciones opcionales

Activar Anuncios : Activar / desactivar las notificaciones
Visualización de anuncios : La página mostrará un mensaje
Scrolling : Transiciones informadas.
Scrolling speed : El tiempo de transferencia entre dos mensajes sucesivos. Unidad: s (segundos).
Stop time : Anuncio jQuery utiliza este parámetro como showClose, conseguir 2 valores de 0 ó 1 para desactivar o activar el botón de cierre.
Space between announcements (in pixels) : Anuncio parámetros jQuery utilizan como anchura para determinar el ancho. Unidad: px (píxeles).
Announcements block height (in pixels) : Anuncio jQuery utiliza este parámetro como la altura para determinar la altura. Unidad: px (píxeles).


Anuncios: Lista de los informados

Puede añadir nuevas notificaciones haciendo clic en el botón +.
Si selecciona Desactivar desplazamiento es, a continuación, el mensaje sólo se mostrará el primer mensaje único.

Autor del contenido

Baivong



Quisiera borrarte de mi memoria...creer que no existe tu persona,
pero es imposible que yo lo crea...
por que eres imagen que a mi se revela...
no puedo seguir con esta angustia...e ir sin ti es mi castigo
yo se que es pecado amarte a ciegas...y desde hoy he jurado…

" Un corazon Solitario no es un corazon "

Comentar con facebook:
 » Temas similares en otros foros
» Aviso de Mp en una nueva ventana (phpbb3)
» Es posible colocar un aviso de smowtion por ejemplo abajo de cada mensaje?
» aviso de mensajes privados
» Como poner un cartel de aviso dinámico?
» Un aviso en mi PDA
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado