WINTXCODERS Terminal
[visitante@wintxcoders-pc ~]:$ Bienvenido a la comunidad
Recuerda que puedes participar en nuestra comunidad registrándote

Estilo Diferente del Loading [SMF]

Iniciado por [D]eivisBaez, Diciembre 08, 2015, 03:53:20 PM

« anterior - próximo »

[D]eivisBaez


  • Diciembre 08, 2015, 03:53:20 PM Last Edit: Diciembre 08, 2015, 04:08:32 PM by [D]eivisBaez
    Hola a Todos compañeros de WTX , En el dia de hoy les traigo un gran Aporte a esos Amantes de SMF ,el cual consiste en Modificar El Loading De SMF

    Archivos a Editar del Theme que Esten Usando:
    INDEX.CSS
    SCRITS.JS


    index.css edite la parte del id ajax_in_progress
    buscar:

    Spoiler
    #ajax_in_progress
    {
       background: url(../images/theme/loadingbar.png) repeat-x;
       color: #f96f00;
       text-align: center;
       font-size: 16pt;
       padding: 8px;
       width: 100%;
       height: 66px;
       line-height: 25px;
       position: fixed;
       top: 0;
       left: 0;
    }
    [close]

    Remplazar Por el Siguiente codigo:

    Spoiler
    #ajax_in_progress
    {
    /* MODIFICATE BY PIPI2010   */
        background: url(../images/theme/cargando.gif);   
       text-align: left;
       font-size: 12pt;
       color: #09F;
        width:60px;
       height:60px;
       position:absolute;
       top:50%;
       left:50%;
       padding:2px;
        position: fixed;
       
    }
    [close]

    En El archivo scripts.js Lo Modificaremos para que No Nos salga La [X] De cancelar.

    Buscaremos:
    Spoiler
    function create_ajax_indicator_ele()
    {
       // Create the div for the indicator.
       ajax_indicator_ele = document.createElement('div');

       // Set the id so it'll load the style properly.
       ajax_indicator_ele.id = 'ajax_in_progress';

       // Add the image in and link to turn it off.
       var cancel_link = document.createElement('a');
       cancel_link.href = 'javascript:ajax_indicator(false)';
       var cancel_img = document.createElement('img');
       cancel_img.src = smf_images_url + '/icons/quick_remove.gif';

       if (typeof(ajax_notification_cancel_text) != 'undefined')
       {
          cancel_img.alt = ajax_notification_cancel_text;
          cancel_img.title = ajax_notification_cancel_text;
       }

       // Add the cancel link and image to the indicator.
       cancel_link.appendChild(cancel_img);
       ajax_indicator_ele.appendChild(cancel_link);

       // Set the text.  (Note:  You MUST append here and not overwrite.)
       ajax_indicator_ele.innerHTML += ajax_notification_text;

       // Finally attach the element to the body.
       document.body.appendChild(ajax_indicator_ele);
    }
    [close]

    Remplazaremos Ese Codigo Por el Siguiente:
    Spoiler
    function create_ajax_indicator_ele()
    {
       // Create the div for the indicator.
       ajax_indicator_ele = document.createElement('div');

       // Set the id so it'll load the style properly.
       ajax_indicator_ele.id = 'ajax_in_progress';

    /*   // Add the image in and link to turn it off.
       var cancel_link = document.createElement('a');
       cancel_link.href = 'javascript:ajax_indicator(false)';
       var cancel_img = document.createElement('img');
       cancel_img.src = smf_images_url + '/icons/quick_remove.gif';

       if (typeof(ajax_notification_cancel_text) != 'undefined')
       {
          cancel_img.alt = ajax_notification_cancel_text;
          cancel_img.title = ajax_notification_cancel_text;
       }

       // Add the cancel link and image to the indicator.
       cancel_link.appendChild(cancel_img);
       ajax_indicator_ele.appendChild(cancel_link);*/

       // Set the text.  (Note:  You MUST append here and not overwrite.)
       ajax_indicator_ele.innerHTML += ajax_notification_text;

       // Finally attach the element to the body.
       document.body.appendChild(ajax_indicator_ele);
    }
    [close]

    Ahora Te Preguntas Que Modificamos;
    1) Cuando no estaba modificada se veía Asi.
    Spoiler
    [close]

    2) Una Vez Modificada , Se Visualiza Asi.
    Spoiler
    [close]

    3) La Imagen Que Usamos Fue La Siguiente:
    Spoiler
    [close]

    Fuente : SMFSimple.

    WIитX



  • Desconectado
  • Podrías dejar una captura de como queda?
    Entrar a la web Click aquí
    "Es más divertido hacerse pirata que unirse a la marina." (Steve Jobs)
    Dudas / Sugerencias: [email protected]


    WIитX



  • Desconectado
  • No se visualizan
    Entrar a la web Click aquí
    "Es más divertido hacerse pirata que unirse a la marina." (Steve Jobs)
    Dudas / Sugerencias: [email protected]

    [D]eivisBaez


  • 1) Cuando no estaba modificada se veía Asi.
    Spoiler
    [close]

    2) Una Vez Modificada , Se Visualiza Asi.
    Spoiler
    [close]

    3) La Imagen Que Usamos Fue La Siguiente:
    Spoiler
    [close]