Autor Tema: Scroll del título de una web.  (Leído 651 veces)

Desconectado NetRunner

  • PHPerit@
  • *
  • Mensajes: 4
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Scroll del título de una web.
« 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 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é?

Comunidad PHPeros

Scroll del título de una web.
« en: 06 de Mayo de 2012, 00:40:59 am »

Desconectado Rastrillox

  • PHPero Experto
  • *****
  • Mensajes: 592
  • Karma: 25
  • Sexo: Masculino
    • Ver Perfil
    • Forhabbo.es
Re:Scroll del título de una web.
« Respuesta #1 en: 06 de Mayo de 2012, 07:30:38 am »
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í.


Código: [Seleccionar]
.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.
« Última modificación: 06 de Mayo de 2012, 07:32:21 am por Rastrillox »

Desconectado NetRunner

  • PHPerit@
  • *
  • Mensajes: 4
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Scroll del título de una web.
« Respuesta #2 en: 06 de Mayo de 2012, 20:05:09 pm »
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.  ;)