step 1 go to your cuser comments module
open template item_list.tpl
you can simply select all then paste this over it
but i will also show u just how simple it was to edit it
{jrCore_module_url module="jrComment" assign="murl"}
{foreach from=$_items item="item"}
<div id="cm{$item._item_id}" class="item">
<div class="container">
<div class="row">
<div class="col1">
<div class="block_image p5">
{jrCore_module_function function="jrImage_display" module="jrUser" type="user_image" item_id=$item._user_id size="small" alt=$item.user_name class="action_item_user_img iloutline img_scale"}
</div>
</div>
<div class="col10">
<div class="p5" style="margin-left:18px">
<a name="c{$item._item_id}"></a>
<span class="info" style="display:inline-block;">{$item._created|jrCore_date_format} <a href="{$jamroom_url}/{$item.profile_url}">@{$item.profile_url}</a>:</span><br>
<span class="normal">
{if isset($_conf.jrComment_editor) && $_conf.jrComment_editor == 'on'}
{$item.comment_text|jrCore_format_string:$item.profile_quota_id}
{else}
{$item.comment_text|jrCore_format_string:$item.profile_quota_id:null:"html"}
{/if}
</span><div class="commentback"><a href="{$jamroom_url}/{$item.profile_url}#comment_back">Comment Back</a></div>
</div>
</div>
<div class="col1 last">
<div id="bc{$item._item_id}" class="block_config" style="display:none">
<script>$(function () { $('#cm{$item._item_id}').hover(function() { $('#bc{$item._item_id}').toggle(); }); });</script>
{if $_params.profile_owner_id > 0}
{* profile owners can delete comments *}
{jrCore_item_delete_button module="jrComment" profile_id=$_params.profile_owner_id item_id=$item._item_id}
{else}
{* site admins and comment owners see this button *}
{jrCore_item_delete_button module="jrComment" profile_id=$item._profile_id item_id=$item._item_id}
{/if}
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
{/foreach}
<a id="comment_back"></a>
now theres just 2 lil things u need to make this work
you will see 2 span class's
span class info is your top info span class normal is your comment body
so after the closing span </span> for the normal class
you will see this
<div class="commentback"><a href="{$jamroom_url}/{$item.profile_url}#comment_back">Comment Back</a></div>
the #comment_back too if you just want it to take them to the profile
but since you want to take them to the comment form after the {/fireach} at the very bottom of the template you want to add an anchor
<a id="comment_back"></a>
now this is also optional
but since we have a div for a lil styling
.commentback > a {
-webkit-border-radius: 8.5em / 1.3em;-moz-border-radius: 8.5em / 1.3em;border-radius: 8.5em / 1.3em;
-webkit-box-shadow: 0 0 1.3em 0.1em rgba(27, 192, 145, 0.7) inset,0 0 .2em .1em lightblue;-moz-box-shadow: 0 0 1.3em 0.1em rgba(27, 192, 145, 0.7) inset,0 0 .2em .1em lightblue;box-shadow: 0 0 1.3em 0.1em rgba(27, 192, 145, 0.7) inset,0 0 .2em .1em lightblue;
padding: 0.6em;
}.commentback {margin:.8em;}.commentback > a:hover {
-webkit-border-radius: 8.5em / 1.3em;-moz-border-radius: 8.5em / 1.3em;border-radius: 8.5em / 1.3em;
-webkit-box-shadow: 0 0 2.3em 0.1em rgba(100, 192, 145, 0.7) inset, 0 0 1.3em 0.1em rgba(27, 192, 145, 0.7) inset, 0 0 0.2em 0.1em lightblue;-moz-box-shadow: 0 0 2.3em 0.1em rgba(100, 192, 145, 0.7) inset, 0 0 1.3em 0.1em rgba(27, 192, 145, 0.7) inset, 0 0 0.2em 0.1em lightblue;box-shadow: 0 0 2.3em 0.1em rgba(100, 192, 145, 0.7) inset, 0 0 1.3em 0.1em rgba(27, 192, 145, 0.7) inset, 0 0 0.2em 0.1em lightblue;
padding: 0.6em;
}
makes it a lil more visible as a button
--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
updated by @soaringeagle: 02/22/15 03:15:07PM