Leaderboard

Step 1. Admin CP Look & Feel Select Template skin_shoutbox_hooks hookGlobalShoutbox Find: <input type='button' id='shoutbox-myprefs-button' value='{$this->lang->words['my_prefs']}' class='input_submit alt' /> Add below: <input type='button' id='shoutbox-rules-button' value='{$this->lang->words['board_rules']}' class='right input_submit alt' /> Step 2. Find: <script type='text/javascript'> //<![CDATA[ {$d['js']} //]]> </script> Add below: <div id='shoutbox-rules' style='display: none; line-height: 1.5;'> <h3>{$this->lang->words['board_rules']}</h3> <div class='ipsBox'> <div class='ipsBox_container ipsPad'> <p>Your rules text</p> </div> </div> </div> <script type='text/javascript'> $('shoutbox-rules-button').observe( 'click', function(e) { _var = new ipb.Popup( 'booboo', { type: 'pane', initial: $('shoutbox-rules').innerHTML, hideAtStart: false} ); Event.stop(e); return false; }); </script> Effect:

I think if you strech the picture on the background all the way to the top and remove the black bar and make the sidebar a bit smaller it would look better!

Make the I'm Sanctuary part stretch across the first left bar. Looks rather odd it being all squished up at the top left.

If you have a dark skin, you may notice unsightly white lines in your shoutbox. There is a very simple CSS edit which will fix this issue. In your skin's CSS, go to ipshoutbox.css and find the following code #shoutbox-shouts-table { border: 1px solid #d5dde5;}#shoutbox-shouts-table .row2 td { border-bottom: 1px solid #d5dde5; vertical-align: middle;} Edit it so it now looks like this: #shoutbox-shouts-table { border: none;}#shoutbox-shouts-table .row2 td { border-bottom: none; vertical-align: middle;}Save. Hard refresh your browser using CTL+F5 and the lines are gone.

The search tool can be really useful.

I'll make my own tuts eventually.

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved.If you have other questions, please open a new topic.

1. Go to: ACP > Looks and Feel > Skin Name > Board Index > boardIndexTemplate 2. Find: <td class='col_c_stats ipsType_small'> <ul> <li><strong>{$forum_data['topics']}</strong> {$this->lang->words['topics']}</li> <li><strong>{$forum_data['posts']}</strong> {$this->lang->words['replies']}</li> </ul> </td> 3. Replace With: <td style='width: 7%;'><span class='nstatsNumber'>{$forum_data['topics']}</span><span class='nstatsText'>{$this->lang->words['topics']}</span></td><td style='width: 7%;'><span class='nstatsNumber'>{$forum_data['posts']}</span><span class='nstatsText'>{$this->lang->words['replies']}</span></td> 4. Go to: ACP > Looks and Feel > Skin Name > CSS > ipb_styles.css 5. Add: .nstatsNumber, .nstatsText {display: block;text-align: center;color: black;line-height: 23px;text-transform: uppercase;font-size: 16px;}.nstatsText {color: black;font-size: 11px;} Before: After: