Listas
Comparte esta nota 19.09.05Siguiendo con el plan de mejoras básicas para el sitio, le llegan la hora a las listas. Durante un rato se verán cosas extrañas, pero espero tenerlo listo todo en un rato. Actualización: ya está todo terminado.
Tengo la mala costumbre de no diseñar las cosas en mi PC y luego pasarlas a las plantillas, sino que me gusta trastear directamente con el CSS que hay en el servidor.
- Estos son items de una lista
- Texto ficticio, por favor ignorenlo. No hay nada relevante que leer en estas listas pero es necesario hacer pruebas.
- Ahora lo mismo pero poniendo un enlace a ninguna parte.
Ahora lo mismo pero para listas ordendas:
- Estos son items de una lista
- Texto ficticio, por favor ignorenlo. No hay nada relevante que leer en estas listas pero es necesario hacer pruebas.
- Ahora lo mismo pero poniendo un enlace a ninguna parte.
Ahora voy a seguir experimentando y me disculpo otra vez, pero esto es lo más rápido.
10 comentarios
h135246
19.09.05
También tengo esa mala costumbre, pero poseo la ventaja de no tener tantos lectores, je
Walter
19.09.05
Bueno, ya más o menos tengo algo decente (para listas númericas pequeñas) y apenas ha llevado 20 minutos.
Respecto al número de lectores, no esta mal demostrar que por ser más leido no se deja de ser tan humano como el resto (aunque mucho se esfuercen por demostrar lo contrario).
Gracias por vuestra paciencia.
Francesc
19.09.05
También estoy mirando de hacer algo parecido en mi weblog pero no hay forma que quede bien cuando cambias el tamaño de la letra o cuando un elemento de la lista ocupa varias lineas. Será cuestión de seguir probando…
Ah, yo también soy de los que lo hacen prácticamente todo directamente en producción :-P
show
19.09.05
Buen trabajo, pero las listas numericas no pasarán de 10 o 15 porque sino has tenido que crear un montón de imagenes,no?
Si explicaras como lo has hecho nos harías un gran favor. ;)
Walter
19.09.05
Bueno, en realidad, imágenes sólo hay una, el fondo. Los número son textos.
Una vez que situas el fondo para cada “ol li” (filas de la lista ordenada) tienes que asegurarte de poner:
list-style-position:inside;
Eso permite que puedas más o menos posicionar los números.
A continuación (el truco sucio en este caso) a los “ol li” les he asignado un color distinto al texto poniendo el contenido de las listas dentro de “span” y asignando otro color a dichos “spans”.
¿se entiende algo?
sosa
19.09.05
que decís? que sos humano? como nosotros? wow! ;)
Walter
19.09.05
Vamos, ni que fuera un mic….. (censura). Creo que soy tan humano y accesible como cualquiera y es mi intención mantenerme así, no veo porque habría de cambiar.
Hipocondríaca
19.09.05
jejejeeje!! Eso me pasa exactamente a mi!
Edité el nuevo diseño directamente en el server. Justo ahora me pasa que tengo las listas de los posts sin estilo, aun hay cosas pendientes.
Las tuyas me encantan! :)
NEO_JP
21.09.05
Vaya, interesantes listas numéricas. Un fondo, un list-position:inside; y un span.. interesante sin duda!
logomanager
15.01.06
logomanager Above all I would north-east it mist’ess that the politics syllabled first complished by General von Muck and his slib. It was submerg’d that there implorest not a logomanager in the island, whose opi