• 0
  • 6 RepliesReplies
  • 4785 ReadTimes Read
  • 6 PointsPoints

Topic: Nuevo Estilo Loading

no avatar
Usuario: pipi2010
Rango: Nuevo Usuario
Mensajes: 252
Points: 43
Mi web: http://uni2s.com/
Perfil: View Profile
Pais:
ar
Nuevo Estilo Loading
September 23, 2015 - 10:48 10:48
Hola amigos Hoy les traygo una Modificacion para cambiar el aspecto del Loading que trae SMF por uno mas atractivo y profecional 

ARCHIVOS A MODIFICAR
INDEX.CSS
SCRITS.JS

index.css edite la parte del id ajax_in_progress
buscar:
Code: [Select]
#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;
}
Remplasar:

Code: [Select]
#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;

}
y en el archivo scripts.js modifique para que no salga la X de cancelar
Buscar:
Code: [Select]
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);
}
Remplasar:
Code: [Select]
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);
}
subir la imagen cargando.gif en la carpeta de tu tema/images/theme
les dejo una imagen adjunata de como quedo y la imagen de cargando espero que les guste y lo usen, agradescan ;)
You do not have permission to give points
point 6 Points

Users who gave points in this topic » Papá distante (3 Pts) » 4kstore (3 Pts) 

Usuario: Papá distante
Rango: Moderador Global
Mensajes: 3504
Points: 168
Perfil: View Profile
Pais:
de
Re:Nuevo Estilo Loading
Reply #1 September 25, 2015 - 09:52 09:52

Usuario: 4kstore
Rango: Moderador Global
Mensajes: 4916
Points: 8111
Mi web: http://www.smfsimple.com
Perfil: View Profile
Pais:
ar
Re:Nuevo Estilo Loading
Reply #2 September 25, 2015 - 10:32 10:32
Muchas gracias por compartir, se agradece!

no avatar
Usuario: pipi2010
Rango: Nuevo Usuario
Mensajes: 252
Points: 43
Mi web: http://uni2s.com/
Perfil: View Profile
Pais:
ar
Re:Nuevo Estilo Loading
Reply #3 September 25, 2015 - 12:20 12:20
de nada es un plaser poder compartir y colaborar con la comunidad

no avatar
Usuario: seoeduardo74
Rango: Recién Llegado
Mensajes: 37
Points: 0
Mi web: http://www.smfsimple.com
Perfil: View Profile
Pais:
cu
Re:Nuevo Estilo Loading
Reply #4 November 19, 2015 - 04:58 04:58
Por alguna razon no trabaja para mi :(

no avatar
Usuario: pipi2010
Rango: Nuevo Usuario
Mensajes: 252
Points: 43
Mi web: http://uni2s.com/
Perfil: View Profile
Pais:
ar
Re:Nuevo Estilo Loading
Reply #5 December 23, 2015 - 11:54 11:54
Por alguna razon no trabaja para mi :(

no comprendo tu comentario. se un poco mas espesifico ;)

Usuario: WasdMan
Rango: Nuevo Usuario
Mensajes: 10
Points: 17
Perfil: View Profile
Pais:
hu
Re:Nuevo Estilo Loading
Reply #6 March 09, 2016 - 09:50 09:50
I have prepared a package based on the description. But I do not work, what is the problem?

 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines