Ice with a Slice. [light] NOTE ADDED: 4th Dec.

[Welshling]

Preview & Download

NOTE: The sidebar, is written into the coding. Which may or may not work in Internet Explorer. If you find any issues with this theme, please let me know so we can work something out together. Thank you.
.Do's & Dont's.

• You can edit the colors and styles to suit if you want too.
• Host the images yourself if you're going to be using them, I tend to clear out my photobucket without thinking. As you may already know xD
• Credit the sidebar to Kismet of RPGD, KAY of proboards support and leave my credit on the bottom. Thank you. Also give a thank you to the template and plugin creators on Support, they deserve appraisal too.

..Before you begin, note down the specs..
The forum width is set to 60% to suit most screen sizes, why this small? because of the fixed/static sidebar.
What size is the banner?
I've got this banner set to 950px in the hover banner css section, which looks fine for me but may look off/weird to others. Because i have a widescreen monitor.
I've also moved the proboards default shoutbox and have it embedded in the fixed sidebar... Also note i've hidden the shoutbox title by cancelling it out in the shoutbox template by using this <!-- and this -->. See below.
The mini profile's have been edited to fit 200x300 sized avatars.
The Font used on this theme is called Marcellus SC.

---

.Recommended plugins.
Google Web-fonts by IPokemon
Collapsible Categories by Jordan
Easy Affiliate table by ®i©hie

.Templates used.
Member Legend in Info Center by Stinky666
Avatars in thread list by xsteveuk
Logo Hover originally by Tumbleweed
All other templates were created by myself with assistance from proboards support.

---

..What to edit..
* First thing you should see is the hover banner, to edit the info inside this area go to your forum wrapper.
Structure > Layout Templates > Forum Wrapper and find the Div starting on line 114 ending on line 119.
Edit the information and styles within that div for your own custom needs

* While in your forum wrapper, you're going to edit your forum quick links section by finding the Div starting on line 53, ending on line 55. Replace the links, like so. <a href="Your link">Your thread name</a>.
If you want to edit the hover styles, save your wrappers and head over to your Style sheet.
Admin > Themes > Advanced Styles & CSS > Click the Style Sheet tab and find div class styles on line 1605, ending on line 1613. Edit the colors and styles to suit and click save.

* To edit your shoutbox. Admin > Settings > Shoutbox. Edit the height to suit, mines set to 385px height.

* To replace the shoutbox with a chatbox go to your forum wrappers and find the sidebar section for tab one content on line 97 and replace <div id="move-shoutbox"></div> with your chatbox code and click save theme.
While your in this area, pay attention to lines 92-94. If you want to replace the clipart icons, put your content between the font tags.

To add your tab 2 and 3 content edit the information on lines 98&99. Do not edit the div styles. Click save theme.

* Editing the New/No New post colors and styles. Head to your CSS again. Find lines 1627-1636 edit the hex values and font styles to suit.

* Editing member legend colors. Follow Stinky's instructions HERE

You can edit any of the other template layouts if you want too, but be aware this may mess with the whole look of the theme and I would only advise you to edit the board layout if you KNOW what you're doing first. If you do want something editing and need help, tag me below before touching the board mods. Thank you.

ADD ONS, WHICH MAY NOT TRANSFER IN THE LIBRARY SUBMISSION.
Admin > Structure > Headers & Footers... Add the following to your global header, so that your banner will transition when hovered over.
<script type="text/javascript">
$(function() {
$('.entry1').hover(function() {
$('.image1',this).stop().fadeTo('slow', 0.4)
.siblings().stop().fadeTo('slow', 1);
}, function() {
$('.image1',this).stop().fadeTo('slow', 1)
.siblings().stop().fadeTo('slow', 0);
});
});

</script>

And to have your shoutbox appear on all pages, in your static sidebar. Add this to your global footers.
<script type="text/javascript">

$(document).ready(function() {
     $('#move-shoutbox').append($('div.shoutbox.container.full'));
});

</script>

---

********** UPDATE *********
FIND THIS IN YOUR CSS, LINE 1045
.messages .item .left-panel { width: 172px; }

CHANGE THE 172PX TO 222PX; If you're using a 200x300 avatar.