3 beginner questions: relative image path / difference layout.css <> foozen.css / 'subtheme's'

Events happening in the community are now at Drupal community events on www.drupal.org.
MatthijsG's picture

Starting with Zen, i come across three problems/questions i can't solve

1) a relative background URL isn't working. Why not? Using an absolute path works fine (like //localhost/drupal/etc), but when i change it to "/foozen/images/bg.jpg" nothing happens. image is stored in //localhost/drupal/drupal63/sites/all/themes/foozen/images/bg.jpg (main zen theme is in //localhost/drupal/drupal63/sites/all/themes/zen). It's not an apache-thing, because other theme's are working fine with relative paths. What is the right relative notation to an image?

2) What's the point with foo.css and layout.css. There are some differences between both files, but why should i load both files on a production site?

3) Is it possible to make 1 folder, but (for example) 3 different .css files, like: foo-red.css, foo-green.css, foo-blue.css. And have also 3 theme's installed in drupal? Or should i simple copy the folder and install the foozen theme 3 times?

Comments

hi how I see it

marcus7777's picture

1) your image path is relative to your css file so try images/bg.jpg
2) your can use as many css file as you like.
3) I would put each in as the own theme
zen/green/foo.css
zen/blue/foo.css
zen/red/foo.css
read the starter kit files for more help
Marcus

Answer on the reply

MatthijsG's picture

Tnx for the reply, but ...

1) does not work strangely enough (absolute from //localhost/etc. however is working)
2) the question was not 'how many i can use' but 'how little'. And for this, i want to know why i see almost 2 the same css-files and i wonder which css files i can delete.
3) that's the easiest way - isn't there a code-way to reduce space and downloadtime (when selecting /foo-green/ every image from foo-green/images has to be reloaded. Or i have to use a 'common' image-folder, but that is not a good solution.