3/7/14

[Tutorial]Boton Up Efecto Deslizante!

Holaaael concurso esta ya casi casi finalizando que nervios de conocer las ganadorasacordaos que todavía podéis comentar vuestro diseño favorito asta mañana día 4-jul-14dentro de dos semanitas me voy de vacacionesme da pena no poder publicarpero ya sabéis que en cuanto pueda me pongo a comentaros o a resolver las dudas que tengáisAhora vamos con el tutorial que es de como poner mi boton Upimageya sabéis que tiene un efecto deslizante
Este boton up es el mas fácil con un efecto verdaderamente elegante

  1.  Boton Flotante en la esquina de UP
  2. Boton Up que Aparece & Desvanece con efecto deslizante
  • Plantilla
  • Diseño HTLM
  • Ctrl+F & Buscas </body>
Antes de </body> pegas este code & guardas

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script>
   $(function () {
   $(&#39;.go-to-top&#39;).click(function () {
   $(&#39;html,body&#39;).animate({
   scrollTop: 0
    }, 500);
   return false;
    });
    });
</script>


  •  Diseño
  • Añadir Gadget HTML/JavaScript
  • Pegar este code
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#wrap" title="Nombre de lo que aparecera como Toltip" class="go-to-top"><img src="Imagen de tu boton Up" /></a>

Esto es la posición del boton puedes aumentar o disminuir según como lo quieras de posición.Para cambiar de derecha a izquierda solo tienes que cambiar ''right'' por ''left''
Esto a sido todo es un tuto bien sencillo & muy fácil a mi parecer que puede hacer cualquiera :D y si no lo entendéis pues para que estoy yo jajajaj bueno un beso & buen dia :3 byeee

6 comentarios:

  1. waaa ahora mismo voy a ver los diseños y a votar :D
    y gracias por el tuto!! ^u^
    saluditos! ^^

    ResponderEliminar
  2. ¡Pero que buen tutorial! Siempre he querido saber como hacerlo.
    Me has sacado un gran peso de encima.
    Te lo agradezco mucho.
    Saludos!

    ResponderEliminar
    Respuestas
    1. Pues mira ya lo sabes <3 Habérmelo preguntado si no XD ,no muerdo e.e

      Eliminar
  3. Gracias por el tutorial la verdad es que si está sencillo :)
    besos

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com