Embedding CommentView.ascx

Topics: Themes
Jul 16, 2010 at 8:57 AM

I'm currently trying to create a new theme and the comment block is preceded by an <h3> and surrounded by a <ol>.

CommentView.ascx may only contain the template for a single comment, right? That would be a <li> in this case.
Where would I have to add the <h3> and <ol> then?

Furthermore, the template uses a CSS class "alt" to use alternating colors for the comments.
How would I implement this?

Here's the complete relevant template HTML:

			
					<h3 id="comments">3 Responses</h3>

					<ol class="commentlist">

						<li class="alt" id="comment-63">					
							<cite>
								<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />			
								<a href="index.html">Erwin</a> Says: <br />				
								<span class="comment-data"><a href="#comment-63" title="">April 20th, 2009 at 8:08 am</a> </span>

							</cite>
							
							<div class="comment-text">
								<p>Comments are great!</p>
							</div>						
						</li>

						<li id="comment-67">				
							<cite>
								<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />			
								admin Says: <br />				
								<span class="comment-data"><a href="#comment-67" title="">April 20th, 2009 at 2:17 pm</a> </span>

							</cite>
				
							<div class="comment-text">
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. 
								Suspendisse bibendum.</p>
							</div>	
						</li>
			
						<li class="alt" id="comment-71">				
							<cite>
								<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />			
								<a href="index.html">Erwin</a> Says: <br />					
								<span class="comment-data"><a href="#comment-71" title="">April 20th, 2009 at 3:17 pm</a> </span>

							</cite>
					
							<div class="comment-text">
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
								Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
								posuere nunc justo tempus leo.</p>
							</div>	
						</li>
			
					</ol>


Thanks!

Marvin

Jul 16, 2010 at 9:31 AM

I just found out, that part has to be inside the post's <div>, so CommentView.ascx would have to be nested into PostView.ascx...