Entrar

Jugar con efectos de Div para retardar la aparicion de la misma

victor5atodogas · · Solicitar retirada
En la web que estoy creando:

http://www.jonathandiazm.com/

Me gustaria que el div central negro (que llevara una imagen redondeada gris semitransparente), tarde como 1 segundo mas en cargar y "aparecer" respecto al resto de la pagina; no se si esto es posible (supongo que si), pero lo mas importante es que no se como hacerlo.

¿Alguna Idea?

Saludos.
olukarak · · Solicitar retirada
Usa JS para ello. No se bien cual es el codigo pero busca uno que lo que haga es que detecte cuando se cargo la pagina, supongo que hay de eso... No puedes poner timers pues dependiendo de la conexion sera mas rapido o lento...
Tambien puedes buscar como hacer que un elemento en concreto sea el ultimo en cargarse y de ahi sacas el timer.
olukarak · · Solicitar retirada
Ahi esta, me olvide de la funcion setTimeout()! Pero ahora tambien necesitas algo para saber cuando cargaron algunos elementos (ten en cuenta que hay circunstancias de que el internet es muuuuuuy lento). No se mucho de JS y lo que se lo olvide, hace eternidad que no programo pero si podria indicarte alguna que otra cosa.
Solo te di ideas de como lograr eso..
Vazquinhos · · Solicitar retirada
hola, no se como hacer eso que estas proponiendo, pero me gustaria saber como has hecho una cosita.El cuadro negro que tienes centrado sera una capa no? y dentro de esa capa tienes el resto de cosas verdad?? como has hecho para que te salga centrado? respecto a todos lados?? gracias!!

un saludo!
olukarak · · Solicitar retirada
No veo a que capa te refieres, Vaz pero aun asi te dire como centro yo los divs. Solo funciona si conoces su altura y anchura exactos!
Supongamos que tienes un div que de ID tiene page, en el css pones:
#page {
	width: 610px;
	height: 300px;
	position: absolute; /* Tambien es valido poner relative */
	margin-left: -305px;
	margin-top: -150px;
	left: 50%;
	top: 50%;
}
victor5atodogas · · Solicitar retirada
es muy facil: margin: 0 auto; eso hace que salga centrado; siempre y cuando al div negro le des una anchura; ya que si le das 100% te lo centrara pero no lo verias!jejeje

Saludos.
Doodleo · · Solicitar retirada
Sigo pensando que es más fácil poner en el body la propiedad text-align: center;
Y luego, en el div que centraste, para que no se vea el texto en el centro, le pones al div la propiedad text-align: left;
olukarak · · Solicitar retirada
El alinear texto de body a centro y despues darle margen automatico lo alinea en horizontal. El modo que he puedo es para alinearlo tanto horizontal, como verticalmente.

PD: Escribe mejor 0px, es mas correcto.