WPThemerKit.com Instruction File

HACK: Original Comment Form
VERSION: 0.1

DESCRIPTION: This hack reverts your comment form to the way
it looks originally with all 4 boxes aligned to the left.

Files we'll be editing:
style_me.html
comments.php

Step 1:
----------------------------------------------------------------------------
Open Comments.php and Find This Code: (around line 86)
----------------------------------------------------------------------------
<div class="alignleft">
<p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" /><br />
<label for="author"><small>Name</small></label></p>

<p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" /><br />
<label for="email"><small>E-Mail (will not be published)</small></label></p>

<p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" /><br />
<label for="url"><small>Website (optional)</small></label></p>
</div>
<?php endif; ?>
<div class="alignright">
<p><small>Message:</small><br />
<textarea name="comment" id="comment" cols="35" rows="5" tabindex="4"></textarea></p>

<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php do_action('comment_form', $post->ID); ?>
</div>
</form>

</div><!-- #respond -->
----------------------------------------------------------------------------
END CODE
----------------------------------------------------------------------------

----------------------------------------------------------------------------
Replace With:
----------------------------------------------------------------------------
<!-- start the comment form hack #001 -->
<div class="alignleft">

<p><label for="author"><small>Name</small></label><br />
<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="32" tabindex="1" /></p>

<p><label for="email"><small>E-Mail (will not be published)</small></label><br />
<input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="32" tabindex="2" /></p>

<p><label for="url"><small>Website (optional)</small></label><br />
<input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="32" tabindex="3" /></p>

<?php endif; ?>

<p><small>Message:</small><br />
<textarea name="comment" id="comment" cols="45" rows="5" tabindex="4"></textarea></p>

<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php do_action('comment_form', $post->ID); ?>
</div>
</form>

</div><!-- #respond -->
<!-- end the comment form hack #001 -->
----------------------------------------------------------------------------
END CODE
----------------------------------------------------------------------------

Step 2:
----------------------------------------------------------------------------
Open style_me.html and Find: (around line 176)
----------------------------------------------------------------------------
<div class="alignleft">
     
        <p><label for="author">Name</label><br />
       
        <input type="text" name="author" id="author" value="" size="25" tabindex="1" /></p>

        <p><label for="email">E-Mail (will not be published)</label><br />

        <input type="text" name="email" id="email" value="" size="25" tabindex="2" /></p>

        <p><label for="url">Website URL (optional)</label><br /><input type="text" name="url" id="url" value="" size="25" tabindex="3" /></p>
       
      </div> <!-- end alignleft -->

      <div class="alignright">
     
        <p><label for="comment">Message</label><br />
       
        <textarea name="comment" id="comment" cols="32" rows="5" tabindex="4"></textarea></p>
       
        <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
       
        <input type="hidden" name="comment_post_ID" value="9" /></p>
       
      </div> <!-- end alignright -->

    </form> <!-- end form -->

  </div><!-- end respond -->
 
<!-- this is the end of the comment box-->
----------------------------------------------------------------------------
END CODE
----------------------------------------------------------------------------

----------------------------------------------------------------------------
Replace With:
----------------------------------------------------------------------------
<!-- start the original comment form hack -->

      <div class="alignleft">
     
        <p><label for="author">Name</label><br />
       
        <input type="text" name="author" id="author" value="" size="35" tabindex="1" /></p>

        <p><label for="email">E-Mail (will not be published)</label><br />

        <input type="text" name="email" id="email" value="" size="35" tabindex="2" /></p>

        <p><label for="url">Website URL (optional)</label><br /><input type="text" name="url" id="url" value="" size="35" tabindex="3" /></p>
     
        <p><label for="comment">Message</label><br />
       
        <textarea name="comment" id="comment" cols="42" rows="5" tabindex="4"></textarea></p>
       
        <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
       
        <input type="hidden" name="comment_post_ID" value="9" /></p>
       
      </div> <!-- end alignleft -->

    </form> <!-- end form -->

  </div><!-- end respond -->

<!-- end the original comment form hack -->
----------------------------------------------------------------------------
END CODE
----------------------------------------------------------------------------

Save and Close Files.