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 Upya sabéis que tiene un efecto deslizante
Este boton up es el mas fácil con un efecto verdaderamente elegante
- 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 () {
$('.go-to-top').click(function () {
$('html,body').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
Gracias por el tuto ^^
ResponderEliminarsaludos n.n
waaa ahora mismo voy a ver los diseños y a votar :D
ResponderEliminary gracias por el tuto!! ^u^
saluditos! ^^
¡Pero que buen tutorial! Siempre he querido saber como hacerlo.
ResponderEliminarMe has sacado un gran peso de encima.
Te lo agradezco mucho.
Saludos!
Pues mira ya lo sabes <3 Habérmelo preguntado si no XD ,no muerdo e.e
Eliminarbuen tutorial ^^
ResponderEliminarGracias por el tutorial la verdad es que si está sencillo :)
ResponderEliminarbesos