category-header: individual header image for each category

Skinning and designing Serendipity (CSS, HTML, Smarty)
m2.ag
Regular
Posts: 22
Joined: Sat May 06, 2006 9:17 pm
Location: Hamburg
Contact:

category-header: individual header image for each category

Post by m2.ag »

Hi,

is there a chance to use an individual header image for each category (a category title/als ein kapitel-titel)?

This means for example:
  • Category "News" shows a foto of a newspaper as header
    Category "About" shows a foto of a book as header
    Category "Contact" shows a foto of a pen as header
    etc.
Is this function already existing somewhere?
And can I integrate it e.g. into the template freshy?


Thank you for your help :D

Matthias
Last edited by m2.ag on Sat Oct 27, 2007 1:36 pm, edited 1 time in total.
carl_galloway
Regular
Posts: 1331
Joined: Sun Dec 04, 2005 5:43 pm
Location: Andalucia, Spain
Contact:

Post by carl_galloway »

You can add a category icon which is displayed in each entry from the category. Just do this from the categories link in admin.
m2.ag
Regular
Posts: 22
Joined: Sat May 06, 2006 9:17 pm
Location: Hamburg
Contact:

Post by m2.ag »

carl_galloway wrote:You can add a category icon which is displayed in each entry from the category. (...)
Hi Carl,
thank you for your reply, but that was not my intention.
The blog I am building has about 6 categories. Each category should have its own header image on top of the page. Just like here in the wordpress-based weblog run by Michael Heilemann:

category "blog":
http://binarybonsai.com/ starts with red header-picture (header-kubrick.png)

category "archives":
http://binarybonsai.com/archives/ has headerpicture of bonsai (header-colophon.png)

category "wordpress":
http://binarybonsai.com/wordpress/ has black headerpicture (header-wordpress.png)

How can I add this feature to the S9Y-Blog I am currently creating?

Thank you guys for your help!

:D Matthias
carl_galloway
Regular
Posts: 1331
Joined: Sun Dec 04, 2005 5:43 pm
Location: Andalucia, Spain
Contact:

Post by carl_galloway »

Oh sorry. I haven't played with it much, but there is a plugin which is something to do with extended entries for categories that lets you use a different template for each catgory. I have no idea how difficult it would be to integrate a different header image but this plugin shoulod at least start the ball rolling, maybe one of the other regulars here has more experience
m2.ag
Regular
Posts: 22
Joined: Sat May 06, 2006 9:17 pm
Location: Hamburg
Contact:

Post by m2.ag »

see below in next message...
Last edited by m2.ag on Sat Oct 27, 2007 2:10 pm, edited 2 times in total.
m2.ag
Regular
Posts: 22
Joined: Sat May 06, 2006 9:17 pm
Location: Hamburg
Contact:

Post by m2.ag »

carl_galloway wrote:(...) a plugin (...) with extended entries for categories that lets you use a different template for each category. I have no idea how difficult it would be to integrate a different header image but this plugin should at least start the ball rolling, maybe one of the other regulars here has more experience
Hi Carl,
thank you, I found it! Does not seem to integrate automatically with the Spartacus-Plugin. But it is on the Plugin-Page on the s9y.org: Properties/Templates of categories.

But: This means, I've to duplicate my templates folder for each individual category. It works, but isn't there an easier way for only to switch some header pictures? Maybe anybody has an idea, how to have an individual title header image for each individual category?

Thanks a lot! :-) :-) :-)
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Post by yellowled »

m2.ag wrote:Maybe anybody has an idea, how to have an individual title header image for each individual category?
If there's a way to determine the category displayed in smarty, you could combine that with some inline styles in your index.tpl to set the header images. However, I don't know how to determine that, so that's a question for Garvin :)

YL
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!

You can use the bulletproof template for that, it offers selection of a header image.

Then you install the "Properties/Templates" plugin. Now for each of your categories, you choose the bulletproof template. Then you can configure the theme options for those categories independently!

So you still only use one template directory, but template options are distinct for each category.

You need s9y 1.2 or newer for this feature.

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Don Chambers
Regular
Posts: 3652
Joined: Mon Feb 13, 2006 2:40 am
Location: Chicago, IL, USA
Contact:

Post by Don Chambers »

Cool!!! That was an unexpected benefit for bulletproof!!
=Don=
hgoor
Regular
Posts: 297
Joined: Thu Jan 06, 2005 11:46 am

Random header...

Post by hgoor »

Ok, great idea about the headers...

But here is another one: I have made a few cool headers for my blog, but I would really like them to be RANDOM...

I have made a media directory called "/headers" and in it are all headers I have created.

It would really like for them them to show up randomly.....
"If life is worth living, it's worth documenting" -- Adam Curry ("Podfather")

Bloggers@large: http://www.vandegoor.com
iLounge Radio: http://www.hostingperfect.net:8004/listen.pls
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: Random header...

Post by garvinhicking »

Hi!

There's a kubrickheader-plugin, that one allows to randomize a header and assigns the right one via CSS.

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
hgoor
Regular
Posts: 297
Joined: Thu Jan 06, 2005 11:46 am

Re: Random header...

Post by hgoor »

garvinhicking wrote:Hi!

There's a kubrickheader-plugin, that one allows to randomize a header and assigns the right one via CSS.

Regards,
Garvin
Uh, is that plug-and play using the front-end? It sounds like you need to have knowlegde of CSS and I'm just a stupid "user".
"If life is worth living, it's worth documenting" -- Adam Curry ("Podfather")

Bloggers@large: http://www.vandegoor.com
iLounge Radio: http://www.hostingperfect.net:8004/listen.pls
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: Random header...

Post by garvinhicking »

Hi!

If you're using the kubrick template, or a compatible plugin that uses the serendipity_banner CSS class, it is plug and play. Else you would need to either change the plugin or your template to conform with the required DIV-Element where the header should go into.

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
hgoor
Regular
Posts: 297
Joined: Thu Jan 06, 2005 11:46 am

Re: Random header...

Post by hgoor »

garvinhicking wrote:Hi!

If you're using the kubrick template, or a compatible plugin that uses the serendipity_banner CSS class, it is plug and play. Else you would need to either change the plugin or your template to conform with the required DIV-Element where the header should go into.

Regards,
Garvin
Ok, I am using Bullet-proof 1.0 (have seen that 1.1 is out but it's not available yet in SPARTACUS), is that kubrick compatible or whatever?
"If life is worth living, it's worth documenting" -- Adam Curry ("Podfather")

Bloggers@large: http://www.vandegoor.com
iLounge Radio: http://www.hostingperfect.net:8004/listen.pls
Don Chambers
Regular
Posts: 3652
Joined: Mon Feb 13, 2006 2:40 am
Location: Chicago, IL, USA
Contact:

Post by Don Chambers »

Bulletproof 1.1 is never going to be in spartacus... bulletproof is one of s9y's core templates. There will be 2 ways to get bp updates. First, if s9y is updated (ie, 1.2.x or 1.3), the latest bp will be in that release. Second, we are maintaining a download location for interim bp releases so we do not have to wait for s9y to be updated when we want to update bp. BP updates, including 1.1, can be downloaded here:

http://s9y-bulletproof.com/index.php?se ... ]=download

BP does use a banner ID of serendipity_banner, but I have not tried this plugin Garvin mentions so I cannot be sure if it will work or not... but I suspect it will.
=Don=
Post Reply