ubiquitour.com

Cómo eliminar líquidos CSS en WordPress

Diseño CSS fluido difiere de diseños CSS fijadas estirando y compresión basado en el tamaño de ventana del navegador del usuario. Cuando usted visita un sitio web que utiliza un fluido diseño CSS, puede cambiar el tamaño de la ventana del navegador varias veces sin causar que aparezcan las barras de desplazamiento o romper el diseño. El beneficio de fluidos diseños de CSS es que no salen grandes cantidades de espacio en blanco, sin uso en monitores grandes. Diseños no todos funcionan bien con estilos fluidos, aunque. Si desea convertir volver a un esquema fijo de CSS, cambiar porcentaje anchos de las columnas de su blog a anchos de píxel fijo.

Instrucciones

1 Carga tu blog en un navegador y haga clic para ver el código fuente. Encontrar las etiquetas que encierran cada columna del blog, como "< div id = 'header' >" o "< div clase = 'sidebar' >". En diseño Web, un encabezado es típicamente una columna de ancho encima de uno, dos o tres columnas en el medio de la página, seguido por un pie de página. Necesita el nombre de ID o clase de cada uno.

2 Iniciar sesión en WordPress y navegar a "Apariencia" de la barra lateral izquierda. Haga clic en el enlace "Editor" para cargar la pantalla "Editar temas". El archivo que necesita--style.css--se carga automáticamente.

3 Ir a través del código CSS de tu theme y encontrar las reglas de estilo que cada una de sus columnas:

{encabezado anchura: 100%;

}

{contenido} anchura: 65%;

}

{} de la barra lateral anchura: 35%;

}

4 Averiguar los valores de porcentaje qué amplitud tendrá que cada columna de pixeles. Reemplace cada valor de porcentaje con un valor en píxeles, por ejemplo:

{encabezado width: 960px;

}

{contenido} ancho: 624px;

}

{} de la barra lateral ancho: 336px;

}

Actualizar el archivo cuando termine de hacer los cambios.