Viewing 3 replies - 1 through 3 (of 3 total)
  • hi .
    if you want change , you should change default.js file .
    or make a file with this name :
    animation.js
    and insert this file in this file :

    jQuery(function ($) {
    	var SimpleModalLogin = {
    		init: function () {
    			var s = this;
    			s.error = [];
    
    			$('.simplemodal-login, .simplemodal-register, .simplemodal-forgotpw').live('click.simplemodal-login', function (e) {
    				s.login = $('#loginform'),
    					s.lostpw = $('#lostpasswordform'),
    					s.register = $('#registerform');
    
    				if ($(this).hasClass('simplemodal-login')) {
    					s.form = '#loginform';
    					s.login.show(); s.lostpw.hide(); s.register.hide();
    				}
    				else if ($(this).hasClass('simplemodal-register')) {
    					s.form = '#registerform';
    					s.register.show(); s.login.hide(); s.lostpw.hide();
    				}
    				else {
    					s.form = '#lostpasswordform';
    					s.lostpw.show(); s.login.hide(); s.register.hide();
    				}
    				s.url = this.href;
    
    				if (!$('#simplemodal-login-container').length) {
    					$('#simplemodal-login-form').modal({
    						overlayId: 'simplemodal-login-overlay',
    						containerId: 'simplemodal-login-container',
    						opacity:60,
    						onOpen:SimpleModalLogin.open,
    						onShow:SimpleModalLogin.show,
    						onClose:SimpleModalLogin.close,
    						overlayClose:true,
    						position: ['15%', null],
    						zIndex:10000
    					});
    				}
    				else {
    					SimpleModalLogin.show();
    				}
    				return false;
    			});
    
    			if (SimpleModalLoginL10n['shortcut'] === "true") {
    				$(document).bind('keydown.simplemodal-login', SimpleModalLogin.keydown);
    			}
    		},
    		open: function (d) {
    			var s = SimpleModalLogin;
    			s.modal = this;
    			s.container = d.container[0];
    			d.overlay.fadeIn('slow', function () {
    				d.data.show();
    				d.container.slideDown('slow', function () {
    					s.modal.focus();
    				});
    			});
    		},
    		show: function (obj) {
    			var s = SimpleModalLogin;
    			s.dialog = obj || s.dialog;
    			s.modal = s.modal || this;
    			var form = $(s.form, s.dialog.data[0]),
    				fields = $('.simplemodal-login-fields', form[0]),
    				activity = $('.simplemodal-login-activity', form[0]);
    
    			// update and focus dialog
    			s.dialog.container.css({height:'auto'});
    
    			// remove any existing errors or messages
    			s.clear(s.dialog.container[0]);
    
    			form.unbind('submit.simplemodal-login').bind('submit.simplemodal-login', function (e) {
    				e.preventDefault();
    
    				// remove any existing errors or messages
    				s.clear(s.dialog.container[0]);
    
    				if (s.isValid(form)) {
    					fields.hide(); activity.show();
    
    					if (s.url && s.url.indexOf('redirect_to') !== -1) {
    						var p = s.url.split('=');
    						form.append($('<input type="hidden" name="redirect_to">').val(unescape(p[1])));
    					}
    
    					$.ajax({
    						url: form[0].action,
    						data: form.serialize(),
    						type: 'POST',
    						cache: false,
    						success: function (resp) {
    							var data = $(document.createElement('div')).html(resp),
    								redirect = $('#simplemodal-login-redirect', data[0]);
    
    							if (redirect.length) {
    								var href = location.href;
    								if (redirect.html().length) {
    									href = redirect.html();
    								}
    								window.location = href;
    							}
    							else {
    								var error = $('#login_error', data[0]),
    								message = $('.message', data[0]),
    								loginform = $(s.form, data[0]);
    
    								if (error.length) {
    									error.find('a').addClass('simplemodal-forgotpw');
    									$('p:first', form[0]).before(error);
    									activity.hide(); fields.show();
    								}
    								else if (message.length) {
    									if (s.form === '#lostpasswordform' || s.form === '#registerform') {
    										form = s.login;
    										s.lostpw.hide(); s.register.hide();
    										s.login.show();
    									}
    									$('p:first', form[0]).before(message);
    									activity.hide(); fields.show();
    								}
    								else if (loginform.length) {
    									s.showError(form, ['empty_all']);
    									activity.hide(); fields.show();
    								}
    							}
    						},
    						error: function (xhr) {
    							$('p:first', form[0]).before(
    								$(document.createElement('div'))
    									.html('<strong>ERROR</strong>: ' + xhr.statusText)
    									.attr('id', 'login_error')
    							);
    							activity.hide(); fields.show();
    						}
    					});
    				}
    				else {
    					s.showError(form, s.error);
    				}
    			});
    		},
    		/* utility functions */
    		clear: function (context) {
    			$('#login_error, .message', context).remove();
    		},
    		isValid: function (form) {
    			var log = $('.user_login', form[0]),
    				pass = $('.user_pass', form[0]),
    				email = $('.user_email', form[0]),
    				fields = $(':text, :password', form[0]),
    				valid = true;
    
    			SimpleModalLogin.error = [];
    
    			if (log.length && !$.trim(log.val())) {
    				SimpleModalLogin.error.push('empty_username');
    				valid = false;
    			}
    			else if (pass.length && !$.trim(pass.val())) {
    				SimpleModalLogin.error.push('empty_password');
    				valid = false;
    			}
    			else if (email.length && !$.trim(email.val())) {
    				SimpleModalLogin.error.push('empty_email');
    				valid = false;
    			}
    
    			var empty_count = 0;
    			fields.each(function () {
    				if (!$.trim(this.value)) {
    					empty_count++;
    				}
    			});
    			if (fields.length > 1 && empty_count === fields.length) {
    				SimpleModalLogin.error = ['empty_all'];
    				valid = false;
    			}
    
    			return valid;
    		},
    		keydown: function (e) {
    			if (e.altKey && e.ctrlKey && e.keyCode === 76) {
    				if (SimpleModalLoginL10n['logged_in'] === "true") {
    					window.location = SimpleModalLoginL10n['admin_url'];
    				}
    				else {
    					$('.simplemodal-login').trigger('click.simplemodal-login');
    				}
    			}
    		},
    		message: function (key) {
    			return SimpleModalLoginL10n[key] ?
    				SimpleModalLoginL10n[key].replace(/>/g, '>').replace(/</g, '<') :
    				key;
    		},
    		showError: function (form, keys) {
    			keys = $.map(keys, function (key) {
    				return SimpleModalLogin.message(key);
    			});
    			$('p:first', form[0])
    				.before($('<div id="login_error"></div>').html(
    					keys.join('<br/>')
    				));
    		}
    	};
    
    	SimpleModalLogin.init();
    });

    after this , make other file with this name :
    animation.css .
    and this code in this file :

    #simplemodal-login-overlay {background-color:#ccc;}
    #simplemodal-login-container {width:350px;}
    #simplemodal-login-container .message,
    #simplemodal-login-container #login_error {background-color: #ffebe8; border:1px solid #c00; margin-bottom:8px; padding:6px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
    #simplemodal-login-container .message {background-color:#ffffe0; border-color:#e6db55;}
    #simplemodal-login-container form {background:#fff; border:1px solid #e5e5e5; font-weight:normal; margin-left:0 auto; padding:16px; text-align:left; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:5px; -moz-box-shadow:rgba(153,153,153,1) 0 4px 18px; -webkit-box-shadow:rgba(153,153,153,1) 0 4px 18px; box-shadow:rgba(153,153,153,1) 0 4px 18px;}
    #simplemodal-login-container form label {color:#777; font-size:13px;}
    #simplemodal-login-container form p {margin:0;}
    #simplemodal-login-container form .forgetmenot {font-size:11px; font-weight:normal; float:left; line-height:19px; margin-bottom:0;}
    #simplemodal-login-container form .submit input {background-color:#257ea8; border:none; border:1px solid; color:#fff; font-weight:bold; padding:3px 10px; font-size:12px; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; cursor:pointer; text-decoration:none; margin-top:-3px;}
    #simplemodal-login-container form .submit {float:right;}
    #simplemodal-login-container form .submit input.simplemodal-close {background-color:#c00;}
    #simplemodal-login-container .title {color:#257ea8; font-size:18px; padding-bottom:12px;}
    #simplemodal-login-container .nav {clear:both; color:#888; padding-top:16px; text-align:center;}
    #simplemodal-login-container .nav a {color:#888;}
    #simplemodal-login-container .reg_passmail {clear:both; color:#666; font-weight:bold; padding-bottom:16px; text-align:center;}
    #simplemodal-login-container .user_pass,
    #simplemodal-login-container .user_login,
    #simplemodal-login-container .user_email {font-size:24px; width:97%; padding:3px; margin-top:2px; margin-right:6px; margin-bottom:16px; border:1px solid #e5e5e5; background:#fbfbfb;}
    #simplemodal-login-container .rememberme {vertical-align:middle;}
    .simplemodal-login-activity {background:url(../img/default/loading.gif) center no-repeat; height:16px; margin-bottom:12px;}

    these are plugin code with a little change on js file .
    after this go to plugin setting and chose your theme name .

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    You hit the spam queue, posting that much code here is never a good idea. Next time consider using pastebin.com and share the link to that paste. I’ve released the post and deleted the duplicate posts you’ve made.

    Also please do not post your email address again in these forums.

    haha . i use of for code . when there is a character for put code , then have this mean that should have good work and easy way for answer . here for answer and help . then make good and true interface that all user can use easy . old and new user or amator user .
    some option insert on a cms or forum for easy work and no for play and learn .
    i think post submitted , but should show a warning for pending . this is bad idea for pending too that don’t show a warning . then fix this i think .
    but ok . of today i do that .

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change animation’ is closed to new replies.