Mejorar el estilo de las listas en WP

webbber

Cobre
Usuario de Bronce
Mensajes
839
Puntuación de reacción
0
hola amigos,

Quiero mejorar las listas que tiene mi theme en WP de modo que al usar listas numeradas, me de un resultado como este sitio:
http://css-tricks.com/examples/NumberedFAQ/

¿alguna idea de como hacerlo con el CSS del theme? en mi caso la listas tendrían que llevar un H2.


agradezo cualquier ayuda de antemano.
 

CristianGno

Estafador
Usuario de Bronce
Mensajes
620
Puntuación de reacción
0
hola amigos,

Quiero mejorar las listas que tiene mi theme en WP de modo que al usar listas numeradas, me de un resultado como este sitio:
Numbered FAQ

¿alguna idea de como hacerlo con el CSS del theme? en mi caso la listas tendrían que llevar un H2.


agradezo cualquier ayuda de antemano.

Mira el código fuente. Yo en el momento no lo voy a utilizar pero se ven cosas interesantes, estaré pendiente del hilo por si se resuelve.
 
Mensajes
139
Puntuación de reacción
0
Mira esto: HTML Lists


Resumen:

Ordered HTML Lists
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

The list items will be marked with numbers.

Ordered List:

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

Try it Yourself »
Ordered HTML Lists - The Type Attribute
A type attribute can be added to an ordered list, to define the type of the marker:

Type Description
type="1" The list items will be numbered with numbers (default)
type="A" The list items will be numbered with uppercase letters
type="a" The list items will be numbered with lowercase letters
type="I" The list items will be numbered with uppercase roman numbers
type="i" The list items will be numbered with lowercase roman numbers
Numbers:

<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
 

webbber

Cobre
Usuario de Bronce
Mensajes
839
Puntuación de reacción
0
@danny lo que él busca, por lo que he leído, es tener la lista numerada con el diseño de la web que enlazó.
@webbber mándame la url de tu blog por privado (una entrada con lista puesta, tal y como la quieres tener) y veo lo que se puede hacer con un poco de CSS. :mola:
Te envie la URL :mola:
 
Arriba