2014-05-23

Created page with "{{Infobox JavaScript |uselang = es | Image file = BackToTop.png | Description = Añade un botón en la esquina derecha del footer en la piel Oasis que te lleva de vuelta rápi..."

New page

{{Infobox JavaScript

|uselang = es

| Image file = BackToTop.png

| Description = Añade un botón en la esquina derecha del footer en la piel Oasis que te lleva de vuelta rápidamente al principio de la página.

| Scope = Uso personal<br />Todo el sitio

| Author = [[w:c:deadspace:User:Noemon|Noemon]]

| Updated = 26.05.2012

| Code = [[BackToTopButton/es/code.js|/code.js]]

| Skins = Oasis

| Languages = [[BackToTopButton|English]]<br>Spanish

}}

== Descripción ==

Si a menudo tienes que volver al principio de una página muy larga, este script te salvará de perder tanto tiempo.

Añade un botón de "Volver Arriba" en el footer del skin Oasis.

== Instalación ==

Para instalarlo añade lo siguiente en tu [[w:c:community:Special:Mypage/global.js|global.js]], si lo quieres para uso personal, o en el MediaWiki:Common.js o MediaWiki:Wikia.js de la Wiki, si quieres que se use en todo el sitio.

<pre>

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

</pre>

== Personalización ==

Si quieres ajustar la velocidad de subida, decidir en qué momento aparecerá el botón en la página u otras opciones, añade las siguientes líneas '''antes''' del import al script.

=== Velocidad de subida ===

:Para ajustar la velocidad de subida añade:

:<source lang="JavaScript">var Speed = X;</source>

:Donde X es el número que quieras. Números más altos significan menos velocidad y los más bajos significan más velocidad de subida en la página. Por defecto es de 600.

=== Aparición ===

:Para ajustar en qué momento aparezca el botón añade:

:<source lang="JavaScript">var Start = X;</source>

:Donde X es el número que quieras. Números más altos significan que se deberá bajar más antes de que el botón aparezca. Por defecto es de 800.

=== Formato del botón ===

:También puedes cambiar el formato del botón como desees usando CSS. Por ejemplo:

<div style="margin-left:24px"><source lang="css">/* Formato del Botón Volver Arriba */

#backtotop button{

background: none;

background-color: transparent;

color: white;

border: none;

}

#backtotop button:hover {

text-decoration: underline;

}</source></div>

:El CSS de arriba hará que el botón se vea como un simple enlace.

=== Desactiva los efectos fade del botón===

:Para desactivar los efectos fade añade:

:<source lang="JavaScript">var ToggleFading = 0;</source>

:Para reactivar el efecto simplemente retira esta línea de tu global.js.

:El efecto fade del botón por defecto es de '''On''' ('''Activado''').

Show more