icon: info.svg
icon: reply.svg
icon: thumb-down.svg
icon: thumb-up.svg
icon: wrench.svgPage last updated 08 Aug 2023
On my site I use the comment system by Jacob Barkdull, for all details see
On my site I wanted a fully responsive setup that works on all devices, and made the CSS to suit. I demonstrate here a basic version of that CSS, for comments with borders. I also have a responsive demo without borders at HashOver responsive CSS demo - without borders.
Note that this is only a basic demo page. I have modified the system for this site so that it works well in conjunction with the site CSS and Javascript, and you can see it in operation on my main site pages. I have some Javascript code to make the text input areas resize automatically, on this page there is a basic version of that code. The CSS for this page includes basic media queries with one breakpoint.
Note that you can have the same comments for a number of different pages, for example this page and the demo page without borders link to the same set of comments, which have the primary association to the page HashOver responsive CSS demo - without borders - see the script code at the bottom of this page which enables this feature.
You can download copies of the demo files here:
icon: info.svg icon: reply.svg icon: thumb-down.svg icon: thumb-up.svg icon: wrench.svgLorem ipsum vestibule non feugiat nibh. In posuere justo vel nunc ultrices gravida. Praesent auctor et mauris finibus iaculis. Vivamus sit amet commodo risus, non suscipit lectus. Etiam in porta mauris. Integer pellentesque sit amet erat at interdum. Donec non porttitor diam. Proin placerat urna et erat imperdiet malesuada. Aliquam suscipit augue nisi, a venenatis tortor feugiat eget. Phasellus suscipit lacinia quam. Vestibulum sodales ex nec cursus iaculis. Donec lacus turpis, luctus in nulla mattis, feugiat venenatis nisi. Vestibulum turpis neque, facilisis quis lorem et, euismod varius diam. Curabitur dignissim sollicitudin massa, vel volutpat mauris lacinia sed. Pellentesque aliquam elit leo, ut rutrum mi ultrices vitae. Fusce ullamcorper sed nibh vel scelerisque.
End of comment section