CA Serenity 3.8.3 - Many Colors - Clean and easy to read

https://vborg.vbsupport.ru/vborg_mis...hreadid=218220

-----------------------
vBulletin 3.8.x
CyberAlien & Sofia
Special Thanks to CyberAlien for this style and his agreement
CA Serenity 3.6 : Click here
-----------------------

[hr]black[/hr]

And unlimited additional color schemes: (click here)

Downloads:
CA Serenity: see attachment
CA Serenity Green: click here
CA Serenity Cyan: click here
CA Serenity DarkBlue: click here
CA Serenity Purple: click here
CA Serenity Orange: click here

Additional colors:
Using ColorizeIt script you can create any color scheme.
Below are few pre-defined color schemes. If you don't like any of it, or want to replace some color, click on any color scheme and adjust quickly colors yourself. No image/html editing required - everything is done automatically. You just change colors, rename style and click "Download".


CA Serenity Cyan/Yellow: click here


CA Serenity Red/Yellow: click here


CA Serenity Orange: click here


CA Serenity Green/Orange: click here

Notes:
- Almost every template was modified to include rounded headers, not only index. So xml files are rather large.
- Style includes two versions for every color scheme: fixed and fluid width.


Installation:
Unpack zip file, upload contents of directory "upload" to your forum including subdirectories. Use fixed.xml or fluid.xml to install template.

PSD Files:
PSD files are in attachment
All color schemes are generated with ColorizeIt! script, so only default color is available in PSD. To change color in psd file use "hue/saturation" layer and change color values similar to values in colorizeit link.

Other

• Install a layout option for multiple color: click here

[Sofia]

Originally Posted by DS MrSinister

one problem i am having is. the navbar hooks are not working when they are in the header template for some reason.. any help would be great thanks..

great job of this skin....

Yes. But you can't place nav buttons in the navbar template for this style. If you want to add links, you must edit the header template and add <td ...

[DS MrSinister]

thanks for the help!

[cnledmart]

good

[TiffanyS]

is there anyways to move the Welcome %name and all that below the header instead of right next to it?

[Sofia]

Originally Posted by TiffanyS

is there anyways to move the Welcome %name and all that below the header instead of right next to it?

Sure, it's possible. But where do you want this area?

To move it, you must edit the header template,

Find and delete:

<td align="$stylevar[right]" valign="bottom" width="100%" nowrap="nowrap" class="header-table-login">

<if condition="$show['member']">
        <div class="smallfont">
        <strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
        <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

        <if condition="$show['notifications']">
            <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
            <if condition="$show['popups']">
                <script type="text/javascript"> vBmenu.register("notifications"); </script>
            <else />
                <script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
                <script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPopups", "notifications");  </script>
            </if>
        <else /><if condition="$show['pmstats']">
            <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
        </if></if>

        <if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
    </div>
    </td>
<else />
    
        <!-- login form -->
        <form action="login.php?do=login" 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?v=$vboptions[simpleversion]"></script>
        <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
        <tr>
            <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
            <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
            <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
        </tr>
        <tr>
            <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
            <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
            <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
        </tr>
        </table>
        <input type="hidden" name="s" value="$session[sessionhash]" />
        <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
        <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>
</td>

Then find:

    </tr>
    </table>
<!-- / header table -->

Add below:

<table border="0" cellspacing="0" cellpadding="0" class="header-table" width="100%">
    <tr>
    <td align="$stylevar[right]" valign="bottom" width="100%" nowrap="nowrap" class="header-table-login">

<if condition="$show['member']">
        <div class="smallfont">
        <strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
        <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

        <if condition="$show['notifications']">
            <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
            <if condition="$show['popups']">
                <script type="text/javascript"> vBmenu.register("notifications"); </script>
            <else />
                <script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
                <script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPopups", "notifications");  </script>
            </if>
        <else /><if condition="$show['pmstats']">
            <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
        </if></if>

        <if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
    </div>
    </td>
<else />
    
        <!-- login form -->
        <form action="login.php?do=login" 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?v=$vboptions[simpleversion]"></script>
        <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
        <tr>
            <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
            <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
            <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
        </tr>
        <tr>
            <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
            <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
            <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
        </tr>
        </table>
        <input type="hidden" name="s" value="$session[sessionhash]" />
        <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
        <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>
</td>
    </tr>
    </table>

[TiffanyS]

I just want to move it below it - because I want a larger header image there - will try that edit

*edit* thank you so much that was exactly what I wanted

[Sofia]

Originally Posted by TiffanyS

I just want to move it below it - because I want a larger header image there - will try that edit

Ok, so I think it's right

[TiffanyS]

mmk so that fixed that but its now shrinking my header and still leaving a gap on the right hand side where that welcome used to be

[Sofia]

Originally Posted by TiffanyS

mmk so that fixed that but its now shrinking my header and still leaving a gap on the right hand side where that welcome used to be

When I'm on your website, your header is ok.

There is no space to the right.

what is the width of your header?

[TiffanyS]

760px x 400px