vb.org Archive - CA Serenity (clean, web 2.0 design, vbadvanced support, many colors)

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.6 Styles (https://vborg.vbsupport.ru/forumdisplay.php?f=195)

- - CA Serenity (clean, web 2.0 design, vbadvanced support, many colors) (https://vborg.vbsupport.ru/showthread.php?t=145947)

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)
https://vborg.vbsupport.ru/external/2009/07/61.jpg

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".

https://vborg.vbsupport.ru/external/2009/07/25.gif
CA Serenity Cyan/Yellow: click here

https://vborg.vbsupport.ru/external/2009/07/26.gif
CA Serenity Red/Yellow: click here

https://vborg.vbsupport.ru/external/2009/07/27.gif
CA Serenity Orange: click here

https://vborg.vbsupport.ru/external/2009/07/28.gif
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.

very nice, i love all your CA styles
installed =)

I like it :)

thanks man :)

Installed

Very nice looking (installed). Thanks!

Very smooth skin - Nice work
Thanx for sharing ;)

Jacquii.

I like it, congrat ;)

these are pissing me off, when i install them via admin panel, the .xml, it just makes the skin plain flat colors, no texture....looks nothing like the demo. why is that?

Make sure you upload images to images/ca_serenity/
If that doesn't help, post link to your forum so I could take a look at what's wrong.

Update.

Style is no longer beta. There were few changes in templates, javascript and images since beta version. Also added lots of new color schemes created with colorizeit beta.

sweeet thanks cyberalien
nice work

Ohh wonderful.nice ;) thanx

I love this style! I'm in the middle of upgrading my forum to vb3.6.5 and wanted a new style. Well, I've found it! This is a great style and very good looking.

One question tho: I'm using the green version and when there is a new post it makes the sectionname and thread title all red. Is it possible to only show the new post icon and not make the titles red?

Replace images/ca_serenity_green/misc/scripts_index.js content with this:

Code:

var item = document.getElementById("forum0");

if(item)

{

        var rows = item.getElementsByTagName("tr");

        if(rows.length > 1)

        {

                item.style.display = '';

                item = document.getElementById("forum0_div");

                if(item)

                {

                        item.style.display = '';

                }

        }

}

Great stuff - all your styles are amazing! Very clean and professional!

I used the vbadvanced xls and merged it in but it made the page look so much worse, trying to figure out why.

I see what happened, it made completely the wrong change to the image paths!!!

I manually corrected them and it worked fine.

Quote:

Originally Posted by CyberAlien (Post 1243122)

Replace images/ca_serenity_green/misc/scripts_index.js content with this:

Thanks CyberAlien... you're the man!

I just love this style. It looks so professional and it fits perfect with a lot of hacks! If you ever need an example of a site with this style and a lot of hacks installed (including vbadvanced) please let me know and I'll give you my url!

Thanks again for your help!

Update

Style is updated for vBulletin 3.6.6.

Can you please update the template for 3.6.7 now :)

It is up to date, as there aren't any template changes from 3.6.6 to 3.6.7

I fixed it. The fluid.xml would not upload because of the mismatch. I just changed

<style name="CA Serenity Green (fluid)" vbversion="3.6.6"

to

<style name="CA Serenity Green (fluid)" vbversion="3.6.7"

and it loaded without error.

Going to be using the banner rotater modification.
Where do I find the file path to the logo image to change it to my rotater information?

Its a template variable $stylevar[titleimage]

Worked a treat, thank you

Very nice! I may be using this. Good work.

:)

Very nice but I am having some issues with images.

Someone else had this earlier n this thread and stated it was with the path issue.

I am integrating with vbadvanced and header images are nit showing up correctly.

Where would I exactly change the settings to correct the path issue if indeed this is the problem?

Thanks,

That depends on what images you have problems with. If its table header images, then edit replacements. If you have problems with backgrounds then in css replace all url(images/ca_serenity/ with absolute url. If folder images don't appear then edit style variables.

And its not a style problem, nor vBulletin problem, but CMS problem. All styles have paths to images set relative to forum root directory, and when root directory is being changed by some CMS it should try to alter html output itself, but it doesn't do that.

CyberAlien, I see that you've updated this style. Anything important added or changes? I've installed your style before the update and was wondering if I have to update it.

That update is only template changes from 3.6.5 to 3.6.7

Very nice skin. Thanks for sharing.
*Installed*

Those errors are fixed in 3.6.7 version, I haven't updated my forum yet.

how remove underline ?? i replace all underline to none in CSS options ... But many references have remained underline

What's your forum url?

<a href="http://cstrike.pri.ee" target="_blank">http://cstrike.pri.ee</a>

... maybe can somebody give me .xml file without Underline ? )

That's default underline for all links. In css set text-decoration: none for main links css.

At me already costs text-decoration: none ... can you make skin xml file without any underline ?

You didn't add it to main links. In css editor I think its "body" block.

I am scared to use anything but the default skin for vb but I do like this Serenity one.

Gets rid of the fluffy stuff that shouldn't be on the navbar.

That "fluffy stuff" is in quick links popup menu

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01370 seconds Memory Usage 1,822KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: