Comment Boxes

CSS/JS files (add code to <HEAD> section):


<!-- DC Comment Boxes CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/comment_boxes/css/tsc_comment_boxes.css" />
Avatar

Joe Blogs

This field is completely editable. To disable this feature remove the "contenteditable=true" tag from this code.

Reply 1st January 2020
Avatar

Joe Blogs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in felis magna. Suspendisse mauris nibh, fringilla ut auctor non, bibendum eget mi. Aliquam posuere nisl.

Reply 2nd January 2020

View code:


<!-- DC Comment Boxes Start -->
  <div class="tsc_clean_comment">
    <div class="avatar_box"> <img src="http://pimg.co/p/52x52" alt="Avatar" class="avatar" />
      <p class="username">Joe Blogs</p>
    </div>
    <div class="comment_box fr">
      <p class="comment_paragraph" contenteditable="true">This field is completely editable. To disable this feature remove the "contenteditable=true" tag from this code.</p>
      <a href="#" class="reply">Reply</a> <span class="date">1st January 2020</span> </div>
    <div class="tsc_clear"></div>
  </div>
<!-- DC Comment Boxes End -->


© TemplateAccess