Solicitamos su permiso para obtener datos estadísticos de su navegación en esta web, en cumplimiento del Real Decreto-ley 13/2012. Si continúa navegando consideramos que acepta el uso de cookies.

Aceptar Más información
WINTXCODERS Terminal
[[email protected] ~]:$ Bienvenido a la comunidad
Recuerda que puedes participar en nuestra comunidad registrándote

Autor Tema: [APORTE] Estilo Diferente del Loading [SMF]  (Leído 258 veces)

0 Usuarios y 1 Visitante están viendo este tema.

ForoLand

  • Experto
  • Desconectado
  • *
  • 255
    0
    10
  • Texto personal
    Si no puedes con el enemigo… ¡Cómpralo!
    • Ver Perfil
    • Foroland
[APORTE] Estilo Diferente del Loading [SMF]
« 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:

#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;
}

Remplazar Por el Siguiente codigo:

#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;
   
}

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

Buscaremos:
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);
}

Remplazaremos Ese Codigo Por el Siguiente:
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);
}
Ahora Te Preguntas Que Modificamos;
1) Cuando no estaba modificada se veía Asi.

2) Una Vez Modificada , Se Visualiza Asi.

3) La Imagen Que Usamos Fue La Siguiente:

Fuente : SMFSimple.
« Última modificación: Diciembre 08, 2015, 04:08:32 pm por [D]eivisBaez »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]

WIитX

  • Administrador
  • Conectado
  • *
  • 1370
    7478
    72
  • Texto personal
    I'm not a hacker I'm security professional.
    • Ver Perfil
    • WINTXCODERS.COM
Re:Estilo Diferente del Loading [SMF]
« Respuesta #1 en: Diciembre 08, 2015, 03:54:16 pm »
Podrías dejar una captura de como queda?
Entrar a la web
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
"Es más divertido hacerse pirata que unirse a la marina." (Steve Jobs)
Dudas / Sugerencias: [email protected]

ForoLand

  • Experto
  • Desconectado
  • *
  • 255
    0
    10
  • Texto personal
    Si no puedes con el enemigo… ¡Cómpralo!
    • Ver Perfil
    • Foroland
Re:Estilo Diferente del Loading [SMF]
« Respuesta #2 en: Diciembre 08, 2015, 03:59:38 pm »
Imagenes Añadidas del Resultado.

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]

WIитX

  • Administrador
  • Conectado
  • *
  • 1370
    7478
    72
  • Texto personal
    I'm not a hacker I'm security professional.
    • Ver Perfil
    • WINTXCODERS.COM
Re:Estilo Diferente del Loading [SMF]
« Respuesta #3 en: Diciembre 08, 2015, 04:06:12 pm »
No se visualizan
Entrar a la web
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
"Es más divertido hacerse pirata que unirse a la marina." (Steve Jobs)
Dudas / Sugerencias: [email protected]

ForoLand

  • Experto
  • Desconectado
  • *
  • 255
    0
    10
  • Texto personal
    Si no puedes con el enemigo… ¡Cómpralo!
    • Ver Perfil
    • Foroland
Re:Estilo Diferente del Loading [SMF]
« Respuesta #4 en: Diciembre 08, 2015, 04:12:46 pm »
1) Cuando no estaba modificada se veía Asi.

2) Una Vez Modificada , Se Visualiza Asi.

3) La Imagen Que Usamos Fue La Siguiente:

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]

 

Powered by Advanced Topic Prefix Pro