Hi mhammour,
Apologies for the delay. We've been working through quite a few requests these past few weeks.
Like I mentioned in my first post once you remove the display:none; the labels for all input fields will appear. The other two snippets of code I gave were to help you space the labels. What I should have included to was a way to remove the values in the input fields which is what I assume you're talking about when you say "showing in 2 lines each". To do that plus change the form to appear like http://248am.com/mark/movies/stormtrooper-shemagh/ you'll have to edit the template file comments.php directly.
This is the code you need to look at:
<!--begin of the comment form read and understand -->
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<div class='personal_data'>
<?php if ( $user_ID ) : ?>
<p>
<?php _e('Logged in as','newscast'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account"><?php _e('Log out','newscast'); ?> »</a></p>
<?php else :
if ($comment_author == '') $comment_author = __('Name');
if ($comment_author_email == '') $comment_author_email = __('E-Mail Adress');
?>
<p><input type="text" name="author" class="text_input" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
<label for="author"><small><?php _e('Name','newscast'); if ($req) echo " (required)"; ?></small></label></p>
<p><input type="text" name="email" class="text_input" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
<label for="email"><small><?php _e('Mail (will not be published)','newscast'); if ($req) echo " (required)"; ?></small></label></p>
<p><input type="text" name="url" class="text_input" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small><?php _e('Website','newscast'); ?></small></label></p>
<?php endif; ?>
<p><input name="submit" class="button" type="submit" id="submit" tabindex="5" value="Submit" /><?php cancel_comment_reply_link(__("Cancel Reply",'newscast')); ?><!--to cancel the comment link or not-->
</p>
</div>
<div class='message_data'>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>-->
<p><textarea name="comment" id="comment" cols="100%" rows="10" class='text_area' tabindex="4"></textarea></p>
</div><p>
<?php comment_id_fields(); ?><!--this is necessary because wp must know which comment to which article-->
<?php do_action('comment_form', $post->ID); ?><!--some plugins needs this hook--></p>
</form>
You'll need to rearrange the elements as you want them to appear. Something like this:
<!--begin of the comment form read and understand -->
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<div class='personal_data'>
<?php if ( $user_ID ) : ?>
<p>
<?php _e('Logged in as','newscast'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account"><?php _e('Log out','newscast'); ?> »</a></p>
<?php else :
if ($comment_author == '') $comment_author = __('Name');
if ($comment_author_email == '') $comment_author_email = __('E-Mail Adress');
?>
<p><input type="text" name="author" class="text_input" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
<label for="author"><small><?php _e('Name','newscast'); if ($req) echo " (required)"; ?></small></label> <small>Name</small></p>
<p><input type="text" name="email" class="text_input" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
<label for="email"><small><?php _e('Mail (will not be published)','newscast'); if ($req) echo " (required)"; ?></small></label> <small>Email</small></p>
<p><input type="text" name="url" class="text_input" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small><?php _e('Website','newscast'); ?></small></label> <small>Website</small></p>
<?php endif; ?>
<div class='message_data'>
<p><textarea name="comment" id="comment" cols="100%" rows="10" class='text_area' tabindex="4"></textarea></p>
</div>
<?php comment_id_fields(); ?><!--this is necessary because wp must know which comment to which article-->
<p><input name="submit" class="button" type="submit" id="submit" tabindex="5" value="Submit" /><?php cancel_comment_reply_link(__("Cancel Reply",'newscast')); ?><!--to cancel the comment link or not-->
</p>
</div>
<!--<p><small>PLACE YOUR CUSTOM MESSAGE HERE.</small></p>-->
<?php do_action('comment_form', $post->ID); ?><!--some plugins needs this hook--></p>
</form>
Next, you'll also need to adjust the CSS .personal_data and .message_data by placing this into your custom.css.
.personal_data, .message_data {
float: none;
width: auto;
}
.personal_data input {
float: none;
}
Now with the form code I gave you above, you can set the #commentform label back to its default setting. So you can remove the below from your custom.css.
#commentform label {
display: none;
}
This will correct the labels appearing twice for name and email.
Hope this helps!
Regards,
Mya