Comment Chains

Developer
Event Horizon
Size
12,607 Kb
Views
38,456
  1. Comment Chains Previews
  2. Comment Chains HTML Codes
  3. Comment Chains CSS Codes

How do I make an comment chains?

Comment Chains Testing, trying out other ideas besides pushing left sides of comments in with margins. What is a comment chains? How do you make a comment chains? This script and codes were developed by Event Horizon on 30 July 2022, Saturday.

Comment Chains Previews
IQ Test

Comment Chains - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Comment Chains</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment</div>
</div>
<div class="children"> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment</div> </div> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment</div> </div> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment</div> </div> <div class="children"> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment </div> </div> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment </div> </div> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment</div> </div> <div class="children"> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment</div> </div> <div class="children"> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment</div> </div> </div> <div class="children"> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment </div> </div> <div class="children"> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment </div> </div> </div> </div> </div> </div>
</div>
<div class="children"> <div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment</div> </div>
</div>
<div class="comment"> <div class="icon"></div> <div class="username">MyUsername</div> <div class="date">01-01-1999</div> <div class="usercomment">This is the comment</div>
</div>
</body>
</html>

Comment Chains - Script Codes CSS Codes

/*
*
* Comment section, testing out different parent/child visuals, chains
*
*/
/* made without border box originally
*{ box-sizing:border-box;
}
*/
.comment { position: relative; margin: 24px 32px; padding: 8px; box-shadow: 0px 0px 2px 1px #999;
}
.children { position: relative; border-right: 8px solid #999;
}
.children:before { position: absolute; content: ""; width: 12px; height: 24px; background-color: #999; left: calc(50% - 6px); top: -24px; z-index: -1;
}
.children > .children { border-color: #51c797 #268127 #658a23 #dba062;
}
.children > .children:nth-child(2n) { border-color: #e952c6 #160d73 #36fcbb #0a2284;
}
.children > .children:nth-child(2n) > .children:nth-child(2n) { border-color: #c44ea0 #bb1999 #191a07 #c4d476;
}
.children + .children { border-color: #3325e6 #4f8bfe #404dae #71e230;
}
.comment > div { padding: 2px;
}
.comment .icon { position: absolute; display: inline-block; width: 48px; height: 48px; background-color: #ccc; border: 2px solid #fff; box-shadow: 0px 0px 2px 1px #bbb; left: -28px; background-size: 48px 48px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzI4MzciCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC40NyByMjI1ODMiCiAgIHdpZHRoPSIxMjUuMDAwMDgiCiAgIGhlaWdodD0iMTgwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJkZWZhdWx0cHJvZmlsZS5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTI4NDMiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyODQxIj4KICAgIDxpbmtzY2FwZTpwZXJzcGVjdGl2ZQogICAgICAgc29kaXBvZGk6dHlwZT0iaW5rc2NhcGU6cGVyc3AzZCIKICAgICAgIGlua3NjYXBlOnZwX3g9IjAgOiAwLjUgOiAxIgogICAgICAgaW5rc2NhcGU6dnBfeT0iMCA6IDEwMDAgOiAwIgogICAgICAgaW5rc2NhcGU6dnBfej0iMSA6IDAuNSA6IDEiCiAgICAgICBpbmtzY2FwZTpwZXJzcDNkLW9yaWdpbj0iMC41IDogMC4zMzMzMzMzMyA6IDEiCiAgICAgICBpZD0icGVyc3BlY3RpdmUyODQ1IiAvPgogICAgPGxpbmVhckdyYWRpZW50CiAgICAgICBpZD0ibGluZWFyR3JhZGllbnQzNjg2Ij4KICAgICAgPHN0b3AKICAgICAgICAgaWQ9InN0b3AzNjg4IgogICAgICAgICBvZmZzZXQ9IjAiCiAgICAgICAgIHN0eWxlPSJzdG9wLWNvbG9yOiNiN2I3Yjc7c3RvcC1vcGFjaXR5OjE7IiAvPgogICAgICA8c3RvcAogICAgICAgICBpZD0ic3RvcDM2OTAiCiAgICAgICAgIG9mZnNldD0iMSIKICAgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I2YyZjJmMjtzdG9wLW9wYWNpdHk6MTsiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGlua3NjYXBlOnBlcnNwZWN0aXZlCiAgICAgICBzb2RpcG9kaTp0eXBlPSJpbmtzY2FwZTpwZXJzcDNkIgogICAgICAgaW5rc2NhcGU6dnBfeD0iMCA6IDAuNSA6IDEiCiAgICAgICBpbmtzY2FwZTp2cF95PSIwIDogMTAwMCA6IDAiCiAgICAgICBpbmtzY2FwZTp2cF96PSIxIDogMC41IDogMSIKICAgICAgIGlua3NjYXBlOnBlcnNwM2Qtb3JpZ2luPSIwLjUgOiAwLjMzMzMzMzMzIDogMSIKICAgICAgIGlkPSJwZXJzcGVjdGl2ZTMwODMiIC8+CiAgICA8aW5rc2NhcGU6cGVyc3BlY3RpdmUKICAgICAgIHNvZGlwb2RpOnR5cGU9Imlua3NjYXBlOnBlcnNwM2QiCiAgICAgICBpbmtzY2FwZTp2cF94PSIwIDogMC41IDogMSIKICAgICAgIGlua3NjYXBlOnZwX3k9IjAgOiAxMDAwIDogMCIKICAgICAgIGlua3NjYXBlOnZwX3o9IjEgOiAwLjUgOiAxIgogICAgICAgaW5rc2NhcGU6cGVyc3AzZC1vcmlnaW49IjAuNSA6IDAuMzMzMzMzMzMgOiAxIgogICAgICAgaWQ9InBlcnNwZWN0aXZlMjgyNCIgLz4KICAgIDxpbmtzY2FwZTpwZXJzcGVjdGl2ZQogICAgICAgaWQ9InBlcnNwZWN0aXZlMTAiCiAgICAgICBpbmtzY2FwZTpwZXJzcDNkLW9yaWdpbj0iMzcyLjA0NzI0IDogMzUwLjc4NzM5IDogMSIKICAgICAgIGlua3NjYXBlOnZwX3o9Ijc0NC4wOTQ0OCA6IDUyNi4xODEwOSA6IDEiCiAgICAgICBpbmtzY2FwZTp2cF95PSIwIDogMTAwMCA6IDAiCiAgICAgICBpbmtzY2FwZTp2cF94PSIwIDogNTI2LjE4MTA5IDogMSIKICAgICAgIHNvZGlwb2RpOnR5cGU9Imlua3NjYXBlOnBlcnNwM2QiIC8+CiAgICA8bGluZWFyR3JhZGllbnQKICAgICAgIGlua3NjYXBlOmNvbGxlY3Q9ImFsd2F5cyIKICAgICAgIHhsaW5rOmhyZWY9IiNsaW5lYXJHcmFkaWVudDM2ODYiCiAgICAgICBpZD0ibGluZWFyR3JhZGllbnQyOTcyIgogICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAuNzc4MjYyMTYsMCwwLDMuODMyMDYyNSwtMjU3LjIwMjI2LC0zMzE3Ljc4NSkiCiAgICAgICB4MT0iMTk3LjQ4NDgzIgogICAgICAgeTE9Ijc0NC43NzA3NSIKICAgICAgIHgyPSIxOTcuNDg0ODMiCiAgICAgICB5Mj0iNzkxLjc0Mjg2IiAvPgogIDwvZGVmcz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEwMjQiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNTc1IgogICAgIGlkPSJuYW1lZHZpZXcyODM5IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIwLjU3ODcyMzQiCiAgICAgaW5rc2NhcGU6Y3g9Ii0zMS45OTk5NDEiCiAgICAgaW5rc2NhcGU6Y3k9IjQyLjYxMTA5NiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTEiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii0yIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMjgzNyIgLz4KICA8ZwogICAgIGlkPSJnMjk3NCIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDEuMDA3Mjk0LC0yODMuNzc3MDcpIj4KICAgIDxyZWN0CiAgICAgICBzdHlsZT0iZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50Mjk3Mik7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiCiAgICAgICBpZD0icmVjdDMwNjUiCiAgICAgICB3aWR0aD0iMTI1IgogICAgICAgaGVpZ2h0PSIxODAiCiAgICAgICB4PSItMTY2LjAwNzI5IgogICAgICAgeT0iLTQ2My43NzcwNyIKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoLTEsLTEpIiAvPgogICAgPHBhdGgKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc2NjY3Nzc3Nzc3Nzc3Nzc3NhYWFzc3Nzc3Nzc3Nzc3Nzc3NzY2Njc3Nzc2NjY3Nzc3Nzc3NjY2NzY2MiCiAgICAgICBzdHlsZT0iZmlsbDojODA4MDgwO2ZpbGwtb3BhY2l0eToxIgogICAgICAgZD0ibSA0MS40NzcyNjUsNDYzLjE5MzExIGMgLTAuNTc1MzQsLTAuNjUzNDggLTAuNjQ3OTI5LC00Mi4yMTE2OSAtMC4wNzU2LC00My4yODExIDAuNTY2ODU5LC0xLjA1OTE4IDMuNTc2ODkxLC0yLjQwMjIzIDYuNDE3MTgyLC0yLjg2MzI5IDIuMjU2NjAzLC0wLjM2NjMgNC4wNDE3NjgsLTAuOTk3MjIgMi44MjE2MTIsLTAuOTk3MjIgLTAuMjMzMDUyLDAgLTAuNDIzNzMxLC0wLjIzODM1IC0wLjQyMzczMSwtMC41Mjk2NyAwLC0wLjI5MTMxIDAuMTUxNzk0LC0wLjUyOTY2IDAuMzM3MzE5LC0wLjUyOTY2IDAuMTg1NTI1LDAgMS4yMDAzNjUsLTAuODM0MjIgMi4yNTUxOTksLTEuODUzODMgMS4wNTQ4MzQsLTEuMDE5NiAzLjE0NTc1NywtMi40ODM5MyA0LjY0NjQ5NSwtMy4yNTQwNyAxLjUwMDczNywtMC43NzAxMyAyLjgxMzA1MSwtMS42MjAyOSAyLjkxNjI1NCwtMS44ODkyMyAwLjIyNzA5OSwtMC41OTE4MSA2LjAyMjY2MywtMy4zMzQxOSA5LjQ0MjMxOCwtNC40Njc5OCAyLjMzMDcxMSwtMC43NzI3NCAyLjU4Njg2MywtMC45Njc3MiA0LjQ4ODU3OCwtMy40MTY2NyAxLjI0NjAwNCwtMS42MDQ1NCAxLjkzNTMwOSwtMi43OTk1OCAxLjgwMzU1NywtMy4xMjY4MSAtMC4xMTcyODksLTAuMjkxMzIgLTAuNzMwOTk3LC0yLjUxNTkxIC0xLjM2Mzc5OCwtNC45NDM1NCAtMC45OTI4ODQsLTMuODA5MDIgLTIuMDM0MDMyLC02Ljg5OTc1IC0yLjQ4NTE0NywtNy4zNzczNCAtMC4wNzIsLTAuMDc2MiAtMC4zOTAyOTYsMC4wNzY3IC0wLjcwNzMyMSwwLjMzOTc4IC0wLjQ4ODk0NywwLjQwNTc5IC0wLjYzNzc2MiwwLjM5NDQ3IC0wLjk4MDc4LC0wLjA3NDYgLTAuMjIyNDAyLC0wLjMwNDE1IC0xLjA0NTQyNywtMC44ODAwNSAtMS44Mjg5NDUsLTEuMjc5NzcgLTEuMTAyNzIzLC0wLjU2MjU3IC0xLjY4MDgzNywtMS4yMjM2NSAtMi41NTg4NDgsLTIuOTI2MDggLTAuNjIzODUzLC0xLjIwOTYyIC0xLjEzNDI3NywtMi40NzUzOSAtMS4xMzQyNzcsLTIuODEyODEgMCwtMC4zMzc0MyAtMC4yMjQ1MSwtMS4xNTA4MyAtMC40OTg5MTUsLTEuODA3NTcgLTAuMjc0NDAyLC0wLjY1Njc0IC0wLjkyMTAwMiwtMi45NDA0NiAtMS40MzY4ODgsLTUuMDc0OTQgLTEuMDkyNjczLC00LjUyMDkzIC0yLjExNTI4MiwtNy44NjM2MyAtMy4wNDk0ODMsLTkuOTY4MTUgLTAuNDU1NzQ4LC0xLjAyNjY4IC0wLjY2MjAzMSwtMi4zMDIyMyAtMC42NTY3MTMsLTQuMDYwNzYgMC4wMDc3LC0yLjUyODgxIDAuMjAxNzM1LC0zLjE1NDU2IDEuOTg0NDgsLTYuMzk4MDkgMC43MDA1NzYsLTEuMjc0NjQgMC43MzUwNTMsLTIuNzY2MjEgMC4xNTYyMzMsLTYuNzU5MDkgLTAuMjUzMzgxLC0xLjc0NzkgLTAuNDM1MTA5LC00Ljc4NjIyIC0wLjQwMzg0MSwtNi43NTE4MyBsIDAuMDU2ODUsLTMuNTczODUgLTAuOTAwNzQsMC4xNzIxOSBjIC0xLjA2MzAxOCwwLjIwMzIxIC0xLjA2ODQ2MSwwLjE4MTQ2IC0wLjMyNjY0NCwtMS4zMDU1NSAwLjQyNzg3LC0wLjg1NzY4IDAuNjUwMTcsLTEuMDI4OSAwLjg3Mjc2NywtMC42NzIxOSAwLjE3NDc2MSwwLjI4MDA1IDAuMjA5NDY4LC0wLjA3NjUgMC4wODM2NiwtMC44NTk0OSAtMC4xNjg0NTUsLTEuMDQ4MzYgLTAuMDYxMDIsLTEuNTA3MSAwLjQ5NjE3OSwtMi4xMTg2NSAwLjkwMTA3NSwtMC45ODg5OCAxLjQwNjM4MiwtMi43NDcxMyAxLjQ2MDEwOCwtNS4wODAyOSAwLjAyMzE2LC0xLjAwNTM4IDAuMjA4MDUyLC0yLjI2NDQ2IDAuNDEwODg1LC0yLjc5Nzk1IDAuMjAyODMzLC0wLjUzMzQ5IDAuMjcwMzg3LC0xLjQxNzk5IDAuMTUwMTIxLC0xLjk2NTU2IC0wLjE1Njk1NCwtMC43MTQ2MSAtMC4wMTE1OCwtMS4yNTg4MiAwLjUxNTA4NSwtMS45MjgzOCAwLjQwMzU1OCwtMC41MTMwNCAwLjczMzc0NCwtMS4xMTIxMiAwLjczMzc0NCwtMS4zMzEyOCAwLC0wLjIxOTE3IDAuNTMzMTcxLC0xLjE5MDg2IDEuMTg0ODI0LC0yLjE1OTMyIDAuNjUxNjUsLTAuOTY4NDYgMS4zMDk1NDksLTIuMTU0ODkgMS40NjE5OTcsLTIuNjM2NTEgMC4xNTI0NDgsLTAuNDgxNjIgMC42OTE4NDgsLTEuMjgxMzggMS4xOTg2NywtMS43NzcyMyAwLjUwNjgxOCwtMC40OTU4NiAxLjE5NTk2OCwtMS4zNzMgMS41MzE0NDQsLTEuOTQ5MiAxLjg4NzE0MSwtMy4yNDEzMiA1LjA2NzcxNiwtNi44NjY0MyA4LjgzNTcyOCwtOC4zNjk5MyAxNC44OTUwOTcsLTUuOTQzMzggMzIuNTA2Mzc3LC0zLjc0NTYgNDguMTExMTk3LC0wLjA0NzMgMS42MTY5OCwwLjM4MzIyIDIuOTYwNSwxLjUxMDc1IDQuNDUyODcsMi4yNDE3MyAwLjYxOTg5LDAuMzAzNjMgMS4xNTQwNSwwLjQwNSAxLjg2OTUxLDAuODkwNTMgMC43MTU0NiwwLjQ4NTUzIDEuNTE0LDAuODgyNzcgMS43NzQ1MiwwLjg4Mjc3IDEuMDQ0OTEsMCA2LjM4MzQsNC4yMjkyMyA3LjI2MjQsNS43NTMzOCAxLjU2MTY4LDIuNzA3ODkgMy40MDM0LDQuNjAyODIgNC4yNTY2OSw0LjM3OTY4IDAuNDE1NzYsLTAuMTA4NzMgMC45Nzg5NSwtMC4xMTIxIDEuMjUxNTMsLTAuMDA3IDAuNzMzNDIsMC4yODE0NCAwLjYwMTE2LDEuNDQ1OTcgLTAuMTkyODMsMS42OTc5OCAtMC42MzI2LDAuMjAwNzcgLTAuNTYwOTgsMC40MDg1NSAwLjg4Mjc3LDIuNTYxMjggMC44NjQxNywxLjI4ODUyIDEuNTcxMjIsMi40NzUyNiAxLjU3MTIyLDIuNjM3MTggMCwwLjE2MTkzIDAuNDIzMjgsMC45NjQ5MyAwLjk0MDYyLDEuNzg0NDUgMC41MTczNCwwLjgxOTUyIDAuOTc4NjgsMS44MzY3NyAxLjAyNTIsMi4yNjA1NSAwLjE2OCwxLjUzMDQgMC41NzU5NCwzLjE1NzMzIDEuMjY5NTQsNS4wNjMxMiAwLjc3OTYsMi4xNDIwOCAwLjk2NjY1LDUuNDczMTkgMC4zNDI0LDYuMDk3NDQgLTAuMjE5ODgsMC4yMTk4OCAtMC4zOTk3NywxLjAyNDg4IC0wLjM5OTc3LDEuNzg4OSAwLDAuNzY0MDIgLTAuMTc2MzMsMS45Nzc2NCAtMC4zOTE4MywyLjY5NjkyIC0wLjMyMjUsMS4wNzY0MSAtMC4yODY4MiwxLjUxMDg2IDAuMjAxNjUsMi40NTU0NiAwLjUwOTUzLDAuOTg1MzIgMC41MjI2MywxLjIwNTcxIDAuMDkyNiwxLjU1ODA1IC0wLjI3NTUsMC4yMjU3MSAtMC43MDA1MywxLjM0Njg0IC0wLjk0NDUzLDIuNDkxNCBsIC0wLjQ0MzYzLDIuMDgxMDEgMS4xMjIyOCwwLjg3ODMyIGMgMC42MTcyNSwwLjQ4MzA3IDEuMjU1MTYsMS4yMjc4MiAxLjQxNzU3LDEuNjU1IDAuMTYyNDEsMC40MjcxNyAwLjE2NDE4LDMuNzgzIDAuMDA0LDcuNDU3NCAtMC4zMjk4MSw3LjU2MjYxIC0xLjEyMjk3LDExLjk1MDA3IC0yLjc0OTA1LDE1LjIwNjczIC0wLjU2NzcyLDEuMTM3MDEgLTEuMTM2ODMsMi41MDEzNCAtMS4yNjQ3LDMuMDMxODYgLTAuNTA4ODgsMi4xMTEzNiAtMy43Mjg1Nyw0LjczMTk0IC02LjgxMTgyLDUuNTQ0MjkgbCAtMS40Njk0NSwwLjM4NzE1IC0wLjIwMTg2LDMuMDg0NTIgYyAtMC4yNzg4Nyw0LjI2MTM3IC0xLjcxMDQxLDkuOTM1NjcgLTMuMzkyNDMsMTMuNDQ2OSAtMS45Mjk5Nyw0LjAyODc5IC0xLjg3NzYxLDQuNzQ4ODMgMC41NTIyNyw3LjU5NTI1IDIuMjA1NjYsMi41ODM3NSA0LjY0NjI4LDQuMjg0NDYgNi41NTY3NCw0LjU2ODk2IDEuNzM5MjYsMC4yNTkgNS4xODA5OCwyLjkzNzQ0IDcuNTExNDcsNS44NDU2MSAxLjAzNTAzLDEuMjkxNTkgMy4wOTQ4NywzLjU5Njg2IDQuNTc3NDMsNS4xMjI4MiAxLjQ4MjU1LDEuNTI1OTcgMi43MTM4OCwyLjk1NjA2IDIuNzM2MjgsMy4xNzc5OSAwLjAyMjQsMC4yMjE5MyAwLjA2MjEsMC41Njc5OCAwLjA4ODMsMC43Njg5OSAwLjA2NDUsMC40OTU4NCAxLjQ1MTMsMi4yOTY2NiAzLjU3ODY0LDQuNjQ3MDUgbCAxLjc2NTU1LDEuOTUwNjYgMC4xMDkwMSwxNS4xNDk0MyBjIDAuMDkzOCwxMy4wMzgxNSAwLjAzNTgsMTUuMjIyNjIgLTAuNDE2MTYsMTUuNjc0NiAtMC43NzU4NywwLjc3NTg2IC0xMjMuMzkyNiwwLjc3Mjg4IC0xMjQuMDc1NzI1LC0wLjAwMyBsIC0xLjRlLTUsMS43ZS00IHoiCiAgICAgICBpZD0icGF0aDI4NjMiIC8+CiAgPC9nPgo8L3N2Zz4K);
}
.comment .username { font-size: 1.1em; font-weight: bold; font-style: italic; margin-left: 28px;
}
.comment .date { font-size: 0.9em; margin-left: 28px;
}
.comment .usercomment { padding-top: 24px; padding-bottom: 24px;
}
Comment Chains - Script Codes
Comment Chains - Script Codes
Home Page Home
Developer Event Horizon
Username Event_Horizon
Uploaded July 30, 2022
Rating 3
Size 12,607 Kb
Views 38,456
Do you need developer help for Comment Chains?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Event Horizon (Event_Horizon) Script Codes
Name
XLSX and Vuejs
Confetti
Note Taking App
Gaming UI
Like Notification
Timeline
Simple Drag and Drop
Spinning Loader
Tabs
Music Player
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!