Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

How to add another condition/style 1

Status
Not open for further replies.
followtheboat

followtheboat

Programmer
Nov 29, 2008
53
IN
Sorry if my title doesn't explain much but I'm new to PHP. I'm using wordpress and have two alternative types of comments in my comments page, odd and even. Each one has a different set of CSS styles attached to them.

I now need to add a third style, author, where the author has an id of '1' and if the comment is by that author, it displays an alternative set of styles.

I have so far:

Code: 
  <?php if('odd'==$thiscomment) { $thiscomment = 'even'; } else { $thiscomment = 'odd'; } ?>

What do I add to this code in order for wordpress to recognise that the author is id=1? I think it should be something along the lines of:

Code: 
if (1 == $comment->user_id)
$author = "author";
or something! Any help greatly appreciated.
 
Sort by date Sort by votes
there is a plugin to do this (several, in fact).

but this code should do it for you if you want to manipulate the comments template directly

Code: 
$thiscomment = '';
if ($comment->user_id == 1){
 $thiscomment = 'author';
} else {
 $thiscomment = ($thiscomment == 'odd') ? 'even' : 'odd';
}

then use the $this comment as follows

Code: 
<div class="<?php echo $thiscomment; ?>">comment text goes here</div>

 
Upvote 0 Downvote
Aha, Justin to the rescue ;) I knew there were plug-ins but I wasn't sure if they would work with what I have done to comments.php. The code you suggested doesn't return any errors but the alternating colours has stopped working and the author doesn't have a third style. Here is the css with the three different styles at the end:

