integration comments with explicit theme

[Khaled]

Hello guys

I need to integrate comments with explicit theme can anyone help me please ?

[gamerclips]

Khaled, Ahmed is helping me out with this so as soon as he is done I am happy to send you the files. He’s working on the 1.2 release at the moment. I’m sure he can tell you which files or code he changed so that you can insert it your self 🙂 but as I said happy to send you the files once I receive them

What’s your site btw?

[gamerclips]

Sorry also forgot to mention they just released version 1.3 so I’ll have to modify mine as well.

[Michaelvb]

Using the theme aswell, was wondering how to integrate userpro comments

[Khaled]

Thanks salih
im waiting for the file
My site gamerpath.com its not live now

I think a lot of explicit users are useing UserPro plugin

[gamerclips]

Well maybe Ahmed can post the modified files for us here. If he doesn’t I’ll share with you guys over email.

[Khaled]

Hope he do that

[gamerclips]

I’m sure he will he’s a great guy!

[gamerclips]

While you guys wait here’s some custom CSS code taht will help you with image borders and conflicts with the latest buddypress enhancements Brian made on the theme

PHP

.bp-page .userpro img.avatar {border:0px !important;} .comment-list .modified.avatar { border-radius: 50% !important; } div.userpro-awsm { background: #FFFFFF; } div.userpro-awsm-pic { margin-left: -48px !important; top: -48px; .comment-list .modified.avatar { border-radius: 999px; } } div.userpro-profile-img { height: 80px; width: 80px; } .userpro-sc-left br { display: none; } div.userpro-sc-bar { height: 38px; } .author-image img { border-radius: 999px; }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

.bp-page .userpro img.avatar {border:0px !important;} .comment-list .modified.avatar { border-radius: 50% !important; } div.userpro-awsm { background: #FFFFFF; } div.userpro-awsm-pic { margin-left: -48px !important; top: -48px; .comment-list .modified.avatar { border-radius: 999px; } } div.userpro-profile-img { height: 80px; width: 80px; } .userpro-sc-left br { display: none; } div.userpro-sc-bar { height: 38px; } .author-image img { border-radius: 999px; }

Credits go to keyhanjun!

[gamerclips]

Alright guys, here’s the code you need! Can you please go into your functions/theme.php file in the theme folder and change the it_comment code to this

PHP

if (!function_exists('it_comment')) { function it_comment($comment, $args, $depth) { global $post; global $userpro; $GLOBALS['comment'] = $comment; ?> <li id="li-comment-<?php comment_ID(); ?>"> <div class="comment clearfix" id="comment-<?php comment_ID(); ?>"> <div class="comment-avatar-wrapper"> <div class="comment-avatar"> <?php echo get_avatar($comment, 50); ?> </div> </div> <div class="comment-content clearfix"> <?php if ($comment->user_id) { ?> <div class="comment-author"><a href="<?php echo $userpro->permalink($comment->user_id); ?>"><?php echo userpro_profile_data('display_name', $comment->user_id); ?></a><?php echo userpro_show_badges($comment->user_id, $inline=true); ?></div> <?php } else { ?> <div class="comment-author"><?php printf(__('%s',IT_TEXTDOMAIN), get_comment_author_link()) ?></div> <?php } ?> <a class="comment-meta" href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ) ?>"><?php printf(__('%1$s at %2$s',IT_TEXTDOMAIN), get_comment_date(), get_comment_time()) ?></a> <?php $editlink = get_edit_comment_link(); if(!empty($editlink)) { ?> <a class="edit-link" href="<?php echo $editlink; ?>"><span class="theme-icon-pencil"></span></a> <?php } ?> <br class="clearer" /> <?php if ($comment->comment_approved == '0') : ?> <div class="comment-moderation"> <?php _e('Your comment is awaiting moderation.',IT_TEXTDOMAIN) ?> </div> <?php endif; ?> <?php echo it_get_comment_rating($post->ID, $comment->comment_ID); ?> <?php if(strpos(get_comment_text(),'it_hide_this_comment')===false) { ?> <div class="comment-text"> <?php comment_text() ?> </div> <?php } ?> <div class="info reply-wrapper" title="<?php _e('Reply to this comment',IT_TEXTDOMAIN); ?>"><?php echo get_comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth'], 'reply_text' => '<span class="theme-icon-forward"></span>'))); ?></div> </div> </div> <?php } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61

if (!function_exists('it_comment')) { function it_comment($comment, $args, $depth) { global $post; global $userpro; $GLOBALS['comment'] = $comment; ?> <li id="li-comment-<?php comment_ID(); ?>"> <div class="comment clearfix" id="comment-<?php comment_ID(); ?>"> <div class="comment-avatar-wrapper"> <div class="comment-avatar"> <?php echo get_avatar($comment, 50); ?> </div> </div> <div class="comment-content clearfix"> <?php if ($comment->user_id) { ?> <div class="comment-author"><a href="<?php echo $userpro->permalink($comment->user_id); ?>"><?php echo userpro_profile_data('display_name', $comment->user_id); ?></a><?php echo userpro_show_badges($comment->user_id, $inline=true); ?></div> <?php } else { ?> <div class="comment-author"><?php printf(__('%s',IT_TEXTDOMAIN), get_comment_author_link()) ?></div> <?php } ?> <a class="comment-meta" href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ) ?>"><?php printf(__('%1$s at %2$s',IT_TEXTDOMAIN), get_comment_date(),  get_comment_time()) ?></a> <?php $editlink = get_edit_comment_link(); if(!empty($editlink)) { ?> <a class="edit-link" href="<?php echo $editlink; ?>"><span class="theme-icon-pencil"></span></a> <?php } ?> <br class="clearer" /> <?php if ($comment->comment_approved == '0') : ?> <div class="comment-moderation"> <?php _e('Your comment is awaiting moderation.',IT_TEXTDOMAIN) ?>                               </div> <?php endif; ?>   <?php echo it_get_comment_rating($post->ID, $comment->comment_ID); ?> <?php if(strpos(get_comment_text(),'it_hide_this_comment')===false) { ?> <div class="comment-text"> <?php comment_text() ?> </div>     <?php } ?>             <div class="info reply-wrapper" title="<?php _e('Reply to this comment',IT_TEXTDOMAIN); ?>"><?php echo get_comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth'], 'reply_text' => '<span class="theme-icon-forward"></span>'))); ?></div>                 </div>                  </div> <?php } }

[gamerclips]

The code isn’t showing up properly, so I’ve uploaded it here for everyone to access http://www.mediafire.com/view/pf5c43d1vjytpqn/comment_code.txt

[Khaled]

done

thank you very much Salih

[Khaled]

want to ask you guys

do you have issue with author and comments picture ?

its out of frame like this

[gamerclips]

The top part of the code fixed it for me. I had the same issue but yeah this did the trick for me

PHP

div.userpro-awsm-pic { margin-left: -48px !important; top: -48px; .comment-list .modified.avatar { border-radius: 999px; } } div.userpro-profile-img { height: 80px; width: 80px; } .userpro-sc-left br { display: none; } div.userpro-sc-bar { height: 38px; } .author-image img { border-radius: 999px; }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

div.userpro-awsm-pic { margin-left: -48px !important; top: -48px; .comment-list .modified.avatar { border-radius: 999px; } } div.userpro-profile-img { height: 80px; width: 80px; } .userpro-sc-left br { display: none; } div.userpro-sc-bar { height: 38px; } .author-image img { border-radius: 999px; }

[Khaled]

where ?