oxguy3 icon

Steamblr guide

oxguy3 | PRO | 07/01/13 05:09:58 AM UTC | 0 ⭐ | 518 👁️ | Never ⏰ | []
text |

6.25 KB

|

None

|

0 👍

/

0 👎

==================================
             STEAMBLR             
==================================
Based on store.steampowered.com/news
Assembled by oxguy3
   ======================
Customize menu options
======================
 Lock header logo height
    default: 1
    The header logo image's height will be forcibly set to 44px. This will
    prevent the logo from resizing the header or making it look weird, so only
    disable it if you know what you're doing.
 Replace blue with green
    default: 0
    The title bars for the blocks in the sidebar will change from blue to green.
 Show Archive link
    default: 1
    A link to your archive will be included in the navigation bar.
 Show Home link
    default: 1
    A link to your home page will be included in the navigation bar.
 Show RSS link
    default: 1
    A link to your RSS feed will be included in the navigation bar.
 Show Random link
    default: 1
    A link to "/random" will be included in the navigation bar.
 Show description block
    default: 1
    The blog description will be shown in a sidebar block.
 Show search block
    default: 1
    A search bar will be shown in a sidebar block.
 Show share links
    default: 1
    A handful of sharing icons will be shown below every post next to the date.
 Show share to Digg
    default: 1
    A share icon for Digg will be included with the share links on every post
    ("Show share links" must be enabled for this to have any effect).
 Show share to Facebook
    default: 1
    A share icon for Facebook will be included with the share links on every
    post ("Show share links" must be enabled for this to have any effect).
 Show share to Google Plus
    default: 1
    A share icon for Google+ will be included with the share links on every post
    ("Show share links" must be enabled for this to have any effect).
 Show share to Reddit
    default: 1
    A share icon for Reddit will be included with the share links on every post
    ("Show share links" must be enabled for this to have any effect).
 Show share to Twitter
    default: 1
    A share icon for Twitter will be included with the share links on every post
    ("Show share links" must be enabled for this to have any effect).
 Show tags
    default: 1
    Tags will be visible below every post.
   Header background
    default: [none]
    A repeated/tiled background for the header. If no image is set, the
    background will default to http://i.imgur.com/wPyV5bN.jpg
 Header logo
    default: [none]
    The logo to be shown in the header. If no image is set, the blog title will
    be shown instead. Ideally, the logo should be 176px by 44px, like this one:
    http://i.imgur.com/UL5XJyw.png
   Description block title
    default: [none]
    A title for the description block in the sidebar. If none is set, the
    block's titlebar will be hidden. ("Show description block" must be enabled
    for this to be visible)
 Disqus Shortname
    default: [none]
    If you wish to have Disqus enabled on your blog, register your site at
    https://disqus.com/admin/signup/. Enter the shortname that you chose during
    the registration process in this field.
 Extra block 1/2/3 body
    default: [none]
    To create an extra block in your sidebar, fill this in with any content
    you wish to add. Even though the box is very small, you can enter a lot of
    text or even HTML. If any of the these three fields are left blank, the
    corresponding block will not be visible at all (including the title).
 Extra block 1/2/3 title
    default: [none]
    To add a title to any of the extra blocks in your sidebar, put your title in
    this field. If any of these three fields are left blank, the corresponding
    block will not have a titlebar. (The corresponding "Extra block 1/2/3 body"
    field must be set for these titles to be visible)
   =================
Additional tricks
=================
The theme can be further customized by adding custom CSS or other special code.
Here are a few tricks specific to this theme that might be useful.
 Chat label colors
    There are several ways you can colorize the labels of chat posts. If you
    would like each unique name in a chat post to have a different color, use
    this code: (Replace each "COLORCODE" with a different valid CSS color value.
    You can use any of these formats: w3schools.com/cssref/css_colors_legal.asp)
     .post-chat ul.chat li.user_1 .label {color:COLORCODE;}
    .post-chat ul.chat li.user_2 .label {color:COLORCODE;}
    .post-chat ul.chat li.user_3 .label {color:COLORCODE;}
    and so on...
      Alternatively, if you would like a specific username to be a certain color
    every time it appears in any chat, use this code:
     .post-chat ul.chat li[chatlabel="USERNAME:"] .label {color:COLORCODE;}
      Alternatively, you can specify colors for every other row with this code:
     .post-chat ul.chat li.even .label {color:COLORCODE;}
    .post-chat ul.chat li.odd .label {color:COLORCODE;}
      If you would like to alter any of the above codes so that they apply to the
    entire line instead of just the username part, remove ".label" from the
    code. If you would like to make any of the codes apply to just to the
    message instead of the username part, replace ".label" with ".chatline".
  Tag formatting
    To remove the pound sign from in front of tags, add this CSS code:
     span.tag:before {content:"" !important;}
      To add commas in between tags, use this CSS code:
     span.tag:not(:last-child):after {content:",";}
  Sidebar lists
    To create a nice looking list of links in a sidebar block, edit this code
    to suit your needs, then enter it in one of the "Extra block 1/2/3 body"
    sections of the Appearance menu (you can remove the section titles or
    rearrange the lines in whatever order you want; they are just there if you
    want them):
     <div class="block_sub_header_channels">SECTION TITLE</div>
    <a class="linkbar" href="URL">LINK TITLE</a>
    <a class="linkbar" href="URL">LINK TITLE</a>
    <div class="block_sub_header_channels">SECTION TITLE</div>
    <a class="linkbar" href="URL">LINK TITLE</a>

Comments