Ayuda:Botonera

De Wikipedia, la enciclopedia libre
Saltar a: navegación, búsqueda

Una botonera es un conjunto de botones que, una vez instalado en tu usuario, agrega funciones extra a la interfaz habitual de Wikipedia. Entre ellas, están la búsqueda en Wikipedia usando Google, consulta al diccionario de la RAE, insertar Weis (WikiEmotIconos) en tus comentarios, enlaces a páginas web, etcétera.

Requisitos[editar]

  • La mayoría de las botoneras funcionan bien con vector o monobook, que son las "pieles" por defecto (lo puedes mirar en tus preferencias de usuario).
  • Es necesario que tu navegador tenga habilitada la funcionalidad de "Scripting" (o guiones). Por cuestiones de seguridad, esta opción puede estar desactivada. Por ejemplo, en Internet Explorer la seguridad de zona Alta (menú Herramientas | Opciones de Internet... | Seguridad), desactiva Javascript y por ende las botoneras no se visualizan. Puedes verificar si tu navegador tiene habilitado el scripting en páginas como DOM Test Suite [1].

¿Cómo agregarla?[editar]

Método 1[editar]

Este método tiene la ventaja de que te permite personalizarla a tu gusto, especialmente si tienes conocimientos técnicos. Es muy sencillo:

  • Copia el código de la botonera JavaScript.
  • Pégalo en Especial:Mypage/skin.js
  • Para algunas versiones, tendrás que copiar código CSS en Especial:Mypage/skin.css
  • Puedes previsualizarlo, o grabar directamente.
  • Una vez grabado, deberás refrescar la caché de tu navegador, tal como te recomienda la página al grabarla.

Y ya está.

Método 2[editar]

Si no tienes intención de personalizar tu botonera, y sólo quieres utilizar una estándar, de tal forma que tengas las mejoras que se le hagan en cuanto se le hagan, puedes instalártela de esta forma:

mw.loader.load('/w/index.php?title=RUTA'
+  '&action=raw&ctype=text/javascript');

(sustituyendo "RUTA" por la dirección wiki de la página donde esté el código javascript, por ejemplo "Usuario:Fulanito/monobook.js").

@import "/w/index.php?title=RUTA&action=raw&ctype=text/css";

(sustituyendo "RUTA" por la dirección wiki de la página donde esté el código CSS, por ejemplo "Usuario:Fulanito/monobook.css").

Últimos desarrollos[editar]

Ya que las botoneras alteran el diseño de la pantalla de Wikipedia, es deseable la colaboración de todos para probar los diseños en varios navegadores de manera que los usuarios sepan qué diseños son funcionales con sus navegadores.

Modelo Basada en... Captura Características
Comae
02:07 24 jul, 2004
Botonera01.png
Pybalo
17:55 24 jul, 2004
Comae
02:07 24 jul, 2004
Wikipedia.botonera.pybalo.200407240207.png
  • Integrada en la columna de la izquierda.
  • Compatible con todos los navegadores modernos.
Pybalo
01:33 30 jul, 2004
Pybalo
17:55 24 jul, 2004
Wikipedia.botonera.pybalo.200407300133.png
  • Integrada en la columna de la izquierda.
  • Compatible con todos los navegadores modernos.
  • Agrega botones de búsqueda en
    • Otras wikipedias: inglés, alemán, francés
    • EL. Enciclopedia Libre
    • Wikcionario
    • DRAE. Diccionario de la Real Academia Española
    • Google (búsqueda en toda la Web)
    • FSF. Free Software Foundation
    • PubMed (basado en Joseaperez)
Joseaperez
01:34 25 jul, 2004
Pybalo
17:55 24 jul, 2004
Poner aquí un mini-snapshot...
  • Integrada en la columna de la izquierda.
  • Compatible con todos los navegadores modernos.
  • Botones extra de tipo médico.
