CA Serenity (clean, web 2.0 design, vbadvanced support, many colors)

Style name: CA Serenity
Style version: 1.0.0
vBulletin version: 3.6.7

Style includes 5 base schemes:
Demo (default): fluid version, fixed version (ca_serenity.zip)
Demo (green): fluid version, fixed version (ca_serenity_green.zip)
Demo (cyan): fluid version, fixed version (ca_serenity_cyan.zip)
Demo (darkblue): fluid version, fixed version (ca_serenity_darkblue.zip)
Demo (purple): fluid version, fixed version (ca_serenity_purple.zip)

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

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:
- Demo forum shows only postbit_legacy, but usual postbit is also included in template and screenshot is available in attachment.
- 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.
- vBAdvanced template files are included in every style in vbadvanced.xml

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

vBAdvanced Installation:
Install normal style from fixed.xml or fluid.xml, in styles manager select "download/upload", put vbadvanced.xml in file field, in "merge into style" field select previously installed CA Serenity style and upload it. This will add vBAdvanced template files to style you previously installed.

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.

[Nutz]

Bit late but... good work. Nice to see a 'complete' style, with lots of work and care gone into it

Thanks,
Mat

[CurtisK]

nice skin but is it possible to get the 'last post' bits to be the same width on the fixed version?

it just looks a bit out of place

great work so far ;]

[Strafe]

Originally Posted by CyberAlien

In postbit find this:

<if condition="$show['avatar']"><td class="alt2"><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></td></if>

and replace <td class="alt2"> with <td>

Ok, great thanks a lot. That saved me some time.

[MillerLight]

Hello All!

Need some designer magic help

I want to use the right column hack with this thread, thats easy.

I need the html for the right column so it matches the rest of the skin, "Rounded corners, images, etc".

Can someone post the HTML for a right column that looks like the original skin, and pulls the images from the correct directory?

I am using CA Serenity Dark blue

Once the right column is in place, I can go in and add advertisements, links etc.

Appreciate any assistance!

[Strafe]

I have a question:

(Click above to see the question clearly.)

[Strafe]

Somebody help.

[goddess_dix]

hello. bit of a vb noob, and i'm trying to figure out how to get the forum category descriptions to display on the forum home in this style. hints appreciated.

[CyberAlien]

Originally Posted by Strafe

I have a question:

(Click above to see the question clearly.)

in css remove this:

#maintable-first {
	background: url(images/ca_serenity/misc/bg_logo1.gif) top left repeat-x;
	padding-top: 6px;
}

Originally Posted by goddess_dix

hello. bit of a vb noob, and i'm trying to figure out how to get the forum category descriptions to display on the forum home in this style. hints appreciated.

Its removed because it doesn't fit in rounded headers.

[goddess_dix]

Originally Posted by CyberAlien

Its removed because it doesn't fit in rounded headers.

yeah, i figured as much, but i thought maybe i'd try to massage it. alter the graphic? use css to align it to the top with a solicd background color? put the description in a new table row under the graphic with a light gray background? i thought if i knew where i was looking, maybe i'd get some inspiration -or i'd hear how somebody else did it.

i'm also wondering some other stuff: i installed ultimate side columns and would like to recreate the rounded corners for these columns (and for a photopost install i have, too, once i find the templates that run it).

the number of templates these themes have is totally overwhelming to me, but that's a whole 'nother issue. i appreciate the work you guys like CA do to make it easier for folks like me a great deal. so thank you.

the code changes it tells you to add for this is pretty basic:

Open your header template and at the very end add

<!-- USC header edit start -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
$usc_left
<td valign="top">
<!-- USC header edit end -->

Open your footer template and above

$spacer_close

add

<!-- USC footer edit start -->
</td>
$usc_right
</tr>
</table>
<!-- USC footer edit end -->

That is all your template editing done.

and finally, i'm planning on using the main serentiy as the parent theme and use the other colors as child themes, to make it easier to change. it's looking nice so far.

anyway, any hints or tips on any of these subjects is appreciated. i'm trying to learn a lot of stuff to get things just so...

[Irfan Faruki]

Thanks You