Fandom

Central de Wikia

Comentarios28

Agregar un menú desplegable al chat

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

ACTUALIZACIÓN: w:c:dev:ChatToolbox/es

¡Buenas!

Como muchos sabrán, recientemente se bloqueó el uso de código HTML en la página que permitía personalizar el chat. Al bloquear esto, los chats de cada wiki que estaban personalizados fueron destrozados, por eso mismo se ejecutó un script para borrar cada una de estas páginas así se ahorraría mucho tiempo de trabajo, y ayudar también a los usuarios que no tienen mucho conocimiento de HTML.

Finalmente logré, después de tanto luchar, hacer que se pueda agregar un menú desplegable sin usar scripts. Para ello, se debe usar la siguiente forma (que es además, mucho más limpia y mejoraría la carga del chat).

Menudesplegable.png

Menú tal como se ve en Naruto Wiki

¿De qué manera?

El código wiki permite cierto uso de HTML (con las etiquetas div, span, ul y li), lo necesario para poder hacer funcionar el menú nuevamente. No es necesario ser un experto para agregar la funcionalidad a tu wiki, basta con saber editar y guardar :P

Lo que vamos a modificar son dos páginas:

Código

Insertamos el contenido de este estilo base y lo pegamos en nuestro MediaWiki:Chat.css.

Reemplazamos y modificamos a nuestro gusto el contenido del mensaje de bienvenida, sin afectar lo que se encuentra después.

Para que tenga efecto, agregamos lo siguiente al MediaWiki:Wikia.css de tu wiki el siguiente código:

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

Personalizando el menú desplegable

El estilo del chat puede ser personalizado a gusto para que combine con los colores del wiki o para que quede bonito nomás :P

Al principio del código del estilo, se puede ver lo siguiente:

/** Colores principales **/
body.ChatWindow ul.dropdown {
	background: #333 !important;               /* Fondo del "Navegación" */
	box-shadow: 0 0 7px #000 inset !important; /* Sombra dentro del "Navegación" */
}
body.ChatWindow ul.dropdown li.active {
	color:#FFF;                                /* Texto del "Navegación" */
}
body.ChatWindow ul.dropdown li a {
	background: #111;                          /* Fondo de los ítems */
	color: #FFF;                               /* Color del texto de los ítems */
}

body.ChatWindow ul.dropdown li a:hover {
	background: #222;                       /* Color de los ítems al pasar el mouse */
}

body.ChatWindow ul.dropdown li:last-child a {
	border-bottom: 3px solid #333;          /* Color del borde inferior */
}

Lo que serían los numerales (#) son los colores del menú en hexadecimal. Pueden revisar una lista de colores que se pueden usar, reemplazando el #numero por el que elegiste.

Demo

Pueden ver una demo del menú en el chat de Ben 10 Wiki o en el chat de el chat de Naruto Wiki.

Si el chat se ve sin estilo o se "rompe", refrescá la caché:

  • Mozilla / Firefox / Safari: pulsa Mayúsculas. mientras haces click en el botón Recargar, o pulsa si no Ctrl-F5 o Ctrl-R (Command-R en un Macintosh)
  • Konqueror: Haz click en el botón Recargar o pulsa F5;
  • Opera: Limpia la caché en HerramientasPreferencias;
  • Internet Explorer: pulsa Ctrl mientras haces click en Actualizar, o pulsa Ctrl-F5.
  • Google Chrome: presiona Shift y luego F5.


  • NOTA: El staff de Wikia no se hace responsable por cualquier error en el chat relacionado con esto. Cualquier ayuda se puede pedir dejándome un mensaje en mi muro o en este mismo blog.

Cualquier comentario o sugerencia, no dudés en consultar en esta misma entrada.

Spotlights de otros wikis

Wiki al azar