Índice en HTML con columnas

¡Hola, hola, mis queridos soñadores! ¿Cómo están? Espero que de maravillas. Les traigo nuevamente un bonito recurso para sus blogs. Son dos índices con columnas, tres en total. Yo los he diseñado pensando en los retos de escritura que llevo, sin embargo, son fácilmente adaptables para cualquier uso que quieran darles.Hice dos versiones de mismo índice: color sólido y con degradado. Así que se los dejo con su respectivo código para usarlo 🙂

Recuerden que si quieren usarlo en su blog, deben entrar al editor y ponerlo en modo HTML, luego, pueden cambiar la pestaña y rellenar la tabla con facilidad 🙂

Pueden descargar el código desde aquí.


Aquí les dejo las indicaciones para poder hacer la edición de colores:

Título 
background: #AFFA8E
border: #4ABD18


Tabla 
background: #D6FFC4
border: #8BCA6F


Pueden descargar el código desde aquí.

Aquí les dejo las indicaciones para poder hacer la edición de colores:

Título 
background: #E8B7E9
border: #CB62CD


Tabla 
background: #E2B0FD y #FECEFF
border: #CB62CD

Como pueden ver, ambos trabajos son bastante sencillitos, pero muy vistosos, así que espero, puedan darle un buen uso y hacer más bonitas sus entradas 🙂

Cualquier duda que tengan para usarlos, pueden preguntar en los comentarios o por la zona de contacto.
Espero les sea de utilidad 🙂

¡Un abrazo!

¿Te gustó la entrada?

Haz clic en los corazones ¡y vota!

Votos / 5. Votos:

5 Comments

  1. Citu 15 agosto, 2019 at 11:32 pm

    Gracias por el tutorial

    Reply
    1. Roxanabr 17 agosto, 2019 at 1:29 am

      Espero te sirva.
      ¡Un abrazo!

      Reply
  2. Yessy 16 agosto, 2019 at 9:14 am

    !Que lindos!
    Me encanta ese color purpura.
    Abrazo!

    Reply
    1. Roxanabr 17 agosto, 2019 at 2:01 am

      Me gusta mucho también, que siempre estoy entre esos verdes y los purpuras. Me alegra que te gusten y espero, te sirvan.
      ¡Un abrazo!

      Reply
  3. Giacarlo 18 agosto, 2019 at 5:21 pm

    Me encantan y me llena de intriga, donde aprendiste tanto.
    ¡Un abrazo!

    Reply

Leave A Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *