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 [MOD] JQuery AVISO - Nueva interfaz de aviso 2x97uModos de visualización [MOD] JQuery AVISO - Nueva interfaz de aviso 2x97u

[MOD] JQuery AVISO - Nueva interfaz de aviso UFXmlYj[MOD] JQuery AVISO - Nueva interfaz de aviso ZcHKMjL
(#1)
Old  Supervisor
">
Miko
Supervisor
Miko
38711722805/02/2009PeruMy dream is you.https://i.imgur.com/Nh2lbrq.png
 
[MOD] JQuery AVISO - Nueva interfaz de aviso Empty [MOD] JQuery AVISO - Nueva interfaz de aviso - 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.

[MOD] JQuery AVISO - Nueva interfaz de aviso U60px

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).

[MOD] JQuery AVISO - Nueva interfaz de aviso Announ10

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

Comentar con facebook:
[MOD] JQuery AVISO - Nueva interfaz de aviso Imagen11
 » Temas similares en otros foros
» [All versions] Aviso en el NAVEGADOR antes de cerrar la pestaña.
» Menù jQuery
» Menu jQuery 2
» jQuery ScrollBubble on Scroll
» [JQuery] Posibilidad de añadir tabla de normas antes del editor de mensajes
 
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