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;
}
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;
}
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);
}
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);
}
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)
2) Una Vez Modificada , Se Visualiza Asi.
Spoiler
(http://www.smfsimple.com/index.php?action=dlattach;topic=10520.0;attach=2574;image)
3) La Imagen Que Usamos Fue La Siguiente:
Spoiler
(http://www.smfsimple.com/index.php?action=dlattach;topic=10520.0;attach=2576;image)