Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: NetRunner en 06 de Mayo de 2012, 00:40:59 am
-
¡Buenas! Estoy metiéndome en el mundillo de CSS, y estoy probando a modificar ligeramente los archivos CSS de varios themes de Wordpress. Hasta ahora me ha ido bien, ahora tenían intención de que en el theme "Adventure bound basic", el título, que de manera estándar hace scroll se quedase fijo en la parte superior. (http://caxels.nixiweb.com/wordpress/)
Mirando el archivo CSS (http://caxels.nixiweb.com//wordpress/wp-content/themes/adventure-bound-basic/style.css) del theme, pensaba que simplemente modificando la línea 86, cambiando el parámetro "position:fixed;" por "position:static;" valdría. Desgraciadamente sí que deja el título fijado y deja de hacer scroll, pero se descentra. ¿Alguien me podría explicar por qué?
-
Ps, por que haz cometido una pequeña falta, no es static, si no Absolute. para que el contenedor se quede fijo.
.contain{
width: 940px;
top:10px;
box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
background:url(images/darkscreen.png);
position:absolute;
margin:0px 0px 105px 0px;
padding:80px 0px 0px 0px;
z-index:2;
}
Otra cosa que te recomendaría, ps ya como le quitaras el efecto de scroll al header, yo pienso que el z-index es inservible ya que el z-index viene siendo como la parte tridimensional de la web. osea se muestra mas por delante que las demas cosas, en resumen el codigo debería ser así.
.contain{
width: 940px;
top:10px;
box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
background:url(images/darkscreen.png);
position:absolute;
margin:0px 0px 105px 0px;
padding:80px 0px 0px 0px;
}
Espero que te halla servido de algo.
Saludos.
-
Madre mía. Estoy como una cabra. Estoy se ser un novato... :-[
Desconocía la función de z-index, me lo apunto para el futuro.
Muchísimas gracias. ;)