Moded Serendipity 3.0 Theme

[Dawn]

Hi,

I've moded Carl's "Serendipity 3.0" Theme a litte bit (THX Carl). I want to know if you guys want it in the repository of s9y.org and please post a few comments what can be better. Please don't expect too much, there are only small changes:

- Changed indent for categories to fit it with the other plugins
- Category-Titles aren't lowercase
- If you insert a new image (upper image alignment option) it isn't centered, its left aligned
- There are line of space between header and browser
- Between header and content there is a new blue line

If you wan't to take a look at a demo you can do that at http://blog.blankster.info (category icons aren't included in the theme)

My only small problem is that I want to have the same indent for the title and subtitle in the header. It would be very nice if anybody can help me to fix that (like it is in the admin view).

Sorry for my bad english, I hope you understand what I mean...

And again, the big THX goes to Carl for his great work!

Greets,
Dawn

PS: You can download the theme at http://www.blankster.info/blankster.zip

[yellowled]

I want to know if you guys want it in the repository of s9y.org and please post a few comments what can be better.

I don't want to be rude, but I don't see why this should be on spartacus. It's just a small modification of the default (which will by the way change in v1.1 anyway - as far as I know), and as far as I know, Garvin wants to keep spartacus tidy.

My only small problem is that I want to have the same indent for the title and subtitle in the header. It would be very nice if anybody can help me to fix that (like it is in the admin view).

Erm ... you have this in your css code:

Code: Select all

a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #serendipity_banner h1 {[...]
	padding-left:15px;
	[...]
	margin: 0px; [...]
}

/* the smaller link in the banner, blog description */
a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #serendipity_banner h2 { [...]
	padding-left:15px;
	margin: 0px; [...]
}

and this (plus the results I'm getting with Firefoxe's Measure-It-Plugin and my eyes ) should mean that those two do have the same indent ... screenshot?

However, please don't be discouraged by this! Rome wasn't built in a day - template design is quite similar. Customizing existing templates is an excellent way to learn it, and your first(?) attempt shows small but - in my opinion - tasteful changes.

Just keep developing it, and probably very soon you'll be annoyed by people asking for modifications in it just like the rest of us ...

YL

[Dawn]

Hi YellowLed,

Thanks for your feedback It isn't important for me to get it in the repository, but I tought I want to give something back when I can.. My target is that I want other ppl want to benefit from my (little) changes. So I let the theme on my server where interested ppl can download it. Perhaps I'll write my own theme in the future.. I'll see

About my "problem", here is a screenshot of the header:


I did this screenshot in Firefox. But it's the same in IE too.. Call me blind, but do you not see that this two lines don't have the same indent? It's only a very minimal detail (the first line has a little bit more indent) but sometimes I am a little bit perfectionistic The strange thing is as you saw in the css-code that all important settings are identical. I really can't find the fault.

Greets,
Dawn

[carl_galloway]

Ah, now I understand!

The problem is not with the template or Serendipity, or even with the browser. The problem is the font. But every computer will show this differently. If you really want to try and fix this then you need to adjust the font-spacing (ie the kerning of the letters). but I think you'll find that it will only fix the problem on a handful of computers that have exactly the same settings as your own.

[Dawn]

Hi Carl,

THX for your detailed answer. But there is still one thing which I don't understand: When I take a look into the admin area there is the indent perfect, whats different between this header and the header in the admin area?

Greets,
Dawn

[yellowled]

But there is still one thing which I don't understand: When I take a look into the admin area there is the indent perfect, whats different between this header and the header in the admin area?

Just a guess, Carl is probably better at explaining this and much more into the code (since it's his code ): the font-sizes in the template's header are in px values, those in the admin header are in em. Both units are (contrary to popular belief) calculated ones, but they are calculated differently.

YL