Home: Socialtext Style Customization Guide
Up: Styling The Weblog
Previous: Weblog Header
Next: Weblog Navigation

HTML Snippet

<div class="st-weblog-entry">
<div class="st-weblog-entrytitle">
<a name="add_comment"></a>
<span class="text">Add Comment</span>
</div>
<div class="st-weblog-entrycontent">
<div class="wiki">
<p>
Home: <a href="index.cgi?socialtext_style_customization_guide" >Socialtext 
Style Customization Guide</a><br />
Top: <a href="index.cgi?styling_your_workspace" >Styling Your Workspace</a><br />
Previous: <a href="index.cgi?page_navigation_controls" >Page Navigation Controls</a><br />
Next: <a href="index.cgi?more_actions_menu" >More Actions Menu</a></p>
<hr />
<blockquote><blockquote>
<span class="nlw_phrase">
<img alt="base/images/docs/add-comments.gif" src="base/images/docs/add-comments.gif" border="0" />
<!-- wiki: http:base/images/docs/add-comments.gif --></span></blockquote></blockquote>
<br /><p>
Clicking on the 'Add Comment' link in the page control bar brings up a popup page. Please see 
<a href="index.cgi?popup_pages" >Popup Pages</a> for some general popup selectors.</p>
</div>
</div>
            
<div class="st-weblog-byline">
  <div>Updated by System User on Oct 16 2:10pm</div>
  <div>Posted by System User on Jun 30 12:45pm</div>
</div>
          
<div class="st-weblog-post-links">
<a onclick="
        ST.Comment.launchCommentInterface({
            page_name: 'Add Comment',
            action: 'weblog_display',
            height: '200'
        });
    " class="page-control-comment-link" href="#">comment</a>
-
<a href="index.cgi?action=display;page_name=add_comment;caller_action=weblog_display;category=Recent%20Changes;js=show_edit_div#edit">
edit this post</a>
-
<a href="index.cgi?add_comment">permalink</a>
-
<a href="index.cgi?action=display;page_name=add_comment;caller_action=weblog_display;js=toggle_attachments_div">attachments </a>
</div>
</div>

<div class="st-weblog-post-links">
<a onclick="
        ST.Comment.launchCommentInterface({
            page_name: 'Advanced formatting',
            action: 'weblog_display',
            height: '200'
        });
    " class="page-control-comment-link" href="#">comment</a>
-
<a href="index.cgi?action=display;page_name=advanced_formatting;caller_action=weblog_display;category=Recent%20Changes;js=show_edit_div#edit">
edit this post</a>
-
<a href="index.cgi?advanced_formatting">permalink</a>
-
<a href="index.cgi?action=display;page_name=advanced_formatting;caller_action=weblog_display;js=toggle_attachments_div">attachments </a>
</div>
</div>

CSS Selectors

Since a weblog is essentially a series of wiki pages that are arranged by date, the entries themselves share many selectors with wiki content.

.st-weblog-entry
.st-weblog-entrytitle
.text
.st-weblog-entrycontent
.st-weblog-byline
.page-control-comment-link
.st-weblog-post-links