Fandom

Central de Wikia

Comentarios14

Javascript y CSS útiles

¡Interferencia de bloqueo de anuncios detectada!


Wikia es un sitio libre de uso que hace dinero de la publicidad. Contamos con una experiencia modificada para los visitantes que utilizan el bloqueo de anuncios

Wikia no es accesible si se han hecho aún más modificaciones. Si se quita el bloqueador de anuncios personalizado, la página cargará como se esperaba.

Hago este blog para que todos los usuarios tengan funcionalidades extras para sí mismos y también para que su propio wiki se pueda ver mejor y con cosas cool.

NOTA: Los que tengan "Para uso personal" no los puedes poner en MediaWiki:Common.css ni en MediaWiki:Common.js de tu wiki, solo los puedes añadir en tu global.css y tu global.js si lo quieres para todos los wikis, pero si es para un wiki, ponlo en tu wikia.css del wiki o tu wikia.js.

Códigos

CSS

Atribución imágenes

Código CSS

Este código quita lo que dice "Imagen añadida por" que hay veces que se ve feo en los thumbs.

/* Quitar atribución */
.picture-attribution {display:none;}

Este código fue hecho por Sovq.

Color usuarios

Código CSS

Este código sirve para diferenciar a los miembros en los grupos de Helpers, Staff, VSTF y los bots.

@import url("http://es.dev.wikia.com/index.php?title=Highlight/codigo.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

Código por Manyman, pero al funcionar en wikis solo en inglés, fue traducido al español por .

Ahora bien, esto no funciona para los burócratas ni administradores de un wiki, por eso también existe este código:

a[href="/wiki/Usuario:NOMBRE"],
table.diff a[title="Usuario:NOMBRE"],
ul.special li a[title="Usuario:NOMBRE"],
span.changedby a[title="Usuario:NOMBRE"],
ul#pagehistory li a[title="Usuario:NOMBRE"] { color: #COLOR; }

Comentarios en blogs

Código CSS

Este sirve para que los usuarios al comentar en blogs se diferencien de los demás.

/* Comentarios de usuarios en blogs */
.comments li[data-user="NOMBRE"] blockquote {
	background:#COLOR !important;
}
.comments li[data-user="NOMBRE"] blockquote:after {
	border-color:transparent #COLOR #COLOR transparent !important;
}

Common.css

Código CSS

Este código ha sido hecho porque el common.css no hace cambios en la skin de wikia, entonces si quieres que lo haga, hay que poner lo siguiente en MediaWiki:Wikia.css del wiki:

@import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css";

Hecho por Ciencia Al Poder en un foro de la comunidad

Hilos relacionados

Código CSS Para uso personal

Este código hace que desaparezcan donde dice "Hilos relacionados" hasta abajo de las páginas.

/** Desaparecer Hilos relacionados **/
#RelatedForumDiscussion {
	display: none;
}

Código por Bola.

Alinear el rail a la izquierda

Código CSS Para uso personal

Este código alinea el rail (o los módulos) a la derecha en vez de estar a la izquierda.

/* Alinear el rail a la izquierda */
.WikiaRail {float:left !important; padding-right:0px !important;}
.WikiaMainContent {float:right !important; padding-right: 10px;}
.oasis-one-column .WikiaMainContent {float:right !important; padding-right:0 !important;}

Código por Monchoman45.

Javascript

Ver contribuciones

Código JS

Este código hace que puedas ver tus contribuciones porque aparecerá un enlace extra al pasar el cursor por tu nombre de usuario en la esquina.

//Navegación de usuarios
function subeEnlacesUtiles(){$('ul.AccountNavigation li:first-child ul.subnav li:first-child').after('<li><a href="/wiki/Especial:Contribuciones/'+ encodeURIComponent(wgUserName) +'">Contribuciones</a></li>');}
addOnloadHook(subeEnlacesUtiles);

Chat Hacks

Código JS Para uso personal

El mejor código que me he encontrado XD bueno, este hace le hace muchas modificaciones al chat y también hace que la ventana al entrar, sea más grande de lo normal.

importScriptPage('User:Monchoman45/ChatHacks.js', 'c');

Código por Monchoman45.

Cambios recientes

Código JS Para uso personal

Este código hace que el botón de Wiki Actividad en el menú de navegación se cambie por un botón para ir a los cambios recientes.

/* Cambiar Wiki Actividad por Cambios Recientes */
function cambiosBoton() {
	$('.wikia-button[data-id$="wikiactivity"]').replaceWith('<a data-id="recentchanges" class="wikia-button secondary" accesskey="g" title="Special:RecentChanges" href="/wiki/Special:RecentChanges"><img height="0" width="0" class="sprite activity" src="http://images1.wikia.nocookie.net/common/skins/common/blank.gif">Cambios Recientes</a>');
}
 
addOnloadHook(cambiosBoton);

Código por Fandyllic.

Portable CSS

Código JS Para uso personal

Este código hace que haya un botón abajo que dice "PortableCSSPad" y si le das aparece una tabla donde puedes poner códigos CSS para probarlos y reacciona inmediatamente.

importArticle({
    type: 'script',
    article: 'w:c:es.dev:TablaPortableDeCSS/codigo.js'
});

Código por Mathmagician y traducido al español por .

Módulo de hilos

Código JS Para uso personal

Este código hace que donde dice hilos relacionados se haga un módulos para no tener que quitarlo y solo hacerlo a un lado y tendrá la misma funcionalidad.

