Jan 11, 2007 00:17
Mañana Hoy voy a estar estudiando como loca para mi ordinario de programación y terminando mi proyecto, peeeero mientras tanto, tengo un poco de tiempo libre y viendo mi entrada anterior, pensé que podría hacer unos cambios para que las imagenes estuvieran como me gustan por "default" y no tuviera que escribir código cada vez que lo hago - se supone que iban a hacer unas pocas líneas pero los layer que maneja LJ en S1 no son prácticos (y me dieron ganas de intentar algo más) y pues quedó así:
.entrybox img{
padding: 2px;
border: #feac29 solid 1px;
text-align: center;
display: block;
margin: auto;
}
Esto es lo que modifica las imágenes de las entradas. Como el atributo "align" no acepta el valor "center" para la etiqueta, tuve que usar el "text-align" aunque está medio sacado de la manga y no debería usarse para eso. El "display:block" hace que no haya texto a los lados y pues lo demás es bastante obvio.
table.entrybox table table img, .comments img, .ljuser img, .caption img{
padding: 0px;
border: 0px;
text-align: left;
display: inline;
}
Esto es lo que hace que las demás imágenes que están en las entradas no se modifiquen (las pongo en default), en orden: para la imagen de humor/música, para la de los comentarios, para el de lj user y para la imagen de las entradas privadas. El "display: inline" hace que quede todavía mejor que como estaba antes porque ahora esta en la línea.
.entrybox blockquote{
margin: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
font-family: Trebuchet MS;
background: #eeecdf;
border-left: #feac29 solid 2px;
}
Esto hace que cuando pongo "" funcione como una clase y que sea para lo de las citas como en S2.
Sorprendentemente (o no, después de todo éste es mi layout #22), no hubo mayor problema pensando en cuáles eran los IDs de las cochinaditas de las entradas. ;))
Y me voy.
layout stuff