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.
Artículos relacionados
- Cómo editar un archivo CSS de WordPress
- Un Tutorial de conversión de CSS a Wordpress
- Cómo centrar encabezados en CSS en WordPress
- Cómo eliminar espacios en blanco de WordPress en IE6
- Cómo sincronizar Wordpress con perfiles de Facebook
- Cómo agregar CSS en XHTML
- Cómo hacer un menú CSS Horizontal Vertical
- Cómo cambiar el espaciado de la galería de WordPress
- Tesis estilos de tabla para WordPress