importArticle({
    type: 'script',
    article: 'w:c:es.dev:ModulosdeHilosRelacionados/codigo.js'
});

Código por Eladkase y traducido al español por .

Reloj en el header

Código JS

Este código añade como su nombre lo dice, un reloj en el header y si le das clic, te refresca el caché del wiki.

hookEvent( 'load', displayTimer );
 
function displayTimer ()
{
    if ( typeof( timerDisplay ) !== 'undefined' && timerDisplay === false )
        return;
 
    var date;
 
    if (skin == 'oasis')
    {
    var timerParent = document.getElementById( 'WikiHeader' ).getElementsByTagName( 'div' )[0];
    }
 
    if (skin == 'monobook')
    {
    var timerParent = document.getElementById( 'p-personal' ).getElementsByTagName( 'ul' )[0];
    }
 
    var timerLink   = document.createElement( 'a' );
    var timerObj    = document.createElement( 'li' );
    timerLink.href               = '/wiki/' + wgPageName + '?action=purge';
    timerLink.title              = 'Refrescar el caché o actualizar la página.'
    timerObj.id                  = 'displayTimer';
    timerObj.style.textTransform = 'none';
    timerObj.style.fontWeight    = 'bold';
    timerObj.style.fontSize      = '100%';
    timerObj.appendChild( timerLink );
    timerParent.insertBefore( timerObj, timerParent.firstChild );
 
    if (skin == 'oasis')
    {
        $('#displayTimer').css({'position': "inherit", 'right': "0px", 'top': "-28px"});
    }
 
    var month = new Array(12);
        month[0]  = "Ene";
        month[1]  = "Feb";
        month[2]  = "Mar";
        month[3]  = "Abr";
        month[4]  = "May";
        month[5]  = "Jun";
        month[6]  = "Jul";
        month[7]  = "Ago";
        month[8]  = "Sep";
        month[9]  = "Oct";
        month[10] = "Nov";
        month[11] = "Dic";
 
    function actualizeUTC ()
    {
        timerDate           = new Date();
        timerLink.innerHTML = ( timerDate.getUTCDate()     < 10 ? '0' : '' ) + timerDate.getUTCDate()     + ' '
                            + ( timerDate.getUTCMonth()    < 10 ? '' : ''  ) + month[timerDate.getUTCMonth()] + ' '
                            + ( timerDate.getUTCFullYear() < 10 ? '0' : '' ) + timerDate.getUTCFullYear() + ' '
                            + ( timerDate.getUTCHours()    < 10 ? '0' : '' ) + timerDate.getUTCHours()    + ':'
                            + ( timerDate.getUTCMinutes()  < 10 ? '0' : '' ) + timerDate.getUTCMinutes()  + ':'
                            + ( timerDate.getUTCSeconds()  < 10 ? '0' : '' ) + timerDate.getUTCSeconds()  + ' (UTC)';
    }
 
    function actualizeCustom ()
    {
        timerDate           = new Date();
        timerDate.setMinutes  ( timerDate.getMinutes() + timerDate.getTimezoneOffset() + timerTimezone * 60 );
        timerLink.innerHTML = ( timerDate.getDate()     < 10 ? '0' : '' ) + timerDate.getDate()     + ' '
                            + ( timerDate.getMonth()    < 10 ? '' : ''  ) + month[timerDate.getMonth()] + ' '
                            + ( timerDate.getFullYear() < 10 ? '0' : '' ) + timerDate.getFullYear() + ' '
                            + ( timerDate.getHours()    < 10 ? '0' : '' ) + timerDate.getHours()    + ':'
                            + ( timerDate.getMinutes()  < 10 ? '0' : '' ) + timerDate.getMinutes()  + ':'
                            + ( timerDate.getSeconds()  < 10 ? '0' : '' ) + timerDate.getSeconds()
                            + ' (UTC' + ( timerTimezone  < 0 ? '' : '+' ) + timerTimezone + ')';
    }
 
    // start
    if ( typeof( timerTimezone ) !== 'number' )
    {
        actualizeUTC();
        setInterval( actualizeUTC, 1000 );
    }
    else
    {
        actualizeCustom();
        setInterval( actualizeCustom, 1000 );
    }
}

Código de Bulbapedia y usado en muchos wikis.

Botones de edición

Código JS

Este código añade un botón a la barra de edición para que añada la plantilla "Borrar" a la página.

if (typeof(mwCustomEditButtons) != 'undefined') { mwCustomEditButtons[mwCustomEditButtons.length] = { 
"imageFile" : "http://images1.wikia.nocookie.net/central/images/8/8c/Button_RedX.png?1", "speedTip" : "Proponer el artículo para ser borrado", 
"tagOpen" : "\{\{borrar|", 
"tagClose" : "\}\}", 
"sampleText": "Motivo"};
}

Código en MediaWiki:Common.js, pero no sé si lo copiaron de algún otro wiki.

Herramientas rápidas

Código JS Para uso personal

Este código hace que los administradores, helpers, Staff, VSTF y burócratas tengan herramientas buenas al ver las contribuciones de cualquier persona y entre ellas están "Revertir todas las ediciones", "Borrar todas las páginas creadas por él", "Bloquearlo", "Todas las anteriores" y "Quitar rango de bot".

importScriptPage('WHAM/code.js', 'dev');

Creado por Grunny.

Listo

Tengo muchos otros códigos que me gustan, pero elegí mis favoritos y los que más sirven entre todos. --José Dedede Mi discusión 19:31 14 abr 2013 (UTC)

Spotlights de otros wikis

Wiki al azar