I actually need the following:
style.css:
#comments {
padding: 10px;
border: 1px solid #dcdcdc;
background: #f4f4f4;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}
#avatar {
float: left;
margin: -10px 10px 5px 10px;
border: 2px solid #999999;
background: #f4f4f4;
padding: 3px;
z-index: 10;
box-shadow: 3px 3px 15px -5px #666666;
-moz-box-shadow: 3px 3px 15px -5px #666666;
-webkit-box-shadow: 3px 3px 15px -5px #666666;
}
#commentmetadata {
background: #cccccc;
padding: 4px 0px;
border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}
.currentcommentdate {
color: #666666;
font: 12px Comic Sans MS;
float: right;
text-align: right;
margin: 0px 5px 2px 2px;
}
#comments a, #comments a:visited {
color: #666666;
text-align: center;
font: 14px Comic Sans MS;
text-decoration: none;
}
#comments a:hover, #comments a:active {
color: #333333;
text-decoration: none;
}
.authorlink {
color: #666666;
font: bold 14px Comic Sans MS;
}
.reply {
color: #666666;
font: 12px Comic Sans MS;
text-align: right;
margin: 0px 5px 2px 2px;
}
.leftviews {
float: right;
text-align: right;
margin: 0px 5px 2px 2px;
}
.righttviews {
float: right;
text-align: right;
margin: 0px 5px 2px 2px;
}
comments.php:
<ol class="commentlist">
<?php wp_list_comments('callback=custom_comment'); ?>
</ol>
single.php:
<?php comments_template(); ?>
functions.php:
function custom_comment($comment, $args, $depth) {
$GLOBALS['comment'] = $comment; ?>
<li <?php comment_class(); ?> id="li-comment-<?php comment_ID( ); ?>">
<div id="comment-<?php comment_ID( ); ?>" class="vcard">
<div id="avatar">
<?php echo get_avatar( $comment->comment_author_email, 48 ); ?>
</div>
<div id="commentmetadata">
<div class="currentcommentdate"><?php comment_date('d.m.Y') ?> ?? <?php comment_time() ?></div>
<div class="authorlink">
<?php printf(__('<cite class="fn">%s</cite> <span class="says"></span>'), get_comment_author_link()) ?>
</div>
</div>
<?php if ($comment->comment_approved == '0') : ?>
<span style="color: red;">?’?°?€ ???‚?·?‹?? ?±?????µ?‚ ???????±?»?????????°?? ???????»?µ ?????????µ?????? ?°?????????????‚???°?‚????????.</span>
<?php endif; ?>
<div id="comments">
<div id="commentstext">
<?php comment_text() ?>
</div>
<div class="reply">
<?php comment_reply_link(array_merge( $args, array('reply_text' => '???‚???µ?‚???‚??', 'depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
</div>
</div>
But when I open your style.css it has a threataning statement of not changing anything there. When I open single.php there is nothing in it. So I started to understand - it's a framework and things are done differently here, so I'm trying to learn your way to go about this.
P.S. Yep, the blank pages and wird symbols seems to be a bug and I will get my hoster to fix that shortly.