Cambiar fondo de perfil y comunidad por un GIF
当前为
// ==UserScript==
// @name FonGIF
// @namespace FonGIF
// @version 1.9
// @description Cambiar fondo de perfil y comunidad por un GIF
// @match *://www.taringa.net/cuenta
// @include *://www.taringa.net/comunidades/*/editar/
// @icon http://o1.t26.net/images/favicon.ico
// @copyright @Cazador4ever
// ==/UserScript==
(function ($) {
var cuenta = $('<style type="text/css">.fon-gif {display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100px; height: 15px; border: 1px solid rgba(13,215,105,0.1); -webkit-border-radius: 10px; border-radius: 10px; font: normal 14px/normal Arial, Helvetica, sans-serif; color: #0a6833; text-align: center; -o-text-overflow: clip; text-overflow: clip; background: rgba(13,215,105,0.2); text-shadow: 1px 1px 0 rgb(255,255,255) ; -webkit-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75); -moz-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75); -o-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75); transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75); -webkit-transform: skewX(-10deg); transform: skewX(-10deg); } .fon-gif:hover {width: 150px; border: 1px solid rgba(13,215,105,0.3); -webkit-border-radius: 5px; border-radius: 5px; font: italic normal normal 14px/normal Arial, Helvetica, sans-serif; -webkit-transition: all 300ms cubic-bezier(0.68, -0.75, 0.265, 1.75) 10ms; -moz-transition: all 300ms cubic-bezier(0.68, -0.75, 0.265, 1.75) 10ms; -o-transition: all 300ms cubic-bezier(0.68, -0.75, 0.265, 1.75) 10ms; transition: all 300ms cubic-bezier(0.68, -0.75, 0.265, 1.75) 10ms; -webkit-transform: skewX(10deg); transform: skewX(10deg); } .fon-gif:focus {border: 1px solid rgba(13,215,105,0.5); -webkit-border-radius: 0; border-radius: 0; font: normal 14px/normal Arial, Helvetica, sans-serif; background: rgba(13,215,105,0.1); -webkit-transition: all 300ms cubic-bezier(0.6, 0.04, 0.98, 0.335); -moz-transition: all 300ms cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: all 300ms cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: all 300ms cubic-bezier(0.6, 0.04, 0.98, 0.335); -webkit-transform: none; transform: none; }</style><div class="field clearfix"><label for="background-image">Fondo gif</label><input type="text" class="fon-gif" name="link" id="link" autocomplete="on" placeholder="Link de kn3" title="Colocar el link del gif subido a Kn3 por favor."><button type="button" class="btn v" id="cambiar-perfil" ><font color="#fff">Cambiar</font></button></div>');
$('#design-tab-account').prepend(cuenta);
var comunidad = $('<style type="text/css">.fon-gif {display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100px; height: 15px; border: 1px solid rgba(13,215,105,0.1); -webkit-border-radius: 10px; border-radius: 10px; font: normal 14px/normal Arial, Helvetica, sans-serif; color: #0a6833; text-align: center; -o-text-overflow: clip; text-overflow: clip; background: rgba(13,215,105,0.2); text-shadow: 1px 1px 0 rgb(255,255,255) ; -webkit-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75); -moz-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75); -o-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75); transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75); -webkit-transform: skewX(-10deg); transform: skewX(-10deg); } .fon-gif:hover {width: 150px; border: 1px solid rgba(13,215,105,0.3); -webkit-border-radius: 5px; border-radius: 5px; font: italic normal normal 14px/normal Arial, Helvetica, sans-serif; -webkit-transition: all 300ms cubic-bezier(0.68, -0.75, 0.265, 1.75) 10ms; -moz-transition: all 300ms cubic-bezier(0.68, -0.75, 0.265, 1.75) 10ms; -o-transition: all 300ms cubic-bezier(0.68, -0.75, 0.265, 1.75) 10ms; transition: all 300ms cubic-bezier(0.68, -0.75, 0.265, 1.75) 10ms; -webkit-transform: skewX(10deg); transform: skewX(10deg); } .fon-gif:focus {border: 1px solid rgba(13,215,105,0.5); -webkit-border-radius: 0; border-radius: 0; font: normal 14px/normal Arial, Helvetica, sans-serif; background: rgba(13,215,105,0.1); -webkit-transition: all 300ms cubic-bezier(0.6, 0.04, 0.98, 0.335); -moz-transition: all 300ms cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: all 300ms cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: all 300ms cubic-bezier(0.6, 0.04, 0.98, 0.335); -webkit-transform: none; transform: none; }</style><div class="clearfix com-edit"><input type="text" name="link" class="fon-gif" id="link" autocomplete="on" placeholder="Link de kn3" title="Colocar el link del gif subido a Kn3 por favor."><button type="button" class="btn v" id="cambiar-comu" ><font color="#fff">Cambiar</font></button></div>');
$('div.clearfix.com-edit.fdo').append(comunidad);
$('#cambiar-perfil').on('click', function(){
$("#cambiar-perfil").addClass('loading');
var fondo = $('#link').val().trim();
$.ajax({
type : 'POST',
dataType : 'json',
url : '/ajax/user/background',
data : {
url : fondo.replace('.gif','%2E%67%69%66?/bg.jpg')
},
complete: function(){
location.reload(true);
},
error: function (){
alert("Hubo un error, recargue la pagina e intente nuevamente.");
}
});
});
$('#cambiar-comu').on('click', function(){
$("#cambiar-comu").addClass('loading');
var fondo = $('#link').val().trim();
var $id = document.getElementsByName("comid")[0].value;
$.ajax({
type : 'POST',
dataType : 'json',
url : '/ajax/comunidad/background',
data : {
url : fondo.replace('.gif','%2E%67%69%66?/cbg.jpg'),
id: $id
},
complete: function(){
location.reload(true);
},
error: function(){
alert("Hubo un error, recargue la pagina e intente nuevamente.");
}
});
});
})(jQuery);