Javier Carro
15:33 23 ago, 2004
Pybalo
17:55 24 jul, 2004
Poner aquí un mini-snapshot (una fotico de la botonera, pa'que nos entendamos)
  • Integrada en la columna de la izquierda.
  • Compatible con todos los navegadores modernos.
  • Agrega botones de búsqueda en
    • Otras wikipedias: inglés, alemán, francés
    • EL. Enciclopedia Libre
    • Wikcionario
    • DRAE. Diccionario de la Real Academia Española
    • American Heritage. Diccionario español-inglés, inglés-español
    • Webster's Online Dictionary. Rosseta Edition. English version.
    • Webster's Online Dictionary. Versión plurilingüe.
      • IMPORTANTE: Acabo de descubrir que las búsquedas del Webster plurilingüe no funcionan correctamente, no sé el motivo,... De todas formas, con solo apretar el botón te permite ir al índice general de dicho diccionario.
    • Google (búsqueda en toda la Web)
Fito hg
24 de marzo del 2005
Cookie
Botonera-Fito.png
  • Integrada en la columna de la izquierda.
  • Compatible con todos los navegadores modernos.
  • Agrega botones para buscar en:
    • Wikipedia en inglés
    • Wikipedia en alemán
    • Google
    • Answers.com
  • Con live preview integrado
angus
6 de mayo del 5
La estándar de Wikipedia Botonera-angus.png
  • por ahora sólo tiene un botón para hacer enlaces al wikcionario
  • requiere imágenes para los botones (no es indispensable, pero queda más linda)
Alhen
1 de abril del 2006
Personalizada por Alhen a partir de la de Orgullomoore que fue personalizada a partir de la de Sanbec que fue personalizada a partir de la de Comae Botonera-Alhen.png
Sanbec Véase Usuario:Sanbec/Monobuques
Axxgreazz
28 de julio del 2006
Conjunto de herramientas reunidas de los monobooks de Sanbec, Angus, Pilaf, Lupin, Topaz y Zocky adaptadas para facilitar las tareas de edición, mantenimiento y anti-vandálicas. Para mayores detalles, revisar Usuario:Axxgreazz/Monobook-Suite. Monobook-Suite.png.
  1. Barra de herramientas extendida, más de 30 botones adicionales para tareas de edición y mantenimiento.
  2. Búsqueda, con botones Google para esta y otras wikipedias, traductor, RAE, Copyscape, Contador de ediciones (Interiot) y validador de votos.
  3. Enlaces wiki: enlaces a páginas de wikipedia.
  4. Popups de navegación.
  5. LivePreview: Vista previa local del artículo.
  6. Anti-vandalismo: para monitorear los cambios recientes en línea, con diferentes criterios. (nuevo)
  7. Administrador de estados, para que otros puedan saber si estas conectado a la wikipedia. (nuevo)
  8. Búsqueda y reemplazo en el contenido de las páginas
  9. Panel de control para avisos sobre novedades.
Faelomx
16-10-2006

Actualmente
Versión 3.2
Barra herramientas diseñadas para la edición de artículos con comandos de estilo desarrollada a partir de implementaciones acciones de la botonera de herramientas deAxxgreazz
  • Guía de usuario:
padbook™ by faelomx
Los botones. Comandos:
  • Parámetro de "style": para evitar esa tediosa tarea de escribirlo.
  • "Centrado rápido": centra el texto
  • "Sin subrayado" (solo se ve en IE)
  • "<sub>" y "<sup>"
  • "Alineación flotante": manda la tabla en plan infobox
  • "Redirección"
  • "Categorías"
  • "Acceso a plantilla": para no escribir {{ y }} y creador de parámetros {{{1,2,3...}}}
  • "div's" para añadir capas
  • "comandos de estilo": dan vidilla al texto
    • bgcolor: para el color de fondo
    • font-color: color de letras
    • font-family: fuente
  • "Artículo principal": para hacer el enlace.
  • Poner "{{PAGENAME}}"
  • Crear zonas de enlaces externos
  • Firma avanzada, es decir la plantilla /firma
  • "comandos de admin"
    • obras
    • esbozo
    • avisar al usuario de que su página es muy corta

Módulo matemático[editar]

Si quieres añadir más caracteres especiales a los botones que aparecen por debajo de los cuadros de edición, puedes agregar este módulo a tu botonera. El código viene con caracteres matemáticos, pero puedes cambiarlos por otros, o ampliarlo como quieras. Para instalarlo, basta con añadir el siguiente código al final de tu monobook.js (después del de tu botonera, si la tienes):

window.onload = loadButtonsMath;
var letrasraras="";
letrasraras+="<a href=\"javascript:insertTags(\'∈\',\'\','\')\">∈</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'→\',\'\','\')\">→</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'≠\',\'\','\')\">≠</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'ℕ\',\'\','\')\">ℕ</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'ℤ\',\'\','\')\">ℤ</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'ℚ\',\'\','\')\">ℚ</a> · ";
letrasraras+="<a href=\"javascript:insertTags(\'ℝ\',\'\','\')\">ℝ</a> ";

function loadButtonsMath() {
var cajaletrasraras = document.getElementById("editpage-copywarn");
if (cajaletrasraras) {
cajaletrasraras.innerHTML = letrasraras+""+cajaletrasraras.innerHTML;};
if (loadButtons) {loadButtons();};
}

Bookmarklets[editar]

Un bookmarklet (o "favelet") es un tipo de enlace especial que, tras ser agregado a tus marcadores (o favoritos), actúa sobre cualquier página que estés viendo, en vez de llevarte a otra distinta. Su instalación es sencilla:

  1. Crea un marcador nuevo (da igual a dónde).
  2. Cambia la ruta (URL) del marcador por el código del bookmarklet.

Para que hagan efecto, no tienes más que ir a la página en la que quieras utilizarlo y pulsar en el bookmarklet que has creado.

Ventajas:

  • Tu navegador no tendrá que cargar el código de la botonera cada vez que cargue una página, por lo que pueden ser muy útiles si tu conexión es lenta.
  • Puedes usarlos en otros proyectos de Wikimedia y en wikis que utilicen el mismo software (como EL), sin que sea necesario estar registrado.

Inconvenientes:

  • Deberás pulsar el enlace una vez por cada página en la que quieras usarlos.
  • No te serán muy útiles si no utilizas siempre el mismo ordenador, al tener que estar instalándolo cada vez.
  • Técnicamente están más limitados (principalmente, por el tamaño máximo del código).

¿Cómo convertir una botonera en un bookmarklet?[editar]

  1. Quita todos los "var " que haya al empezar una línea.
  2. Todas las cadenas de texto deben estar entre comillas simples ('), nunca dobles (").
  3. Debe aplicarse la función "void()" a toda asignación de valor a una variable. Por ejemplo, la línea "cosa+='buenos días';" pasa a ser "void(cosa+='buenos días');".
  4. Elimina todos los cambios de línea, para que todo el código quede en una única línea.
  5. Crea un marcador nuevo, y en la URL pon "javascript:" seguido por la línea de código que acabas de crear.

Posibles razones para que falle un bookmarklet[editar]

  • Todos los navegadores ponen un límite al tamaño de un bookmarklet; las últimas versiones de Internet Explorer sólo permiten bookmarklets muy pequeñas. Mozilla u Opera permiten tamaños mucho mayores.
  • Has cometido algún error al convertir la botonera en bookmarklet.
  • Si no te funcionan las botoneras normales, tampoco te funcionará la versión bookmarklet.

Bookmarklets-botonera[editar]

Algunas botoneras convertidas en bookmarklets:

  • Botonera flotante (Comae):
javascript:function botoneraFlotante(){void(botones='<style type=\"text/css\">\n .botón {background-color:white; border:1px solid #aaaaaa; width:18px; height:16px; float:right; font-size:80%}\n .botónbusca {border:1px solid #4477aa; text-decoration:none; line-height:1.8; padding:1px}\n</style> <div class=\"botonera\" style=\"position:fixed; right:0px; z-index:3; font-size:13px; font-weight:900; text-align:center; width:20px\">'+creaBotón('Mapa de la ayuda', '?', 'http://es.wikipedia.org/wiki/Wikipedia:Mapa', '')+creaBotón('Zona de pruebas', '#', 'http://es.wikipedia.org/wiki/Wikipedia:Zona de pruebas', '')+creaBotón('Cartelera de acontecimientos', 'A', 'http://es.wikipedia.org/wiki/Wikipedia:Cartelera de acontecimientos', '')+creaBotón('WikiProyectos', 'WPr', 'http://es.wikipedia.org/wiki/Wikipedia:WikiProyecto', '')+creaBotón('Categoría:Mantenimiento', 'CM', 'http://es.wikipedia.org/wiki/Categoría:Wikipedia:Mantenimiento', ''));if (document.getElementById('editform')!=null) {void(botones+=creaBotón('WEI', '<code style=\"background:yellow\">:\)</code>', 'javascript:ponWEI()', 'background:yellow')+creaBotón('Alerta de copyright', '(C)', 'javascript:copyvio()', 'font-size:80%; padding:1px; line-height:1.7')+creaBotón('Redirección', '[R]', 'javascript:ponRedirect()', 'font-size:80%; padding:1px; line-height:1.7')+creaBotón('Respuestas rápidas', 'Re:', 'http://es.wikipedia.org/wiki/Wikipedia:Respuestas rápidas', 'font-size:80%; padding:1px; line-height:1.7'));}else{void(botones+=creaBotón('Comprobar estado de copyright', '(C)', 'http://www.copyscape.com/?q='+window.location));}void(botones+='</div>');void(toolbox = document.getElementById('content'));alert(toolbox);void(toolbox.innerHTML += botones);}function creaBotón(title, texto, destino, estilo){  return '<a href=\"'+destino+'\" style=\"text-decoration:none\"><div class=\"botón\" style=\"'+estilo+'\" title=\"'+title+'\">'+texto+'</div></a>';}function copyvio(){void(Qr='');if(!Qr){void(Qr=prompt('Motivo de la alerta:',''));}if(Qr)insertTags('{'+'{copyright}'+'}\'\'\'Motivo:\'\'\' '+Qr+'. {'+'{subst:CURRENTDAYNAME}'+'}, {'+'{subst:CURRENTDAY}'+'} de {'+'{subst:CURRENTMONTHNAME}'+'} de {'+'{subst:CURRENTYEAR}'+'}, {'+'{subst:CURRENTTIME}'+'}','','');}function ponWEI(){insertTags('<code style="background:yellow">','</code>','');}function ponRedirect(){insertTags('#REDIRECT [[',']]','');}botoneraFlotante(); 
  • Módulo de marcadores (Comae):
javascript:function marcadores(){void(botones='<div class=\"portlet\" style=\"border:1px solid gray; background:#fafafa; text-align:center\">'+marcadorCrea('Mapa de la ayuda', 'http://es.wikipedia.org/wiki/Wikipedia:Mapa')+marcadorCrea('Nueva portada', 'http://es.wikipedia.org/wiki/Wikipedia:Nueva portada')+marcadorCrea('Wikiproyecto ayuda', 'http://es.wikipedia.org/wiki/Wikipedia:WikiProyecto_Ayuda')+'</div>');void(personal = document.getElementById("p-personal"));void(personal.innerHTML += botones);}function marcadorCrea(texto, destino){  return '<p><p><p><a href=\"'+destino+'\" style=\"text-decoration:none; font-size:10.5px; display:block\">'+texto+'</a>';}marcadores();
  • Módulo de búsquedas (Comae):
javascript:function moduloBusqueda(){var btSearch = '<br /><div>';btSearch += buttonCode('Wikipedia, a través de Google', 'G', 'http://www.google.com/search?q=', '&btnG=B%FAsqueda+en+Google.com&domains=http://es.wikipedia.org&sitesearch=http://es.wikipedia.org&ie=iso-8859-1&oe=iso-8859-1');btSearch += buttonCode('Wikipedia en inglés', 'en', 'http://en.wikipedia.org/wiki/', '');btSearch += buttonCode('Enciclopedia Libre', 'EL', 'http://enciclopedia.us.es/index.php/', '');btSearch += buttonCode('Wikcionario', 'Wkc', 'http://es.wiktionary.org/wiki/', '');btSearch += buttonCode('Diccionario de la Real Academia Española', 'DRAE', 'http://buscon.rae.es/draeI/SrvltGUIBusUsual?TIPO_HTML=2&TIPO_BUS=2&LEMA=', '');btSearch += '<br />';btSearch += buttonCode('Websters dictionary en:. The Rosetta Edition.', 'Webster', 'http://www.websters-online-dictionary.org/definition/english/','.html');btSearch += buttonCode('Diccionario American Heritage (español-inglés inglés-español)', 'AH', 'http://ar.education.yahoo.com/search/ar?p=', '');var boxSearch = document.getElementById('searchform');if (boxSearch)  boxSearch.innerHTML += btSearch+'</div>';}function goSearch(inicio, fin){  var text = document.getElementById('searchInput');  window.open(inicio + escape(text.value) + fin);}function buttonCode(titulo, texto, inicio, fin){  return ' <a class=\"botónbusca\" href=\"javascript:goSearch(\''+inicio+'\', \''+fin+'\')\" title=\"'+titulo+'\">'+texto+'</a>';}moduloBusqueda();

Véase también[editar]