Fandom

Central de Wikia

Comentarios28

Personalización de la Barra de Navegación

¡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.

¡Saludos compañeros! Estos días se ha implementado en toda las wikias una nueva barra de navegación que ha causado bastante polémica y molestias en los usuarios que acostumbran pasar el tiempo tratando de colaborar y tener un buen ambiente en las comunidades. La mayoría, si es que no todas, las quejas están enfocadas en el asunto de la estética que proporciona esta barra y la incapacidad de modificarla o personalizarla a nivel global o a nivel de comunidad.

Sin embargo, no todo es negativo en este nuevo aporte realizado por wikia ya que se dio a conocer que era posible realizar modificaciones a esta barra a través de la adición de ciertos códigos en las páginas css o js de los distintos usuarios. En palabras sencillas, cada usuario tiene la capacidad de modificar y/o personalizar la barra a su manera pero claro, mostrándose el cambio solo para dicha persona, provocando que los demás usuarios no lo vean.

A pesar que esto es una buena noticia, una gran cantidad de usuarios tienen cero conocimientos en las páginas css y/o js así que no son capaces de hacer los cambios necesarios para hacer las mejoras que desean. Así que sentí que era una buena idea compartir una entrada de blog donde trataré de dar información básica de cómo agregar códigos en estas páginas y cómo funcionan. Destaqué en negrita lo de información básica porque desde ahora digo que yo no soy ningún experto en estos campos, hay una gigantesca cantidad de usuarios que saben más que yo de estos lenguajes y apreciaría que si pueden agregar mayor información del tema, las compartan en los comentarios para que más usuarios salgan beneficiados. Admito que soy un usuario novato pero mis pocos conocimientos del asunto me permiten realizar pequeños cambios de diseño e intentar animar un poco la barra entregada por la comunidad.

Terminando la introducción, me gustaría explicar que hay dos formas de modificar la barra de navegación. Una de ellas es particularmente en cada comunidad y la otra es aplicando cambios generales para que se modifiquen las barras de cada wiki que visiten. Por si no me di a entender, en el primer caso, la modificación es solo para una wikia en particular y en el segundo caso es para modificar la barra de manera global en todas las wikias.

Para modificar la barra en wikis específicas lo único que deben hacer es dirigirse a su página css de la wiki respectiva. Por ejemplo, digamos que desean que haya una barra particular y especifíca en Bob Esponja Wiki, entonces deben dirigirse a la url es.bobesponja.wikia.com/wiki/Usuario:NOMBRE DE USUARIO/wikia.css, cambiando "NOMBRE DE USUARIO" por su nombre de usuario obviamente. Es decir, en mi caso sería "es.bobesponja.wikia.com/wiki/Usuario:Leo Hatake/wikia.css" y allí agregar los códigos de cómo deseo la barra en esa wiki. Así mismo, si quiero que en otra wiki que yo frecuento, digamos Naruto Wiki sea otra barra diferente, debo dirigirme a "es.naruto.wikia.com/wiki/Usuario:Leo Hatake/wikia.css" y allí agregar los códigos respectivos para modificar la barra en ese wiki. Para mostrarles un ejemplo de mas o menos cómo se vería, les dejo las capturas de la barra personalizada en las wikis mencionadas para que se vayan dando una idea:

Ahora, para modificar la barra de manera global, es decir que sea el mismo diseño en todas las wikis (excepto en las wikis donde ya personalizaste específicamente) debes dirigirte a tu página css de la comunidad inglesa donde agregarías el código en la url "community.wikia.com/wiki/User:NOMBRE DE USUARIO/global.css".

Habiendo explicado todo eso, pasemos a los códigos más básicos para personalizar tu barra. El diseño de las barras puede ser modificado drásticamente hasta el punto de quitar los hubs, o alargar la barra de búsqueda pero no me meteré en ese campo. Sólo indicaré cómo modificar el color de fondo (aunque también en vez de un color se puede colocar una imagen) y el borde. Si hay interés en modificar otras cosas, dejarlas en los comentarios y veremos si se puede colaborar, ya sea yo o cualquier otro usuario más experimentado.

Aviso importante: Estos códigos deben ser colocados en el editor modo fuente. Para editar en el editor modo fuente debes dar click a la pequeña flechita que está al lado del botón "Editar" o "Crear" del artículo y se abrirá un pequeño menú donde encontrarán la opción "Editor Clásico". Al entrar allí, comenzarán a editar en modo fuente.

El código es sencillo y es el siguiente:

.global-navigation { 
}

Dentro de las llaves ustedes deben colocar todas las modificaciones que deseen. Entonces ustedes deben rellenar algo así:

.global-navigation { 
background: Green; 
border: 3px solid Red; 
font-family:Georgia;
}

En este caso hemos colocado de tal manera que el fondo sea verde, tenga bordes rojos y que la letra sea Georgia. Ustedes cambiaran el "Green" por el color que deseen, al igual que el borde y la letra. Donde ven "3px" es acerca del grosor del borde, mientras mayor el número, mayor el grosor. Si no desean borde, borran ese parámetro al igual que si no desean cambiar el color de fondo, quitan el parámetro "background". Recordar que luego de haber añadido el código, hay que recargar la caché para ver los cambios. En el campo del fondo, en vez de un color, son capaces de colocar una imagen, entonces por ejemplo, si en mi página css coloco:

.global-navigation { 
border-bottom: 1px solid black; 
background: url(http://i.imgur.com/vrU31FM.jpg);
font-family:cursive;
}

Obtendré esta barra --> Barra personalizada con imagen

Bueno, aquí terminaría este pequeño tutorial. Si alguno de los pasos o comentarios que hice povocó que algún usuario no entendiera, favor colocar tu duda en los comentarios y trataré de explicarlo mejor. No tengan miedo a preguntar, no hay "dudas tontas". Si no desean hacer cambios en su navegador y les gusta el blanco, excelente :). Muchos usuarios ya dominan todo esto y hasta saben mucho más que yo pero nunca está de más informar esto a los usuarios que no lo dominan o que nunca habían tenido interés en dominarlo hasta ahora. Aunque con el tiempo, probablemente el Staff sea capaz de recibir respuestas y mejoras en la barra, creo que esto es un buen método de satisfacer nuestras incomodidades por el momento. Un saludo!

Spotlights de otros wikis

Wiki al azar