Windows Vista Style

I made this one for my own forum and after success of releasing my first style for free I thought I would do the same for the second version.



This style requires the mod "left_side_column" found here

~Instructions~

1. Upload the contents of the Vista VB II folder according to your file tree.

1. Import style VistaVBII.xml

1. To get the login panel you see on the left you will first need to import the product "left_side_column"

Then....

Login to your admincp, go to style manager select "edit templates" for the vista vb II style.

double click "forum home templates"
then "forumhome_sidecolumn_left"

Clear everything in the template then paste the followong in the template...

<------------------ Insert the below code into forumhome_sidecolumn_left

<tr>
<td class="thead" align="center">
Member Info
</td>
</tr>
<tr>
<td class="alt1">
<div style="padding: 8px 6px 0 0;"><div class="user">
<if condition="$bbuserinfo['userid']">
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong>
<div class="smallfont">
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
</div>
<else /> 
<!-- login form -->
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td>User:</td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="12" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
</tr>
<tr>
<td>Pass:</td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" size="12" accesskey="p" tabindex="102" /></td>
</tr>
<tr>
<td class="smallfont" nowrap="nowrap"colspan="2"><input type="image" src="images/vistavb2/login.gif" style="float: right;" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[save]</label></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="login" /> 
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form --> 
</if>
</div>
</td>
</tr>
</table>
<br>
<table width="100%">
<tr>
<td class="thead" align="center">
New Catagory
</td>
</tr>
<tr><td class="alt1" align="center">
Place more content here

<------------------ Insert the above code into forumhome_sidecolumn_left

After you have pasted the content click save and you will have your login panel.

This style comes with all required psd's

[hakandost]

Thanks very nice:up:

[Smiry Kin's]

Originally Posted by kotlt99

sorry but how to remove left column ? I don't like it... , pls help me

This skin look so cool !

Originally Posted by Smiry Kin's

Ok heres to remove the colum

Find and remove forumhome template

<!-- peterska2 side column -->
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" width="160px">
<table class="tborder" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%" align="center">
$forumhome_sidecolumn_left
</table>
</td>
<td width="10px"></td>
<td valign="top">

<!-- / peterska2 side column -->

hmm?

[Sureshkumar]

Woooow... What a great style.. Thanks a ton.

[kaptanblack]

Good your thannx

[tutusinghsohi]

a very clean, wonderful, and awesome thread..
thanks a lot my friend...

[bollie]

Fluid Version ???????

[Smiry Kin's]

Originally Posted by Smiry Kin's

just change the width to 100%, and just don't add the colum... simply really, just relocate your logging section, or if you use vbadvanc ed, then just use that to let people log in.

Originally Posted by bollie

Fluid Version ???????

Originally Posted by Smiry Kin's

just change the width to 100%, and just don't add the colum... simply really, just relocate your logging section, or if you use vbadvanc ed, then just use that to let people log in.

o.0

[bollie]

Look header & footer

[Smiry Kin's]

Unsure why im providing the support.. >.< neverless try

Originally Posted by bollie

Look header & footer

in the header

PHP Code:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="768" id="AutoNumber1" background="images/vistavb2/header.gif" height="150"> 


and in the footer

PHP Code:

<table width="768" height="100%" background="images/vistavb2/footer.gif"><tr><td> 


just try changing the width to 100% or try adding $stylevar[outertablewidth]

let me know if works.

[bollie]

work not