Ayuda:Botonera
De Wikipedia, la enciclopedia libre
Tabla de contenidos |
[editar] ¿Qué es la botonera?
Es un conjunto de botones que, una vez instalados en tu usuario, te agregan funciones extra al interfaz habitual de Wikipedia. Entre ellas, está la búsqueda en Wikipedia a través de Google, consulta al diccionario de la RAE, insertar Weis (WikiEmotIconos) en tus comentarios, enlaces a páginas web, etc.
[editar] Requerimientos
- Debes tener como "piel" la monobook, que es la que tienes por defecto (lo puedes mirar en tus preferencias de usuario).
- Es necesario que tu navegador tenga habilitado 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 [1]
[editar] ¿Cómo agregarla?
[editar] Método 1
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 desde Usuario:QuienSea/monobook.js
- Pégalo en Especial:Mypage/monobook.js
- Para algunas versiones, tendrás que copiar también Usuario:QuienSea/monobook.css en Especial:Mypage/monobook.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á.
[editar] Método 2
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:
- En Especial:Mypage/monobook.js, pon:
document.write('<'+'script src="/w/index.php?title=RUTA'
+ '&action=raw&ctype=text/javascript&dontcountme=s"'
+ 'type="text/javascript"><'+'/script>');
(sustituyendo "RUTA" por la dirección wiki de la página donde esté el código javascript, por ejemplo "Usuario:Fulanito/monobook.js").
- En Especial:Mypage/monobook.css, pon:
@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").
[editar] Últimos desarrollos
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 |
 |
|
|
|---|---|---|---|
| Pybalo 17:55 24 jul, 2004 |
Comae 02:07 24 jul, 2004 |
 |
|
| Pybalo 01:33 30 jul, 2004 |
Pybalo 17:55 24 jul, 2004 |
 |
|
| Joseaperez 01:34 25 jul, 2004 |
Pybalo 17:55 24 jul, 2004 |
Poner aquí un mini-snapshot... |
|
| 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) |
|
| Fito hg 24 de marzo del 2005 |
Cookie |
 |
|
| angus 6 de mayo del 5 |
La estándar de Wikipedia |  |
|
| 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 |  |
|
| Sanbec | Mejor mira en Usuario:Sanbec/Monobuques: Lo mejor de las botoneras reunido y mejorado, chúpate esa ;-) |
||
| 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. |  . |
|
| 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
|
 . |
Comandos:
|
[editar] ¿Podría verlas en acción sin tener que editar esos dichosos archivos?
Si, sin compromiso. Puedes registrarte (login) con alguna de los siguientes cuentas "de invitados":
Por favor, no edites artículos con estas cuentas, salvo en la Zona de pruebas
[editar] Módulo matemático
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();};
}
[editar] Bookmarklets
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:
- Crea un marcador nuevo (da igual a dónde).
- 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).
[editar] ¿Cómo convertir una botonera en un bookmarklet?
- Quita todos los "var " que haya al empezar una línea.
- Todas las cadenas de texto deben estar entre comillas simples ('), nunca dobles (").
- 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');".
- Elimina todos los cambios de línea, para que todo el código quede en una única línea.
- Crea un marcador nuevo, y en la URL pon "javascript:" seguido por la línea de código que acabas de crear.
[editar] Posibles razones para que falle un bookmarklet
- 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.
[editar] Bookmarklets-botonera
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();
