CalinSoft

Siempre estoy buscando una nueva forma de crear las esquinas redondeadas para los diseños. Normalmente siempre tomo el camino más fácil y el uso de imágenes. En mi búsqueda en esta ocasión me encontré con un sitio Web llamado SpiffyCorners.

SpiffyCorners genera el código html y css necesario para crear el efecto de esquinas redondas y todo lo hace sin la utilización de imágenes o javascript.

SpiffyCorners es fácil de usar, ofrece la posibilidad de personalizar el radio de las esquinas ( 3, 5 o 9 píxeles), también la personalización del nombre de la clase, el color de fondo y del bloque.

Lo tendré en cuenta para futuro proyectos .

Despues de haber publicado un par de entradas me eh dado cuenta que la alineación de las imagenes en Wordpress especificamente la 2.6 añade estilos de clases CSS para el funcionamiento, claro en el editor lo ves alineado pero en tu theme no, para esto eh estado trabajando con un par de estilos que solventan esto aver que tal.

/* Hack Imagenes WP 2.6*/
p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

/* Hack Leyendas WP 2.6*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

Bueno los colores quedan a gusto de cada uno :D.

Aunque en HackWordpress dieron el tip pero quedo corto al requerimiento actual.