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
Metas

Tener 150 mensajes [X]
Ser Moderador []
Tener 50 mensajes [X]
Tener un enemigo en el foro [X]

[Imagen: 5SmOB.gif]

Unete a mi web:

www.diringax.cf

Buscamos Moderadores, envíame MP para mas info
WWW
#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 FullPirata 5 764 13-11-2013, 08:27 AM
Último mensaje: jorge_e_c2012
  [Mini-Mod] Ir Arriba con efecto JQuery romero07 2 950 02-05-2013, 08:01 PM
Último mensaje: josephsk8one
  Hacer logo Taringa! con Photoshop diringax 5 1,368 02-03-2013, 05:55 AM
Último mensaje: jhonny
  [Mini-Mod] Efecto transición y movimiento en imagenes y avatares romero07 11 1,629 02-03-2013, 05:40 AM
Último mensaje: jhonny
Video cambia el logo de phpost david 7 1,226 16-01-2013, 03:35 AM
Último mensaje: Dianx
  PHPOST Nieve Cayendo por la Web (Otro Efecto) romero07 2 1,000 16-01-2013, 03:34 AM
Último mensaje: Dianx
  ¿Como hacer que se mueva el logo? Franci 1 470 01-12-2012, 02:51 PM
Último mensaje: diringax
  [Ayuda] Instalar Script ZinFinal RC3 BETA 2 darse 11 3,377 30-11-2012, 10:13 PM
Último mensaje: fulls
  Como hago para cambiar el logo de mi pagina valef 4 731 24-06-2012, 09:07 PM
Último mensaje: Tamatsipatse
  [PSD] Logo de T! [Dia del Internet] By Rizuz! titan 0 559 02-06-2012, 03:52 PM
Último mensaje: titan



Usuarios navegando en este tema: 1 invitado(s)