Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Efecto Zoom en logo beta
#1
En el archivo estilo.css buscamos:

Cita:#logoi{
width: 185px;
height: 46px;
background: url('img/logo.png') no-repeat;
float: left;
}

y le agregamos antes del }

Cita:display:block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;


Y despues agregamos abajo:

Cita:#logoi:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}

Para hacerlo en el theme default :

Cita:#logoi{
width: 270px;
height: 48px;
background: url('images/logoBeta.png') no-repeat;
float:left;
margin-top: 11px;
}

y le agregamos antes del }

Cita:display:block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;

Despues buscamos:

Cita:#logoi:hover {
background-position: 0 -50px;
}

y le agregamos antes del }

Cita:-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)

PD: el mod no es mio solo se los comparto porque me parecio muy bueno
#2
Creo que te equivocaste de foro.
Este es el foro de phpBB..
Y este código, si mal no veo, es para PHPost.
Skylium, el mejor Hosting que conocí en mi vida!
[Imagen: firmataq.png]
WWW
#3
(20-11-2012, 01:02 AM)MultiDescargas escribió: Creo que te equivocaste de foro.
Este es el foro de phpBB..
Y este código, si mal no veo, es para PHPost.

perdon no me fije como lo cambio
#4
Muevo al foro correcto saludos!
Metas:
[Listo] 1000 Suscriptores En YouTube
[Casi] 5,000 Seguidores En Taringa

Sigueme En Taringa

Interesante SOY Director en Producciones TPT  Interesante
WWW
#5
(20-11-2012, 02:04 AM)Tamatsipatse escribió: Muevo al foro correcto saludos!

gracias
#6
Es un efecto bonito, solo que para este tipo de cosas es mejor que lo hagas general. Digo, en lugar de decir, se tal cosa en phpost, hacerlo de forma general para que pueda ser aplicable a cualquier diseño web.

Aunque si, se entiende y es sencillo adaptarlo a otro script o diseño
WWW
#7
algo sencillo nisiquiera igual funciona se puede colocar en cualquier cosas deveria ser en general en todo diseño
Firma editada. No puedes enlazar a un sitio con contenido para adultos ya que Skylium recibe visitas de menores de edad también Guiño
#8
Esta bueno el efecto amigo, pero esto va en phpost jjeje
#9
:O Oh my Good! Que bien queda
#10
Muy buen efecto la verdad lo buscaba a pesar de ser muy sencillo es muy bonito gracias por compartirlo Guiño


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  PSD Taringa! Logo Dia Todos Los Santos Jvh_22 5 929 13-11-2013, 08:27 AM
Último mensaje: jorge_e_c2012
  [Mini-Mod] Ir Arriba con efecto JQuery romero07 2 1,010 02-05-2013, 08:01 PM
Último mensaje: josephsk8one
  Hacer logo Taringa! con Photoshop diringax 5 1,439 02-03-2013, 05:55 AM
Último mensaje: jhonny
  [Mini-Mod] Efecto transición y movimiento en imagenes y avatares romero07 11 1,698 02-03-2013, 05:40 AM
Último mensaje: jhonny
Video cambia el logo de phpost david 7 1,275 16-01-2013, 03:35 AM
Último mensaje: Dianx
  PHPOST Nieve Cayendo por la Web (Otro Efecto) romero07 2 1,023 16-01-2013, 03:34 AM
Último mensaje: Dianx
  ¿Como hacer que se mueva el logo? Franci 1 497 01-12-2012, 02:51 PM
Último mensaje: diringax
  [Ayuda] Instalar Script ZinFinal RC3 BETA 2 darse 11 3,485 30-11-2012, 10:13 PM
Último mensaje: fulls
  Como hago para cambiar el logo de mi pagina valef 4 799 24-06-2012, 09:07 PM
Último mensaje: Tamatsipatse
  [PSD] Logo de T! [Dia del Internet] By Rizuz! titan 0 585 02-06-2012, 03:52 PM
Último mensaje: titan



Usuarios navegando en este tema: 1 invitado(s)