WINTXCODERS

Programación => Programación general => Mensaje iniciado por: [D]eivisBaez en Diciembre 08, 2015, 03:53:20 PM

Título: Estilo Diferente del Loading [SMF]
Publicado por: [D]eivisBaez en Diciembre 08, 2015, 03:53:20 PM
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
(http://www.smfsimple.com/index.php?action=dlattach;topic=10520.0;attach=2572;image)
[close]

2) Una Vez Modificada , Se Visualiza Asi.
Spoiler
(http://www.smfsimple.com/index.php?action=dlattach;topic=10520.0;attach=2574;image)
[close]

3) La Imagen Que Usamos Fue La Siguiente:
Spoiler
(http://www.smfsimple.com/index.php?action=dlattach;topic=10520.0;attach=2576;image)
[close]

Fuente : SMFSimple.
Título: Re:Estilo Diferente del Loading [SMF]
Publicado por: WIитX en Diciembre 08, 2015, 03:54:16 PM
Podrías dejar una captura de como queda?
Título: Re:Estilo Diferente del Loading [SMF]
Publicado por: [D]eivisBaez en Diciembre 08, 2015, 03:59:38 PM
Imagenes Añadidas del Resultado.
Título: Re:Estilo Diferente del Loading [SMF]
Publicado por: WIитX en Diciembre 08, 2015, 04:06:12 PM
No se visualizan
Título: Re:Estilo Diferente del Loading [SMF]
Publicado por: [D]eivisBaez en Diciembre 08, 2015, 04:12:46 PM
1) Cuando no estaba modificada se veía Asi.
Spoiler
(http://i1105.photobucket.com/albums/h351/deibisb/1_zpszt8fpo1z.png)
[close]

2) Una Vez Modificada , Se Visualiza Asi.
Spoiler
(http://i1105.photobucket.com/albums/h351/deibisb/2_zpsmsq14sdy.png)
[close]

3) La Imagen Que Usamos Fue La Siguiente:
Spoiler
(http://i1105.photobucket.com/albums/h351/deibisb/3_zps4zafq6kn.gif)
[close]