Suite Style - Misty

This is my first attempt at releasing one of my styles.

Installation:
---------------------------------------------------------------
UNZIP the content of your zip folder named "Misty" to your desktop.

Upload the contents of the "upload" folder to your forum root.

Install the XML file in to your styles section of the admincp.
---------------------------------------------------------------

---------------------------------------------------------------
1st Update: 3/24/2013
New version is "Misty2"

If updating .... remove all folders associated with initial release before uploading new files.

If installing for the first time ... upload the images folder into your forums root.
Then install the XML file into your styles section of the admincp.
---------------------------------------------------------------

NOTE: The height of the logo determines the height of the header banner so, when replacing the existing "Living In Kentucky" logo, be sure to keep the height dimension the same.

If I missed anything (and I'm sure I probably did) don't hesitate to let me know.

[K4GAP]

This style gets the majority of it's images from the default image folders. If you for some reason don't have those folders, you will have missing images in this style.

I am in the process of completely redoing this style. I have learned a lot from the first release. The update will be in the day or so. The update will require removing the initial release along with all it's folders and the xml.

1st Update: 3/24/2013
New version is "Misty2"

Photos added: 3/28/2013

Top of style ...



Bottom of style ...



Enjoy

[justicechick]

Love this style but there are a few images missing... But the major thing for me is that it doesnt show my forum stats. I'm still using it for the moment but not sure how long my members will like not being able to view who is online and other stats. LOL.

Here is a list of the images that I have noticed missing though.
User Offline
User Online
User Invisible
Multi-Quote
Report Post
IP address
Add to reputation.

Once again, great syle though.

[K4GAP]

Originally Posted by justicechick

Love this style but there are a few images missing... But the major thing for me is that it doesnt show my forum stats. I'm still using it for the moment but not sure how long my members will like not being able to view who is online and other stats. LOL.

Here is a list of the images that I have noticed missing though.
User Offline
User Online
User Invisible
Multi-Quote
Report Post
IP address
Add to reputation.

Once again, great syle though.

This style gets most of it's images from the default images folder that you don't have. I'll throw one together for you and post when I'm done.

[ForceHSS]

Why no colour in it at all

[K4GAP]

Originally Posted by ForceHSS

Why no colour in it at all

It's different.

I like it.

I thought just maybe someone else may like it.

It's free.

It looks better than some I've seen on here.

I enjoy sharing / helping.

?

[K4GAP]

Originally Posted by justicechick

Love this style but there are a few images missing... But the major thing for me is that it doesnt show my forum stats. I'm still using it for the moment but not sure how long my members will like not being able to view who is online and other stats. LOL.

Here is a list of the images that I have noticed missing though.
User Offline
User Online
User Invisible
Multi-Quote
Report Post
IP address
Add to reputation.

Once again, great syle though.

This will help with a few of the images ...

[justicechick]

Here is what I had to add the forum home templete to get the Whats going on to appear.

Found and removed everything after the <--------Whats going on -------->

replace with the following:

<div id="wgo" class="collapse wgo_block block">
<h2 class="blockhead">{vb:rawphrase whats_going_on}</h2>
<div class="blockbody formcontrols floatcontainer">
{vb:raw template_hook.forumhome_wgo_pos1}
<vb:if condition="$show['loggedinusers']">
<!-- logged-in users -->
<div id="wgo_onlineusers" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/users_online.png" alt="{vb:rawphrase currently_active_users}" />{vb:rawphrase currently_active_users}</h3>
<div>
<p>{vb:rawphrase there_are_x_y_online_link, {vb:raw totalonline}, {vb:raw session.sessionurl_q}} <span class="shade">{vb:rawphrase x_members_and_y_guests, {vb:raw numberregistered}, {vb:raw numberguest}}</span></p>
<p>{vb:rawphrase most_users_ever_online_was_x_y_at_z, {vb:raw recordusers}, {vb:raw recorddate}, {vb:raw recordtime}}</p>
<vb:if condition="$activeusers">
<ol class="commalist" id="wgo_onlineusers_list">
<vb:each from="activeusers" value="loggedin">
<li>{vb:stylevar dirmark}<a class="username" href="{vb:link member, {vb:raw loggedin}}">{vb:raw loggedin.musername}</a>{vb:raw loggedin.invisiblemark}{vb:raw loggedin.buddymark}{vb:raw loggedin.comma}</li>
</vb:each>
</ol>
</vb:if>
</div>
</div>
<!-- end logged-in users -->
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos2}
<!-- Start Members Today -->
<vb:if condition="$show['wgo_members']">
<div id="wgo_wgo_members_users" class="wgo_subblock section collapse">
<h3 class="blocksubhead"><a href="{vb:raw wgo_members.url}"><img src="{vb:stylevar imgdir_misc}/forum_stats.png" alt="{vbhrase wgo_members_alt_title}"/></a>{vb:raw wgo_members.whotitle}</h3>
<a class="collapse" id="collapse_wgo_members_list" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b{vb:raw wgo_members.collapse}.png" alt="" title="{vb:rawphrase collapse_expand}" /></a>
<div id="wgo_members_list" {vb:raw wgo_members.style}>
<p>{vb:raw wgo_members.visitors}</p>
<vb:if condition="$vboptions['wgo_members_names']">
<vb:if condition="$wgo_members['totaltoday'] == 0">
{vbhrase no_members_list}
<vb:else />
<ul class="commalist" id="wgo_wgo_members_list">
<vb:if condition="$wgo_members['template_hook']">
{vb:raw wgo_members.template_hook}
<vb:else />
<vb:each from="wgo_members_list" value="row">
<li>{vb:stylevar dirmark}<a class="username" href="{vb:link member, {vb:raw row}}" title="{vb:raw row.wrdate}">{vb:raw row.musername}</a>{vb:raw row.markinv}{vb:raw row.comma}</li>
</vb:each>
</vb:if>
</ul>
</vb:if>
<vb:else />
{vbhrase member_list_disabled}
</vb:if>
</div>
</div>
</vb:if>
<!-- End Members Today -->
{vb:raw template_hook.forumhome_wgo_pos6}
<vb:if condition="$show['upcomingevents']">
<div id="wgo_events" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/event.png" alt="{vb:rawphrase todays_events}" /><vb:if condition="$show['todaysevents']">{vb:rawphrase todays_events}<vb:else />{vb:rawphrase upcoming_events_for_the_next_x_days, {vb:raw vboptions.showevents}}</vb:if></h3>
<ol>
{vb:raw upcomingevents}
</ol>
</div>
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos3}
<vb:if condition="$show['birthdays']">
<!-- today's birthdays -->
<div id="wgo_birthdays" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/birthday.png" alt="{vb:rawphrase todays_birthdays}" />{vb:rawphrase todays_birthdays}</h3>
<ol class="commalist">
<vb:each from="birthdays" value="row">
<li><a href="{vb:link member, {vb:raw row}}">{vb:raw row.username}</a><vb:if condition="$row['age']"> ({vb:raw row.age})</vb:if>{vb:raw row.comma}</li>
</vb:each>
</ol>
</div>
<!-- end today's birthdays -->
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos4}
<div id="wgo_stats" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/forum_stats.png" alt="{vb:rawphrase x_statistics, {vb:raw vboptions.bbtitle}}" />{vb:rawphrase x_statistics, {vb:raw vboptions.bbtitle}}</h3>
<div>
<dl>
<dt>{vb:rawphrase threads}</dt>
<dd>{vb:raw totalthreads}</dd>
<dt>{vb:rawphrase posts}</dt>
<dd>{vb:raw totalposts}</dd>
<dt>{vb:rawphrase members}</dt>
<dd>{vb:raw numbermembers}</dd>
<vb:if condition="$show['activemembers']">
<dt>{vb:rawphrase active_members}</dt>
<dd>{vb:raw activemembers}</dd>
</vb:if>
</dl>
<p>{vb:rawphrase welcome_to_our_newest_member_x, {vb:link member, {vb:raw newuserinfo}}, {vb:raw newuserinfo.username}}</p>
{vb:raw template_hook.forumhome_wgo_stats}
</div>
</div>
<div id="wgo_legend" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/legend.png" alt="{vb:rawphrase icon_legend}" />{vb:rawphrase icon_legend}</h3>
<div>
<dl id="icon_legends" class="icon_legends">
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_new-16.png" alt="{vb:rawphrase new_posts_forum}" /></dt><dd>{vb:rawphrase new_posts_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_old-16.png" alt="{vb:rawphrase no_new_posts_forum}" /></dt><dd>{vb:rawphrase no_new_posts_forum}</dd>
<vb:if condition="$vboptions['showlocks']"><dt><img src="{vb:stylevar imgdir_statusicon}/forum_lock-16.png" alt="{vb:rawphrase forum_is_closed_for_posting}" /></dt><dd>{vb:rawphrase forum_is_closed_for_posting}</dd></vb:if>
<dt><img src="{vb:stylevar imgdir_statusicon}/category-16.png" alt="{vb:rawphrase category_forum}" /></dt><dd>{vb:rawphrase category_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_link-16.png" alt="{vb:rawphrase link_forum}" /></dt><dd>{vb:rawphrase link_forum}</dd>
{vb:raw template_hook.forumhome_icon_legend}
</dl>
</div>
</div>
{vb:raw template_hook.forumhome_wgo_pos5}
</div>
</div>
<!-- end what's going on box -->

{vb:raw ad_location.board_below_whats_going_on}
<vb:if condition="$show['sidebar']">
</div>
</div>

<div id="sidebar_container" class="<vb:if condition="$show['sidebarposition'] == 'left'">sidebarleft</vb:if><vb:if condition="$close_sidebar"> sidebar_closed</vb:if>">
<a id="sidebar_button_link" href="#">
<vb:if condition="$show['sidebarposition'] == 'left'">
<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/<vb:if condition="$close_sidebar">tab-expanded-left.png<vb:else />tab-collapsed-left.png</vb:if>" alt="" />
<vb:else />
<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/<vb:if condition="$close_sidebar">tab-expanded.png<vb:else />tab-collapsed.png</vb:if>" alt="" />
</vb:if>
</a>
<ul id="sidebar" <vb:if condition="$close_sidebar">class="sidebar_hidden"</vb:if> >
{vb:raw sidebar}
</ul>
</div>
</vb:if>
<script type="text/javascript">
<!--
vbphrase['doubleclick_forum_markread'] = "{vb:rawphrase doubleclick_forum_markread}";
init_forum_readmarker_system();
//-->
</script>
{vb:raw footer}
</body>
</html>


You can check out a demo of the completion here. http://vbtest4.theflirtingretreat.com

[K4GAP]

Glad you got it like you want it. I personally don't care for the WGO section.

[Digital Jedi]

I think you accidentally deleted your screenshot.