Home: Socialtext Style Customization Guide
Up: Styling The Weblog
Previous: Weblog Actions
Next: Weblog Content

HTML Snippet

<table style="position: relative; border-collapse: collapse; padding: 0; background-color: #80a9f3;" width="100%">
  <tr valign="top">
    <td>
      <div id="st-weblog-title">
	<span id="st-weblog-titletext">
            Weblog: Recent Changes&nbsp;
            <a href="/noauth/feed/workspace/help?category=Recent Changes">
               <img border="0" src="/static/1.99.99.8/images/feed-icon-14x14.png"/>
            </a>
        </span>
	<div id="st-weblog-wikititle">in Socialtext Documentation</div>
      </div>
    </td>
    <td align="right">
      <div id="st-weblog-newpost">
        <table class="button-table">
          <tr>
            <td>
              <div class="button-straight">
                <div class="button-straight-right-top">
                  <div class="button-straight-left-bottom">
                    <div class="button-straight-right-bottom">
                      <div class="button-content">
                        <a id="st-weblog-newpost-button" 
                           href="index.cgi?action=new_page;add_tag=Recent%20Changes;caller_action=weblog_display" 
                           title="Click this button to create a new blog post">New&nbsp;Post</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </td>
          </tr>
        </table>
        <div id="st-weblog-postbyemail">
          or post by email:
          <a id="st-weblog-postbyemail-link" class="workspace-bar-link" 
     href="mailto:help+Recent_Changes@www2.socialtext.net">help+Recent_Changes@www2.socialtext.net</a>
        </div>
      </div>
    </td>
  </tr>
</table>

CSS Selectors

See Standard Button for a description of the button selectors.

#st-weblog-title
#st-weblog-titletext
#st-weblog-wikititle
#st-weblog-newpost
#st-weblog-newpost-button
#st-weblog-postbyemail
.workspace-bar-link