¿hacer la animacion del foro en wordpress?

Iniciado por KaloHer · 15 nov 2014 · 7 respuestas · 8407 visitas

1. KKaloHer15 nov 2014
   Hola
   bueno hoy es dia en que me registre aqui en este foro que mola mucho
   
   la duda que tengo es
   como hacer la animacion que esta arriba del logo del foro?
   la quiero hacer en wordspress sera que alguien sabe como lo busco? o sabe como hacerlo?
   Edito: me parece que es un gift?
   Edto2: creo qe lo he encontado http://spritely.net/
   
   
   seguire comprobando
2. NNandonueve15 nov 2014#2
   Acabo de ver el pluggin, y la verdad yo buscaba algo parecido. muchas gracias! aunque me da error al intentar instalarlo, seguiré trasteando.
   Saludos
3. SSauron15 nov 2014#3
   @"KaloHer" el diseño del foro, lo hizo @"DanielDiaz" envíale un MP :)
4. MMiguel200815 nov 2014#4
   Está muy guapo, la verdad, me gusta, si alguien sabe como hacerlo, esta guay para ponerlo en alguna web.
5. Aasesor15 nov 2014#5
   hola, si te refieres al logo
   busca en css la propiedad hover y sobre ella
   por ejemplo #logo:hover{le das un margin y una transicion}
   
   si te refieres a los iconos de redes sociales idem de lo mismo
   con css3 busca la propiedad animacion...
   
   evita los pluguin sobretodo en cosas tan sencillas que
   te las ofrece el css3
   
   saludos
6. DDanielDiaz19 nov 2014#6

   KaloHer escribió:Hola
   bueno hoy es dia en que me registre aqui en este foro que mola mucho
   
   la duda que tengo es
   como hacer la animacion que esta arriba del logo del foro?
   la quiero hacer en wordspress sera que alguien sabe como lo busco? o sabe como hacerlo?
   Edito: me parece que es un gift?
   Edto2: creo qe lo he encontado /
   
   
   seguire comprobando

   
   
   No es un gif, es tan solo una imagen en horizontal que se desplaza por un plano y que cuando llega al límite del plano vuelve al principio y se repite. Yo lo hice con CSS3:
   
   .tophead {
   width: 100%;
   background: url(../../../images/topbarbg.jpg);
   height: 25px;
   padding: 10px 0px;
   -webkit-animation: play 99s steps(10000) infinite;
   -moz-animation: play 99s steps(10000) infinite;
   -ms-animation: play 99s steps(10000) infinite;
   -o-animation: play 99s steps(10000) infinite;
   animation: play 99s steps(10000) infinite;
   }
   
   Quitando el width, height y el padding que son las propiedades que tiene la topbar de arriba, lo demás es el código de background (fondo de la barra) y las funciones de movimiento.
   
   Perdón por no haber respondido antes, estoy entre los estudios y los diseños que me piden que no doy a basto. Si tienes dudas coméntalas en el hilo y te respondo
7. Ppedrofisio19 nov 2014#7
   a mi tambien me da error, lo habeis averiguado que era ?
8. Aasesor19 nov 2014#8

   pedrofisio escribió:a mi tambien me da error, lo habeis averiguado que era ?

   
   
   Si te da error empieza por verificar que la ruta de
   la imagen es la correcta.
   
   saludos

Este hilo pertenece al archivo del foro y ya no admite respuestas.