Customize menu css

Hi,
I don’t understand how modify/create a new template in scriptcase… In Layout->Menu CSS I can modify only some values… I see in the scriptcase folder thate for each menu there is a .ini file and a generated .css. I try to understand the .ini language, is somethins I remember to see elsewhere, but I can’t recognize it… I see that if I modify the .ini the Menu Css don’t work anymore… Where can I find the documentation about this?
Thank You.

I guess (dont know) that the ini is used to create the css. So when I edit the css I also edit the ini. Then it seems to work. Do remember to flush the tmp dir from all css files and to ctrl+F5 your browser.

but which format is this ?

a:37:{s:22:“main_normal_color_font”;s:7:"#3ec2c5";s:22:“main_normal_color_back”;s:7:"#3e3e3e";s:21:“main_hover_color_font”;s:7:"#155c5d";s:21:“main_hover_color_back”;s:7:"#3ec2c5";s:16:“main_font_family”;s:39:"“Trebuchet MS”,Georgia,Times,sans-serif";s:14:“main_font_size”;s:2:“15”;s:14:“main_font_bold”;s:1:“Y”;s:16:“main_font_italic”;s:1:“N”;s:19:“main_font_underline”;s:1:“N”;s:23:“main_font_overunderline”;s:1:“N”;s:16:“main_radius_menu”;s:1:“0”;s:16:“main_radius_item”;s:1:“9”;s:14:“main_alignment”;s:4:“left”;s:21:“sub_normal_color_font”;s:7:"#155c5d";s:21:“sub_normal_color_back”;s:7:"#3ec2c5";s:20:“sub_hover_color_font”;s:7:"#e8ffff";s:20:“sub_hover_color_back”;s:7:"#309fa1";s:15:“sub_font_family”;s:25:"“Trebuchet MS”,sans-serif";s:13:“sub_font_size”;s:2:“13”;s:13:“sub_font_bold”;s:1:“N”;s:15:“sub_font_italic”;s:1:“N”;s:18:“sub_font_underline”;s:1:“N”;s:22:“sub_font_overunderline”;s:1:“N”;s:15:“sub_radius_menu”;s:1:“5”;s:15:“sub_radius_item”;s:1:“0”;s:13:“sub_alignment”;s:4:“left”;s:11:“sub_opacity”;s:3:“100”;s:21:“main_background_image”;s:0:"";s:20:“sub_background_image”;s:0:"";s:21:“main_background_color”;s:0:"";s:19:“main_disabled_color”;s:7:"#225566";s:18:“sub_disabled_color”;s:7:"#44aabb";s:13:“sub_bar_color”;s:0:"";s:26:“menu_line_background_image”;s:0:"";s:26:“menu_line_background_color”;s:7:"#3E3E3E";s:29:“menu_line_background_position”;s:0:"";s:27:“menu_line_background_repeat”;s:6:“repeat”;}

[QUOTE=insecta;31890]but which format is this ?

a:37:{s:22:“main_normal_color_font”;s:7:"#3ec2c5";s:22:“main_normal_color_back”;s:7:"#3e3e3e";s:21:“main_hover_color_font”;s:7:"#155c5d";s:21:“main_hover_color_back”;s:7:"#3ec2c5";s:16:“main_font_family”;s:39:"“Trebuchet MS”,Georgia,Times,sans-serif";s:14:“main_font_size”;s:2:“15”;s:14:“main_font_bold”;s:1:“Y”;s:16:“main_font_italic”;s:1:“N”;s:19:“main_font_underline”;s:1:“N”;s:23:“main_font_overunderline”;s:1:“N”;s:16:“main_radius_menu”;s:1:“0”;s:16:“main_radius_item”;s:1:“9”;s:14:“main_alignment”;s:4:“left”;s:21:“sub_normal_color_font”;s:7:"#155c5d";s:21:“sub_normal_color_back”;s:7:"#3ec2c5";s:20:“sub_hover_color_font”;s:7:"#e8ffff";s:20:“sub_hover_color_back”;s:7:"#309fa1";s:15:“sub_font_family”;s:25:"“Trebuchet MS”,sans-serif";s:13:“sub_font_size”;s:2:“13”;s:13:“sub_font_bold”;s:1:“N”;s:15:“sub_font_italic”;s:1:“N”;s:18:“sub_font_underline”;s:1:“N”;s:22:“sub_font_overunderline”;s:1:“N”;s:15:“sub_radius_menu”;s:1:“5”;s:15:“sub_radius_item”;s:1:“0”;s:13:“sub_alignment”;s:4:“left”;s:11:“sub_opacity”;s:3:“100”;s:21:“main_background_image”;s:0:"";s:20:“sub_background_image”;s:0:"";s:21:“main_background_color”;s:0:"";s:19:“main_disabled_color”;s:7:"#225566";s:18:“sub_disabled_color”;s:7:"#44aabb";s:13:“sub_bar_color”;s:0:"";s:26:“menu_line_background_image”;s:0:"";s:26:“menu_line_background_color”;s:7:"#3E3E3E";s:29:“menu_line_background_position”;s:0:"";s:27:“menu_line_background_repeat”;s:6:“repeat”;}[/QUOTE]

this is serialized data put into your sqlite database. To get it readable you need to ‘unserialize’ it, see php manual.

ok, thanks… I never used sqlite db… I use only postgres/mysql/oracle databases…

I guess you are easy of using firefox with firebug (install as addon!). Just hover your mouse over the piece you want to change, inspect the css, find the piece in your server in the
css mentioned and change it by hand… Anyway that is how we fixed a css bug from sc here…

[QUOTE=rr;32034]I guess you are easy of using firefox with firebug (install as addon!). Just hover your mouse over the piece you want to change, inspect the css, find the piece in your server in the
css mentioned and change it by hand… Anyway that is how we fixed a css bug from sc here…[/QUOTE]

Yes, I use primally firebug for html/css debug :wink: it’s the best debugger for web designers :wink: I try to make some changes and it seems to work, also if I don’t find some css proprerty in ini file (like text-shadow)…

for other’s use:
to change directly whitout the need of unserialize/serialize just remember that in s:XX, XX is the length of the following string…
So:
s:0:""
s:7:"#ff0000"
s:16:“this is a string”

If You don’t change the length along the value, the .ini don’t work…

I have changed the ini and the css, and it worked.
But you must clear your cache afterwards (I even forgot that) and ctrl-F5 doesnt always do the trick. The css files are still in the cache so that is why.