Blue Fusion
09-17-2008, 10:00 PM
This is Designed to improve the over all look of the user control panel more stuff will be added on and redone this is phase one of a complete user control panel over haul :)
NOTE: The style will use divs and li and uis more then the table type. This also works with the blog addon and project tracker stuff will hide the stuff as nessary have confirmed and tested it.
REPLACE ENTIRE USERCP_SHELL
$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<style type="text/css">
<!--
/* ***** define user cp navigation ***** */
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
/* Fix IE. Hide from IE Mac */
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
.usercp_header ( background: #fff; padding: 5px; border: 1px solid #ccc;)
-->
</style>
<title>$vboptions[bbtitle] - $pagetitle</title>
</head>
$header
$navbar
<!-- table to support left column nav -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="top">
<td>
<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">
<tr>
<td class="alt2">
<div class="usercp_header">$vbphrase[your_control_panel]</div>
<ul id="nav">
<li><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></li>
<if condition="$vbulletin->products['vbblog']">
<li><a href="blog.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[blogs]</a></li>
</if>
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></li>
<if condition="$show['customizelink']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=customize">$vbphrase[customize_profile]</a></li>
</if>
<if condition="$show['profilepiclink']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofilepic">$vbphrase[edit_profile_picture]</a></li>
</if>
<li><a class="smallfont" href="subscription.php?$session[sessionurl]do=viewsubscription">$vbphrase[list_subscriptions]</a></li>
</ul>
<div class="usercp_header">$vbphrase[settings_and_options]</div>
<ul>
<if condition="$show['avatarlink']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></li>
</if>
<if condition="$show['siglink']">
<li>
<a class="smallfont" href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a>
</li>
</if>
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editpassword">$vbphrase[edit_email_and_password]</a></li>
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></li>
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=ignorelist">$vbphrase[edit_ignore_list]</a></li>
<li><a class="smallfont" href="subscription.php?$session[sessionurl]do=editfolders">Subscriptions $vbphrase[edit_folders]</a></li>
<li><a class="smallfont" href="private.php?$session[sessionurl]do=editfolders">PM $vbphrase[edit_folders]</a></li>
</li>
</ul>
<div class="usercp_header">Help/Bug Tracker</div>
<ul>
<if condition="$vbulletin->products['vbprojecttools']">
<li><a class="smallfont" href="projectpost.php$session[sessionurl]?do=managesubscriptions">$vbphrase[list_subscriptions]</a></li>
<li><a class="smallfont" href="project.php$session[sessionurl]">$vbphrase[projects]</a></li>
</if>
<!-- Can Be Changed as Nessary or added onto -->
<li><a class="smallfont" href="http://project-angelus.biz/help">Support Desk</a></li>
</li>
</ul>
</td>
</tr>
<tr>
<td class="alt2">
<if condition="$show['pmmainlink']">
<div class="usercp_header">$vbphrase[private_messages]</div>
<ul id="nav">
<li><a class="smallfont" href="private.php$session[sessionurl_q]">$vbphrase[list_messages]</a></if></a></li>
<li><a class="smallfont" href="private.php?$session[sessionurl]do=newpm">$vbphrase[send_new_message]</a></li>
<li><a class="smallfont" href="private.php?$session[sessionurl]do=trackpm">$vbphrase[track_messages]</a></li>
</ul>
<div class="usercp_header">$vbphrase[networking]</div>
<ul id="nav">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></li>
<if condition="$show['socialgroupslink']">
<li><a class="smallfont" href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></li>
</if>
<if condition="$show['publicgroups']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editusergroups">$vbphrase[group_memberships]</a></li>
</if>
<if condition="$show['publicgroups']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editusergroups">$vbphrase[group_memberships]</a></li>
</if>
<if condition="$show['albumlink']">
<li><a class="smallfont" href="album.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[pictures_and_albums]</a></li>
</if>
</ul>
</td>
</tr>
</table>
<!-- / usercp nav -->
</td>
<td> </td>
<td width="100%">
<!-- main page contents -->
$HTML
<!-- / main page contents -->
</td>
</tr>
</table>
<!-- / table to support left column nav -->
$footer
</body>
</html>
Important Note this here is to customize the user cp navigation color this can be customized to your liking and is more flexable then the normal user control panel options
EDIT VARS HERE TO LIKEING
<style type="text/css">
<!--
/* ***** define user cp navigation ***** */
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
/* Fix IE. Hide from IE Mac */
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
.usercp_header ( background: #fff; padding: 5px; border: 1px solid #ccc;)
-->
</style>
NOTE: The style will use divs and li and uis more then the table type. This also works with the blog addon and project tracker stuff will hide the stuff as nessary have confirmed and tested it.
REPLACE ENTIRE USERCP_SHELL
$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<style type="text/css">
<!--
/* ***** define user cp navigation ***** */
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
/* Fix IE. Hide from IE Mac */
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
.usercp_header ( background: #fff; padding: 5px; border: 1px solid #ccc;)
-->
</style>
<title>$vboptions[bbtitle] - $pagetitle</title>
</head>
$header
$navbar
<!-- table to support left column nav -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="top">
<td>
<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">
<tr>
<td class="alt2">
<div class="usercp_header">$vbphrase[your_control_panel]</div>
<ul id="nav">
<li><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></li>
<if condition="$vbulletin->products['vbblog']">
<li><a href="blog.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[blogs]</a></li>
</if>
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></li>
<if condition="$show['customizelink']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=customize">$vbphrase[customize_profile]</a></li>
</if>
<if condition="$show['profilepiclink']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofilepic">$vbphrase[edit_profile_picture]</a></li>
</if>
<li><a class="smallfont" href="subscription.php?$session[sessionurl]do=viewsubscription">$vbphrase[list_subscriptions]</a></li>
</ul>
<div class="usercp_header">$vbphrase[settings_and_options]</div>
<ul>
<if condition="$show['avatarlink']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></li>
</if>
<if condition="$show['siglink']">
<li>
<a class="smallfont" href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a>
</li>
</if>
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editpassword">$vbphrase[edit_email_and_password]</a></li>
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></li>
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=ignorelist">$vbphrase[edit_ignore_list]</a></li>
<li><a class="smallfont" href="subscription.php?$session[sessionurl]do=editfolders">Subscriptions $vbphrase[edit_folders]</a></li>
<li><a class="smallfont" href="private.php?$session[sessionurl]do=editfolders">PM $vbphrase[edit_folders]</a></li>
</li>
</ul>
<div class="usercp_header">Help/Bug Tracker</div>
<ul>
<if condition="$vbulletin->products['vbprojecttools']">
<li><a class="smallfont" href="projectpost.php$session[sessionurl]?do=managesubscriptions">$vbphrase[list_subscriptions]</a></li>
<li><a class="smallfont" href="project.php$session[sessionurl]">$vbphrase[projects]</a></li>
</if>
<!-- Can Be Changed as Nessary or added onto -->
<li><a class="smallfont" href="http://project-angelus.biz/help">Support Desk</a></li>
</li>
</ul>
</td>
</tr>
<tr>
<td class="alt2">
<if condition="$show['pmmainlink']">
<div class="usercp_header">$vbphrase[private_messages]</div>
<ul id="nav">
<li><a class="smallfont" href="private.php$session[sessionurl_q]">$vbphrase[list_messages]</a></if></a></li>
<li><a class="smallfont" href="private.php?$session[sessionurl]do=newpm">$vbphrase[send_new_message]</a></li>
<li><a class="smallfont" href="private.php?$session[sessionurl]do=trackpm">$vbphrase[track_messages]</a></li>
</ul>
<div class="usercp_header">$vbphrase[networking]</div>
<ul id="nav">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></li>
<if condition="$show['socialgroupslink']">
<li><a class="smallfont" href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></li>
</if>
<if condition="$show['publicgroups']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editusergroups">$vbphrase[group_memberships]</a></li>
</if>
<if condition="$show['publicgroups']">
<li><a class="smallfont" href="profile.php?$session[sessionurl]do=editusergroups">$vbphrase[group_memberships]</a></li>
</if>
<if condition="$show['albumlink']">
<li><a class="smallfont" href="album.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[pictures_and_albums]</a></li>
</if>
</ul>
</td>
</tr>
</table>
<!-- / usercp nav -->
</td>
<td> </td>
<td width="100%">
<!-- main page contents -->
$HTML
<!-- / main page contents -->
</td>
</tr>
</table>
<!-- / table to support left column nav -->
$footer
</body>
</html>
Important Note this here is to customize the user cp navigation color this can be customized to your liking and is more flexable then the normal user control panel options
EDIT VARS HERE TO LIKEING
<style type="text/css">
<!--
/* ***** define user cp navigation ***** */
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
/* Fix IE. Hide from IE Mac */
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
.usercp_header ( background: #fff; padding: 5px; border: 1px solid #ccc;)
-->
</style>