A Gift for you: Responsive Timeline with Responsive Image HTML Code

LGALLP
348 Posts
LGALLP posted this 20 September 2019
Ask a Question

Hello Nicepage friends. I wish you all a good day.

I´m happy to share with you an HTML Code that will help you create a Responsive Timeline with a Responsive Image into every timeline special date.

For "best practice", I recommend you to use it as long as two special dates "per block" or Nicepage may give you the "Your block is to large. You should have several smaller blocks instead of one large block" message.

Create the first block with zero margin at the bottom so it can fit just perfect with the second block that should have zero margin at the top to fit perfect with the first block... In-between blocks should have zero top and zero bottom margins, and keep doing this for as long as your timeline should be...

Images should be optimized and uploaded to your online folder so you can give the correct URL for each one to appear into the timeline after publishing your website. Or you can edit the images URLs into Wordpress once you uploaded your theme and content into it.

You can see a working timeline visiting this link: https://reneballadares.000webhostapp.com/cronologia/ (Hold CNTRL or CMD key to open in new tab).

Hope you like it and use it in your websites as you wish.

Hello Nicepage friends. I wish you all a good day. I´m happy to share with you an HTML Code that will help you create a Responsive Timeline with a Responsive Image into every timeline special date. For "best practice", I recommend you to use it as long as two special dates "per block" or Nicepage may give you the "Your block is to large. You should have several smaller blocks instead of one large block" message. Create the first block with zero margin at the bottom so it can fit just perfect with the second block that should have zero margin at the top to fit perfect with the first block... In-between blocks should have zero top and zero bottom margins, and keep doing this for as long as your timeline should be... Images should be optimized and uploaded to your online folder so you can give the correct URL for each one to appear into the timeline after publishing your website. Or you can edit the images URLs into Wordpress once you uploaded your theme and content into it. You can see a working timeline visiting this link: https://reneballadares.000webhostapp.com/cronologia/ (Hold CNTRL or CMD key to open in new tab). Hope you like it and use it in your websites as you wish.
Vote to pay developers attention to this features or issue.
8 Replies
Order By: Standard | Newest
Giumarr
162 Posts
Is Solution
Giumarr posted this 20 September 2019

thanks so much friend

thanks so much friend
matthrubii
1 Posts
matthrubii posted this 28 October 2020

Very helpful!

Very helpful!
LGALLP
348 Posts
LGALLP posted this 30 October 2020

I´m glad you liked it! Hope it can be useful.

I´m glad you liked it! Hope it can be useful.
MayaBee
8 Posts
MayaBee posted this 31 October 2020

Thank you for this!!

Thank you for this!!
PAS
33 Posts
PAS posted this 28 February 2022

thanks!

thanks!
sriram
2 Posts
sriram posted this 08 April 2022

The vertical horizontal lines are not coming on the screen. Can you please repost your code using notepad or textedit?

The vertical horizontal lines are not coming on the screen. Can you please repost your code using notepad or textedit?
LGALLP
348 Posts
LGALLP posted this 09 April 2022

Hi, Sriram! Thank you for your comment. Give me a second to add it.

Hi, Sriram! Thank you for your comment. Give me a second to add it.
LGALLP
348 Posts
LGALLP posted this 09 April 2022

Hi to everyone!

Here´s the same code as notepad TXT format and zipped too, just in case. Hope can solve the problem. It´s the same code, just copied and pasted... Let me know if ot works fine.

Have a nice day.

Hi to everyone! Here´s the same code as notepad TXT format and zipped too, just in case. Hope can solve the problem. It´s the same code, just copied and pasted... Let me know if ot works fine. Have a nice day.
You must log in or register to leave comments