carriep63 (carriep63) wrote in s2bloggish, @ 2007-08-18 11:36:00 |
|
|||
Entry tags: | css, paid, theme layer, tutorial |
[paid] Using CSS with a Theme layer
There are specific steps to take if you are using a CSS template or stylesheet together with a theme layer in the Bloggish style. If the steps are taken out of order, the results can be less than pleasing. Here are three different ways to use CSS in conjunction with a theme layer (I personally use #2):
Method #1: Using a theme layer with the wizard
1. Create your theme layer. If the template instructions state to set your theme to "None", you must include this code in your layer:set base_theme = "none";
2. In the wizard, choose Your Style under "theme". Do this even if the instructions say to choose "none". Most template instructions are geared toward the wizard only!
3. Enter your CSS in the Custom CSS box (tab four).
Method #2: Adding CSS to the theme layer (instead of using the wizard).
1. Create your theme layer. If the template instructions state to set your theme to "None", you must include this code in your layer:set base_theme = "none";
2. Use the following code to add your CSS.set custom_css = "
Your CSS here
";
Method #3: Using an external stylesheet with the theme layer.
1. Paste your CSS into a text editor and save the file as somefilename.css.
2. Upload stylesheet to a file host.
3. Create your theme layer. If the template instructions state to set your theme to "None", you must include this code in your layer:set base_theme = "none";
4. Use the following code in the theme layer to link to your stylesheet:set linked_stylesheet = "http://somefilename.css";
There are other ways to add custom CSS to your theme layer such as using print_custom_head or rewriting your print_stylesheet function, but they are not recommended with the Bloggish style. Read more about those methods in this tutorial.