No te lo recomiendo tal y como lo estas haciendo dado que el header usa 3 imágenes, si editas la de en medio, la de arriba y de abajo siempre se verán diferentes, quiero decir, el header empieza con esta imagen con el "
orange" por ejemplo:
después viene la que estás modificando tu para todas: (que le falta el efecto de la sombra a los lados...)
y por último usa esta otra imágen la cual se aprovecha para el menú, pero si te fijas en la parte de arriba de la imágen está la terminación del fondo del header, esto es tema maquetación ya....
así que para lo que tu estás buscando mi recomendación es que además de usar la misma imágen de en medio para todos los estilos (wrap2), uses la de arriba para todos adaptándola a los colores del fondo del header, etc (wrap1)
y por otro lado hacer la imágen del menu menos alta quitando la terminación del fondo y modificando el css para su nueva altura (wrap3)
Para ello:
usa estas 2 imágenes para todos los colores como
wrap1.png y
wrap2.png
después abre todos los archivos de los 6 colores y busca esto:
Código: Seleccionar todo
#wrap3 {
background-image: url("./orange/wrap3.png");
background-repeat: no-repeat;
background-position: top center;
padding: 0;
width: 990px;
height: 65px;
margin: 0 auto;
}
reemplaza por esto otro:
Código: Seleccionar todo
#wrap3 {
background-image: url("./orange/wrap3.png");
background-repeat: no-repeat;
background-position: bottom center;
padding: 0;
width: 990px;
height: 61px;
margin: 0 auto;
}
después busca esto:
Código: Seleccionar todo
.menuctf {
margin:0 auto;
color:#fff;
text-align:center;
position:relative;
height:50px;
z-index:20;
background:none;
padding-top: 5px;
text-transform: uppercase;
}
reemplaza por esto otro:
Código: Seleccionar todo
.menuctf {
margin:0 auto;
color:#fff;
text-align:center;
position:relative;
height:50px;
z-index:20;
background:none;
padding-top: 0;
text-transform: uppercase;
}
con estos cambios así es como quedaría:
Lo que no encuentres en el css del archivo white lo encontrarás en el colours.css, dado que el white es el color por defecto del estilo y el resto lo coge del colours.css
