Custom CSS Definitions

[Andreas]

I've seen many modifications that use vBulletin settings for CSS definitions.

But there is a far better way to easily let the administrator set up CSS definitions: Create your own CSS classes!

The process is pretty straight forward:
First of all you have to create a new entry in table template:


templatetype = css
product = Your product id
styleid = -1
template
Your serialized CSS definitions. To start with empty definitions just use

a:1:{s:3:"all";s:0:"";}

title
Your CSS classname, for example .cssdemoclass
dateline
Current UNIX timestamp
username
Your username in your dev board
version
The version number of your modification


I suggest to do this in phpMyAdmin, which results in a query (if you want to do it fully manually) similar to

INSERT INTO template (styleid ,title,template,templatetype,dateline,username,ver sion,product)
VALUES (-1, '.cssdemoclass', 'a:1:{s:3:"all";s:0:"";}', 'css', 1239459129, 'Kirby', '1.0.0', 'cssdemo');


Now that you've added the new class, you should rebuild all styles.

Afterwards, you need two plugins to make the class actually editable in style manager:

css_edit

print_css_row($vbphrase['css_demo_class'], $vbphrase['css_demo_class_desc'], '.cssdemoclass', 1);


css_output_build

$css_write_order[] = '.cssdemoclass';


That's it, now you can edit your own class as you could edit any default class.

[Princeton]

thank you Andreas :up:

[Dr.CustUmz]

i know this is old as heck, but is there any explanation for the a:#'s and the s:#'s

say i want to add:
position:
border:
and more, is this possible?

and having no clue what the a's and s's stand for im kind of clueless.

also would i need to define multiple <template name=".cssdemoclass"... for each class I want to have options

[Replicant]

i know this is old as heck, but is there any explanation for the a:#'s and the s:#'s



Simply put, this is PHP serialized data. Here is a pretty detailed explanation that will help you understand it better.

Can't answer the rest, sorry.