Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » PHPBB3
Actualizar esta página [JS] Añadir un mensaje encima del primer post
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas [JS] Añadir un mensaje encima del primer post 2x97uModos de visualización [JS] Añadir un mensaje encima del primer post 2x97u

[JS] Añadir un mensaje encima del primer post UFXmlYj[JS] Añadir un mensaje encima del primer post ZcHKMjL
(#1)
Old  Supervisor
">
Miko
Supervisor
Miko
38711722805/02/2009PeruMy dream is you.https://i.imgur.com/Nh2lbrq.png
 
[JS] Añadir un mensaje encima del primer post Empty [JS] Añadir un mensaje encima del primer post - 3/7/2019, 10:06 am

[JS] Añadir un mensaje encima del primer post Fkgh10

Descripción:

Agrega un mensaje antes de la primera publicación para foros específicos.

Código:


Crear un nuevo JavaScript solo en los Temas:

Código:
/*
 *  Application: Add message before the first post
 *  Date: 22/05/2018
 *  Version: 1.022052018
 *  Copyright (c) 2018 Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
$(function() {
 
    /*
    * forumID -> Enter the forum id that will display the message
    * You can add the same text to multiple forums using an array "[1, 2, 3]"
    * Or just for a forum by adding just the ID
    * icon -> Choose the fontawesome icon that will appear at the beginning of the message.
    * You can choose an icon from the following webpage: https://www.w3schools.com/icons/fontawesome_icons_webapp.asp
    * text -> Text to be displayed
    * bgColor -> Message background color (Only hex colors)
    * borderColor -> Message border color (Only hex colors)
    * fontColor -> Message text color (Only hex colors)
    */
 
    var config = [
        // Note: Add a comma at the end of each new entry
        {
            forumID: [1, 2],
            icon: 'fa fa-exclamation-circle',
            text: 'Make a constructive comment',
            bgColor: '#c52e1f',
            borderColor: '#b52c1e',
            fontColor: '#ffffff'
        },
        {
            forumID: 3,
            icon: 'fa fa-exclamation-triangle',
            text: 'Be careful what you comment on here',
            bgColor: '#ecff83',
            borderColor: '#daef67',
            fontColor: '#7e8a3b'
        }
        // Note: Do not add a comma at the end of the last entry
    ];
    var forumID = parseInt($("a[href*='mode=newtopic']").attr("href").match(/\d+/g)[0]),
        el = null,
        validateColors = function(a, b, c) {
            if (!/#([a-fA-F0-9]{3}){1,2}\b/.test(a, b, c)) throw new RangeError("Use only hexadecimal colors");
        };
    $.each(config, function(idx, item) {
        if ($.isArray(item.forumID) && $.inArray(forumID, item.forumID) !== -1 || item.forumID === forumID) {
 
            // Default settings
            var icon = 'fa fa-exclamation',
                text = '',
                bgColor = '#f3f3f3',
                borderColor = '#dddddd',
                fontColor = '#333333';
 
            $("head").append(
            '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">' +
            '<style type="text/css">' +
            '.message-box {' +
            '    background-color: #fff;' +
            '    border: 1px solid #fff;' +
            '    padding: 13px;' +
            '    border-radius: 3px;' +
            '    -moz-border-radius: 3px;' +
            '    -webkit-border-radius: 3px;' +
            '    font-size: 15px;' +
            '    font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif;' +
            '    font-weight: normal;' +
            '}' +
            '</style>'
            );
 
            icon = item.icon ? item.icon : icon,
            text = item.text ? item.text : text,
            bgColor = item.bgColor ? item.bgColor : bgColor,
            borderColor = item.borderColor ? item.borderColor : borderColor,
            fontColor = item.fontColor ? item.fontColor : fontColor;
 
            // Validate colors
            validateColors(bgColor, borderColor, fontColor);
 
            el = $("<div>", {
                class: 'message-box',
                style: 'background-color:' + bgColor + ';border-color:' + borderColor + ';color:' + fontColor,
            }).html("<i class='" + icon + "'></i> " + text);
            $(el).insertBefore(".post:first");
        }
    });
});



Puede agregar el mismo texto a múltiples foros usando una matriz "[3, 27, 48]", o solo para un foro agregando solo la ID.

Todas las instrucciones están en código.
Acceda al siguiente enlace para ver ejemplos de iconos de fontawesome: https://www.w3schools.com/icons/fontawesome_icons_webapp.asp

Comentar con facebook:
[JS] Añadir un mensaje encima del primer post Imagen11
 » Temas similares en otros foros
» Añadir Bookmarks
» [JS] Añadir fondos personalizados
» Añadir Texto en Footer
» [JS] Añadir prefijos a los títulos
» Añadir un prefijo para el título
 
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