Code: 
.comments {float:left; width:600px; padding-top:10px}
.comment-header{align:left;}
.comment-avatar {float:left;width:80px;}
.comment-author {font-family: "Times New Roman", Times, serif;	font-size: 16px;	text-decoration: underline;	font-weight: bold;}
.comment-date {font-family: "Times New Roman", Times, serif;	font-size: 12px;	font-style: italic;}
.comment-top  {background-image: url(images/commenttop.jpg);	background-repeat: no-repeat;	background-position: left top;	width:500px;	height:32px;}
.comment-bottom {background-image: url(images/commentbottom.gif);	background-repeat: no-repeat;	background-position: left bottom;	width:500px;	height:17px;}
.comment-container {width:500px;}
.comment-text {font-size:12px;	background-color: #dfdfdf;	padding:15px;	width:472px;}
comment li  {left: 0px;	top: 0px;clear: right;width:600px;}
comment ol  {width:600px;left: 0px;top: 0px;}
#comment-formcontainer {BACKGROUND-COLOR: cccccc;	width:600px;	text-align:left;}
.comment-formborder  {width:580px;	padding: 3px;}
#author, #email, #url, #answer, #comment, #location {	background-color: #c19c3c;}
.odd .speech1container {width:570px; float:left;}
.odd .speech1 {float:left;width:63px;height:43px;background-image: url(images/speech1_r1_c1.gif);background-repeat: no-repeat;background-position: left top;}
.odd .speech1topwrap {width:507px;height:43px;float:left;}
.odd .clear {clear: both;}
.odd .speech2a {width:507px;float:left; height:37px;}
.odd .speech2b {width:507px;float:left; height:6px;background-image: url(images/speech1_r2_c2.gif);background-repeat: no-repeat;background-position: left top;}
.odd .speech3 {float:left;width:570px;background-image: url(images/speech1_r3_c1.gif);background-repeat: repeat-y;}
.odd .speech3pad {width:550px;padding-top: 5px;padding-left: 10px;padding-right: 10px;}
.odd .speech4 {float:left;width:570px;height:8px;margin-bottom:30px;background-image: url(images/speech1_r5_c1.gif);background-repeat: no-repeat;background-position: left top;}
.even .speech1container {width:570px; float:left}
.even .speech1 {float:left;width:63px;height:43px;background-image: url(images/speech2_r1_c1.gif);background-repeat: no-repeat;background-position: left top;}
.even .speech1topwrap {width:507px;height:43px;float:left;}
.even .clear {clear: both;}
.even .speech2a {width:507px;float:left; height:37px;}
.even .speech2b {width:507px;float:left; height:6px;background-image: url(images/speech2_r2_c2.gif);background-repeat: no-repeat;background-position: left top;}
.even .speech3 {float:left;width:570px;background-image: url(images/speech2_r3_c1.gif);background-repeat: repeat-y;}
.even .speech3pad {width:550px;padding-top: 5px;padding-left: 10px;padding-right: 10px;}
.even .speech4 {float:left;width:570px;height:8px;margin-bottom:30px;background-image: url(images/speech2_r5_c1.gif);background-repeat: no-repeat;background-position: left top;}
.author .speech1container {width:570px; float:left}
.author .speech1 {float:left;width:63px;height:43px;background-image: url(images/speech3_r1_c1.gif);background-repeat: no-repeat;background-position: left top;}
.author .speech1topwrap {width:507px;height:43px;float:left;}
.author .clear {clear: both;}
.author .speech2a {width:507px;float:left; height:37px;}
.author .speech2b {width:507px;float:left; height:6px;background-image: url(images/speech3_r2_c2.gif);background-repeat: no-repeat;background-position: left top;}
.author .speech3 {float:left;width:570px;background-image: url(images/speech3_r3_c1.gif);background-repeat: repeat-y;}
.author .speech3pad {width:550px;padding-top: 5px;padding-left: 10px;padding-right: 10px;}
.author .speech4 {float:left;width:570px;height:8px;margin-bottom:30px;background-image: url(images/speech3_r5_c1.gif);background-repeat: no-repeat;background-position: left top;}

And here is the comments form layout code (just the bit affected):

Code: 
     <?php $thiscomment = '';
if ($comment->user_id == 1){
 $thiscomment = 'author';
} else {
 $thiscomment = ($thiscomment == 'odd') ? 'even' : 'odd';
} ?>        
 
<div class="speech1container">

    <div class="speech1"></div>
    <div class="speech1topwrap">
      <div class="speech2a"></div>
      <div class="speech2b"><img src="<?php bloginfo('template_directory'); ?>/images/speech1_r2_c2_spacer.gif" width="507" height="6" /></div>
      <br class="clear" />
    </div>

    <div class="speech3">
      <div class="speech3pad"> <div class="<?php echo $thiscomment; ?>"><?php comment_text(); ?></div></div>
    </div>
    
	<div class="speech4"><img src="<?php bloginfo('template_directory'); ?>/images/speech1_r5_c1_spacer.gif" width="570" height="8" /></div>
    
</div>

Any pointers?
 
Upvote 0 Downvote
Justin - I'll do a more comprehensive search for a plug-in for this, please don't waste your time on it.

However I do have another query I'd like to ask you about. I'll post it in the wordpress forum, if you have a moment.

Cheers.
 
Upvote 0 Downvote
Sorry, I'm going to back-track on that last comment Justin. I've tried a couple of plug-ins but they're messing with my customised code. I'm too far down the road to customising my comments.php to handle a plug-in, so if you are still reading this and have a suggestion on my previous post...

Much appreciated.
 
Upvote 0 Downvote
some of that code (css) looks a bit suspect given the html. i suspect that this is a specificity issue but could you post a link which has comments on it? i can then take a look.
 
Upvote 0 Downvote
Here you go:


I've just been reading an article about changes to the comments.php for 2.7, which I need to implement, but that's another story. The code for my comments page is taken from Montoya's 'full-featured' code:


I've taken the liberty of uploading my comments.php file to you (called ftb-comments.php) via your website.
 
Upvote 0 Downvote
here you go.

note that in your style sheet the background colours do not come from any explicit styling, but from the colour of the background images. if you want to keep this system then you will need to create new images with diff colours and refer to them in your css within the author ... declarations.

if you are looking for alternative ways of styling (such as changing the text colour), set the array variable $author['alternative'] to true. i have put some inline comments in to make its use more or less obvious.

here's the code

Code: 
<?php  
/*     This is comment.phps by Christian Montoya, [URL unfurl="true"]http://www.christianmontoya.com[/URL] 

    Available to you under the do-whatever-you-want license. If you like it,  
    you are totally welcome to link back to me.  
     
    Use of this code does not grant you the right to use the design or any of the  
    other files on my site. Beyond this file, all rights are reserved, unless otherwise noted.  
     
    Enjoy! 
*/ 
?> 

<!-- Comments code provided by christianmontoya.com --> 

<?php if(!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME'])) : ?>  
    <?php die('You can not access this page directly!'); ?>  
 <?php endif; ?>  

<?php if (!empty($post->post_password) && $_COOKIE['wp-postpass_'.COOKIEHASH]!=$post->post_password) : ?> 
    <p id="comments-locked">Enter your password to view comments.</p> 
<?php return; endif; ?> 



<?php if ($comments) : ?> 

<?php  

    /* Author values for author highlighting */ 
    /* Enter your email and name as they appear in the admin options */
	/*
	 * a new parameter of alternative has been added.  If you
	 * do not want to vary the bubble alternation (and keep the same bubble colours)
	 * setting alternative to true and setting a text-colour (ideally in the normal hexadecimal notation #ffffff)
	 * creates an alternative way of highlighting admin comments.
	 * setting alternative to false maintains the original structure but to differentiate you will need
	 * to ensure you have images with suitable background colours
	 */ 
    $author = array( 
            "authorStyle" => "author", 
            "email" => "jamie@followtheboat.com", 
			"alternative" => false,
			"text-colour" => "blue"
    );  

    /* Count the totals */ 
    $numPingBacks = 0; 
    $numComments  = 0; 

    /* Loop throught comments to count these totals */ 
    foreach ($comments as $comment) { 
        if (get_comment_type() != "comment") { $numPingBacks++; } 
        else { $numComments++; } 
    } 

    /* This is a loop for printing pingbacks/trackbacks if there are any */ 
    if ($numPingBacks != 0) : ?> 

    <h2 class="comments-header"><?php _e($numPingBacks); ?> Trackbacks/Pingbacks</h2> 
    <ol id="trackbacks"> 
     
<?php foreach ($comments as $comment) : ?> 
<?php if (get_comment_type()!="comment") : ?> 

    <li id="comment-<?php comment_ID() ?>" class="<?php _e($thiscomment); ?>"> 
    <?php comment_type(__('Comment'), __('Trackback'), __('Pingback')); ?>:  
    <?php comment_author_link(); ?> on <?php comment_date(); ?> 
    </li> 
     
    <?php if('odd'==$thiscomment) { $thiscomment = 'even'; } else { $thiscomment = 'odd'; } ?> 
     
<?php endif; endforeach; ?> 

    </ol> 

<?php endif; ?> 

<?php  

    /* This is a loop for printing comments */ 
    if ($numComments != 0) : ?> 

    <h2 class="comment-header"><br><img src="<?php bloginfo('template_directory'); ?>/images/miniq.gif"> <?php _e($numComments); ?> responses to '<?php the_title(); ?>'</h2> 

<div class="comments">
  <ol id="comments">
    <?php foreach ($comments as $comment) : ?> 
    <?php if (get_comment_type()=="comment") :
    	//this sets the class for the comment depending on who wrote it.
		if ($author['alternative']){
			$commentClass =  ($commentClass=='odd' ? 'even' : 'odd');
			$authorStyle = strtolower($comment->comment_author_email) == strtolower($author['email']) ? 'style="color='.$author['text-colour'].';"' : ''; 
		} else {
			$commentClass = (strtolower($comment->comment_author_email) == strtolower($author['email'])) ? $author['authorStyle'] : ($commentClass=='odd' ? 'even' : 'odd');
			$authorStyle = '';
		} ?>
	   <li id="comment-<?php comment_ID(); ?>" class="<?php echo $commentClass;?>"> 
            <?php comment_author() ?>, <?php print $comment->extra_location; ?>
            <br><div class="comment-date"><?php comment_date() ?></div>
    			
            
	<?php /* Or maybe put gravatars here. The typical thing is to float them in the CSS */  
    /* Typical gravatar call:  
        <img src="<?php gravatar("R", 80, "YOUR DEFAULT GRAVATAR URL");  
        alt="" class="gravatar" width="80" height="80"> 
    */ ?> 
               
            
        
 
<div class="speech1container">

    <div class="speech1"></div>
    <div class="speech1topwrap">
      <div class="speech2a"></div>
      <div class="speech2b"><img src="<?php bloginfo('template_directory'); ?>/images/speech1_r2_c2_spacer.gif" width="507" height="6" /></div>
      <br class="clear" />
    </div>

    <div class="speech3">
      <div class="speech3pad" <?php echo $authorStyle;?>><?php comment_text(); ?> </div>
    </div>
    
	<div class="speech4"><img src="<?php bloginfo('template_directory'); ?>/images/speech1_r5_c1_spacer.gif" width="570" height="8" /></div>
    
</div>

 </li> <br /><br />  <br /><br />    <br /><br />  <br /><br />  
    <?php endif; endforeach; ?> 

</ol>
</div>

     
    <?php endif; ?> 
     
<?php else :  

    /* No comments at all means a simple message instead */  
?> 

    <p><i>Currently there are no comments on the post '<?php the_title(); ?>'. Use the form below and be the first to say something!</i>
	
<p>&nbsp;</p> <p>&nbsp;</p>     
<?php endif; ?> 

<?php if (comments_open()) : ?> 

<?php /* This would be a good place for live preview...  
    <div id="live-preview"> 
        <h2 class="comments-header">Live Preview</h2> 
        <?php live_preview(); ?> 
    </div> 
 */ ?> 

<div id="comments-header"></div>
<div id="comment-formcontainer"> 
  <div class="comment-formborder">  
<p>&nbsp;</p>
     
    <?php if (get_option('comment_registration') && !$user_ID ) : ?> 
        <p id="comments-blocked">You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to= 
        <?php the_permalink(); ?>">logged in</a> to post a comment.</p> 
    <?php else : ?> 

    <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform"> 

    <?php if ($user_ID) : ?> 
     
    <p><a class=screenshot rel=<?php bloginfo('template_directory'); ?>/images/tt-login.gif>
					 <img src=<?php bloginfo('template_directory'); ?>/images/minilogin.gif height=17 width=17></a> You are logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"> 
        <?php echo $user_identity; ?></a>.   
    <p><a class=screenshot rel=<?php bloginfo('template_directory'); ?>/images/tt-logout.gif>
					 <img src=<?php bloginfo('template_directory'); ?>/images/minilogout.gif height=17 width=17></a>  <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout"  
        title="Log out of this account">Logout</a>. </p>  
    </p> 
     
    <?php else : ?> 
     
        <p><label for="author"><strong>Name</strong><?php if ($req) _e(' (required)'); ?></label><br>
		<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" /> 
        </p> 
        <p>&nbsp;</p> 
        <p><label for="email"><strong>E-mail (will not be published)</strong><?php if ($req) _e(' (required)'); ?></label><br>
		<input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" /> 
        </p> 
        <p>&nbsp;</p> 
        <p><label for="location"><strong>Location (town and country)</strong></label><br>
        <input type="text" name="location" id="location" size="22" /></p>
         <p>&nbsp;</p> 
        <p><label for="url"><strong>Website</strong></label><br>
		<input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" /> 
        </p> 
        <p>&nbsp;</p> 
    <?php endif; ?> 

    <?php /* You might want to display this:  
        <p>XHTML: You can use these tags: <?php echo allowed_tags(); ?></p> */ ?> 

        <p><a class=screenshot rel=<?php bloginfo('template_directory'); ?>/images/tt-chat.gif>
					 <img src=<?php bloginfo('template_directory'); ?>/images/minichat.gif height=17 width=17></a> Your comments:<br>
		<textarea name="comment" id="comment" rows="5" cols="30"></textarea></p> 
         
        <?php /* Buttons are easier to style than input[type=submit],  
                but you can replace:  
                <button type="submit" name="submit" id="sub">Submit</button> 
                with:  
                <input type="submit" name="submit" id="sub" value="Submit" /> 
                if you like */  
        ?> 
        <p><button type="submit" name="submit" id="sub">Submit</button> 
        <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>"></p> 
     
    <?php do_action('comment_form', $post->ID); ?> 

    </form> 
    </div> 
</div>
<?php endif; // If registration required and not logged in ?> 

<?php else : // Comments are closed ?> 
    <p id="comments-closed">Sorry, comments for this entry are closed at this time.</p> 
<?php endif; ?>
<div class="postdata"> &nbsp;<a class=screenshot rel=<?php bloginfo('template_directory'); ?>/images/tt-rsspost.gif>
					 <img src=<?php bloginfo('template_directory'); ?>/images/minirss.gif height=17 width=17></a> <?php comments_rss_link(' RSS feed for comments on this post'); ?> <br>
<?php if (pings_open()) : ?> 
     &nbsp;<a class=screenshot rel=<?php bloginfo('template_directory'); ?>/images/tt-track.gif>
					 <img src=<?php bloginfo('template_directory'); ?>/images/minitrack.gif height=17 width=17></a>
      	<a href="<?php trackback_url() ?>" rel="trackback"> Get a Trackback link</a> 
    </div> 
<?php endif; ?>
 
Upvote 0 Downvote
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

W
  • Locked
  • Question
how to send checked row data in php
Replies
0
Views
193
wiltang2004
W
R
  • Locked
  • Question
How Can I Use MySQL To Send Data To An Email
Replies
1
Views
430
Chris Miller
Chris Miller
P
  • Locked
  • Question
JPgraph - How to stop a line graph from dropping to zero?
Replies
2
Views
509
Chris Miller
Chris Miller
rogerte
  • Locked
  • Question
How to parse associative array
Replies
13
Views
2K
Chris Miller
Chris Miller
EdLentz
  • Locked
  • Question
I need a simple example of how to send a table of info .
Replies
8
Views
610
EdLentz
EdLentz

Part and Inventory Search

Sponsor

Back
Top