Archivo de la categoría: CSS

Justificar texto – Twenty Eleven

En esta oportunidad seguimos con las modificaciones básicas de Twenty Eleven, como sabrán en la parte de la pagina inicio o index se puede  observar que el texto esta ordenado o igualar la longitud de las líneas de un texto impreso, eso se llama Justificar texto.

Porque hacer esto si lo puedo hacer desde Editar entrada? como sabrán escribí un tema llamado: Resumen en el Index – Twenty Eleven donde se observa un pequeño detalle, que el tema individual esta justificado pero el que esta en el index no, aunque tu lo as puesto justificado, es por eso lo que tenemos que hacer es lo siguiente:

Abrir el archivo style.css buscar .entry-summary entre los {…} colocar:

{
        padding: 0.6em 0 0;
	line-height: 1.330;
	text-align: justify;
}

Y Con esto Justificar texto – Twenty Eleven sera automáticamente a todo los post.

Borde Redondo en Theme WP

Borde Redondo en plantilla de Twenty Ten WordPress

Lo que obtendremos sera algo así:

La modificación sera por medio de CSS.

Ingresa al archivo style.cssHojas de Estilo

Buscar:

#wrapper {
background: #fff;
margin-top: 20px;
padding: 0 20px;
}

Ahora Ingresar el border-radius:

#wrapper {
background: #fff;
margin-top: 20px;
padding: 0 20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

OJO: si usas el navegador IE 6 – IE 7 – IE 8 / no se admite

Mas detallado lo pueden ver en esta tabla de compatibilidad de border-radius

Tablas de compatibilidad para el soporte de HTML5, CSS3, SVG y más en los navegadores de escritorio y móviles. Fuente

Que tanto sabes de CSS ?

Se trata de un excelente examen de CSS donde puedes medir que tanto sabes de este lenguaje para hacer páginas web, deberás responder una serie de preguntas de múltiple respuesta, de diferentes niveles ya sea desde preguntas como que entiendes por CSS hasta las mas confusas relacionadas con text-transform, padding y demás.

Sigue leyendo