| Para resaltar una parte del texto de un post, como un resumen o una cita en particular, podemos hacerlo por medio de tablas HTML a manera de recuadros. Vamos a ver cómo hacer recuadros con buenos diseños. Para este efecto elaboraremos el siguiente ejemplo: Ejemplo de recuadro con HTML Esta tabla tendrá las siguientes características:
La fuente, el tamaño y el color de los caracteres no los hemos asignado, por consiguinte se nos darán por defecto. Por este motivo debemos tener en cuenta los colores bàsicos de nuestro blog para escoger los colores que vamos a poner en el fondo de la tabla y de las celdas. Éste es el código HTML:
Y éste es el recuadro: |
| Título del recuadro |
|---|
| Aquí colocamos el contenido del recuadro. Nótese que a pesar de haber puesto en el código de la tabla como borde "0", aparece un borde blanco. Esto se debe a que el color del fondo de la tabla, que es blanco, se ve a través de los espacios dejados entre las celdas, que es "1". (cellspacing="1") |
| Twittear |
| |
|---|
| Qué es HTML |
| Ejemplos de códigos HTML |
| Tags HTML |
| Publicar códigos HTML |
| Crear recuadros con HTML |
| Código DM HTML |
9 comentarios :
Muchísimas gracias por compartir el artículo. Hacía mucho que estaba buscando uno similar, pero todos los que encontraba me parecían de difícil aplicación.
Su blog me parece sumamente interesante y prolijo, ya lo he enlazado en uno de los míos de la misma temática.
Estaría agradecida de recibir el intercambio.
Marita: Gracias por su comentario. La felicito por su blog, es excelente. El enlace ya está en este blog.
Saludos.
Hola!!
Me parece muy útil la información y sencilla de aplicar. Si lo pongo en una entrada consigo que se vea el fondo azul, pero si lo pongo en la columna, en un widget sigo viendo el fondo blanco, cómo puedo hacer para qué se vea.
Gracias.
Noelia: El recuadro debe quedar lo mismo en una entrada o en un widget. El widget debe ser del tipo HTML/JavaScript. Fíjate que los códigos de los colores queden exactamente como se indica en el tutorial. Si de todas maneras te sigue quedando el fondo blando dime qué plantillas utilizas.
Hola Pedro!
Sigo sin poder ver el color en un widget, de hecho he añadido otros colores en lenguaje html y tampoco puedo verlo.
Utilizo Twenty Ten 1.3 per the WordPress team
Gracias!
Noelia: Creo que el problema es de la plantilla. Lo que pasa es que los tutoriales de este blog están dirigidos a plantillas de Blogger.
Saludos.
Ups! Va a ser ese el problema. Muchas gracias Pedro!
Buenas amigo 2 preguntas, 1 sabes que al publicar como lo indicas aca se genera el recuadro pero el color de la barra del titulo quedan en gris y no cambia el color asi le cambie el hexa, otra cosa como hago para hacer que una imagen quede dentro del recuadro.
y como hago si quiero agregar 2 cuadros o mas dentro de la misma publicacion
Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.
El autor.