Carrie ([info]carriep63) wrote in [info]s2_bloggish,
@ 2006-12-06 19:23:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Entry tags:css, theme layers, tutorial, tutorial:css, tutorial:theme layer

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




(Post a new comment)


[info]marilla_pm67
2007-10-25 01:07 pm UTC (link)
Thanks, I just upgraded my community account and I kept the layout I put up a while ago, but added the multiple tag level option, and this:

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

What I really needed, so, thanks.
Sam

(Reply to this)

help please
[info]milosflaca
2007-11-18 07:12 am UTC (link)
I'm new using bloggish layout. I used to use the component layout which I knew how to customize from head to toe.
Then I saw this pretty layout here, and I decided to use it.
Long short story, I followed the instructions posted there and had no problems whatsoever to install it. Actually I'm using it right now.

The problem was that I tried to add extra boxes and stuff.
So I created a theme layer, as I was used to with component and stumbled across this tutorial since the mod of the comunity warned us users that Css could be a pain in the ass when mixed with the default stylesheet or the defaul journal style that lj has.
So far so good.

Once I installed the layout (meaning I have now pasted the Css code in the wizard), and created the theme layer, I followed your instructions in method #1.

When I added the extra code I only could see a white page! the Css was completely gone! (that is when I preview the layer). All the extra modules I added and stuff where there, but the bg was white, no side bar no nothing.

Then I deleted the code, and when I preview the layout, it showed me a default bloggish layout, with the extra modules etc, but without the pretty css, and with the side bar to the right! and again.

So I'm pretty lost here! I thought it was going to be easy since I've been using layers with component, but it hasn't.
I know I'm doing something wrong, but I don't know what.

My code is this:

layerinfo "type" = "theme";
layerinfo "name" = "fulcrum_journal";
set base_theme = "none";
set sidebar_primary = [
[ "userprofile", "Userpic Title", "0", "1" ],
[ "viewlinks", "Viewlinks Title" ],
[ "customtext" ],
[ "calendar" ],
[ "links", "Links Title" ],

];

function print_module_customtext(string title, string text, string titlelink_url) {
var Page p = get_page();


##### First Box #####
$title = "Unfold";
open_module("customtext",$title, "");
"""
And the words retreat breathing histories into stories untold
And I unfold.
""";
close_module();



##### Second Box #####
var string title2;

$title2 = "Childlike Wildlife";
open_module("customtext2", $title2, "");
"""
I do not become me
For path tunnels or straightaways
""";
close_module();



##### Third Box #####
var string title3;

$title3 = "Tonight, Not Again";
open_module("customtext3", $title3, "");
"""
The night.
She brushed her hands upon my flushed cheek.
""";
close_module();

}

---
as I said the Css is posted in the wizard. I tried to paste it after the codes of the modules but it prompted me an error. So if you can help me, you'll be my hero. I've been reading tutorials all day long and I haven't figure out what I'm doing wrong...so help!




(Reply to this)


Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…