CSS en la etiqueta “more” en WordPress
Hace un tiempo les mostré como agregar estilo a la etiqueta more en WordPress, pero al parecer ese código no código no funciona con Internet Explorer. Entonces giObanii me dió un código, con el cual si es compatible y lo mejor es que usamos un estilo predefinido por WordPress.
No tendremos que hacer ninguna modificación a la línea que aplica la función. (Si la modificaste como en el post anterior, cambiala por la siguiente, que es la default)
Ahora para agregar nuestro CSS tendremos que usar el siguiente "class":
font-size: 12px;
background: url(dirección de imágen) 2px;
}
/*Al pasar el cursor*/
.more-link:hover {
font-size: 12px;
background: url(dirección de imágen) 2px;
}
Como verán el CSS nos da la opción de mostrar una imágen distinta al pasar el mouse por el enlace. Ustedes modifiquen el CSS para que quede acorde con el diseño de su sitio.
Muchas gracias a giObanii por el aporte 
03/10/2009
October 3rd, 2009 a las 3:36 pm
Hola, aunque estoy en contra del “leer más” se agradece, hay clientes que lo piden de todas maneras (sobre todo empresas coorporativas)
October 3rd, 2009 a las 3:56 pm
@DoctorPc: si, es muy pedido para mantener el orden en el diseño.
Ojalá te sea útil en lo que lo necesites
October 4th, 2009 a las 10:16 am
Gracias por tomarme en cuenta tambien es importante decir que es posible modificar el CSS de “Leer mas” (como algunos le decimos) de mucha maneras bueno eso ya queda de cada quien y de su creatividad.. y claro del conocimiento que tengamos en CSS pero esto es lo de menos hay muchos tutoriales que explican con detalle la utilizacion del CSS
Saludos.
October 4th, 2009 a las 7:58 pm
@giObanii: siempre tomo en cuenta mis lectores, traen buenas ideas
Lo que comentas es cierto, cada quién puede hacer lo que quiera con CSS gracias a los miles de tutoriales que existen.
Nos vemos!