April 10, 2007

Working With Custom CSS

By default, your site is set up with a standard CSS file, which you can find here: http://mee.nu/css/mee.css.

You will find the CSS location specified in your Header template.  In the future - probably later this week - I'll add a setting to the Manage Site page to make this easier to change, but for now you can just edit that template.  Find the line that says:

<link rel="stylesheet" href="/css/mee.nu.css" type="text/css" />

And change it to something like:

<link rel="stylesheet" href="/files/my.css" type="text/css" />

Where /files/my.css is the location of your CSS file.

There are a couple of ways you can put your own CSS into action.  The first way is to simply edit it offline, and then upload the file into your files directory.

The second way is more complicated, but more powerful; it lets you use template tags to process the CSS, so that you can (for example) deliver different CSS to different browsers.  I'll cover that tomorrow.

Posted by: Pixy Misa at 12:31 PM | Comments (5) | Add Comment
Post contains 164 words, total size 1 kb.

1

Well I tried this method (tweaking with a copy of mee.nu.css and saving it down in my files folder as my.css) to fiddle around with the appearance of the page, but I decided I was coming to an ugly dead-end. When I tried reseting to the default css, something happened, because the h-line.gif and v-line.gif borders will not come back no matter what I try. I've tried routing my header back to mee.nu/css/mee.nu.css . I've put a copy of the original css in my files folder and sent the header there for the style sheet. Neither brought the borders back.

Any idea what's going on?

Posted by: Will at April 20, 2007 09:04 PM (SOx9v)

2 mee.nu.css doesn't have the borders; you want mee.css.

Give that a try.

Posted by: Pixy Misa at April 20, 2007 09:12 PM (PiXy!)

3 That did it. But mee.nu.css (the one you supplied in your link) references v-line and h-line in #banner and #menu. Is there some reason why those would not work?

Posted by: Will at April 20, 2007 09:34 PM (SOx9v)

4 Wait... I think I see what's wrong. Does it have to do with the way the url is incomplete when linking the image? Mee.css has those urls filled out completely? (another work around I attempted)

Posted by: Will at April 20, 2007 09:37 PM (SOx9v)

5 Sorry about that!  I've fixed the link now.

The mee.nu.css file is tailored for this site - which doesn't have the borders.  You can see that those sections are commented out.

Posted by: Pixy Misa at April 21, 2007 12:11 PM (PiXy!)

Hide Comments | Add Comment

Comments are disabled. Post is locked.
11kb generated in CPU 0.0158, elapsed 0.0574 seconds.
32 queries taking 0.0455 seconds, 57 records returned.
Powered by Minx 1.1.6c-pink.