Ago
06
06
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
.
Aunque en HackWordpress dieron el tip pero quedo corto al requerimiento actual.
Categorizado: Diseño | Diseño WebEtiquetado: CSS | Wordpress

















Interesante, especializarse en CSS es todo un arte, para los diseñadores es super indispensable, fuera de los pinceles de adobe design este es un requerimiento que va de la mano con el diseño Web