The Serendipity Handbook

You can now read the (german) handbook here: PDF - https://github.com/s9y/Book (LaTeX source).

Forum-Information

Before posting about errors, make sure that the answer cannot already be found in our FAQ or by searching this forum!
Posting is restricted to registered users (registering is free and simple!) due to recent spam attacks. When having trouble with this board, contact garvin(-at)s9y(-dot)org.

Board index Themes category-header: individual header image for each category

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

Postby m2.ag » Fri Oct 26, 2007 11:52 pm

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: 1328
Joined: Sun Dec 04, 2005 6:43 pm
Location: Andalucia, Spain

Postby carl_galloway » Sat Oct 27, 2007 8:40 am

You can add a category icon which is displayed in each entry from the category. Just do this from the categories link in admin.

User avatar
m2.ag
Regular
 
Posts: 22
Joined: Sat May 06, 2006 9:17 pm
Location: Hamburg

Postby m2.ag » Sat Oct 27, 2007 11:08 am

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: 1328
Joined: Sun Dec 04, 2005 6:43 pm
Location: Andalucia, Spain

Postby carl_galloway » Sat Oct 27, 2007 11:18 am

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

User avatar
m2.ag
Regular
 
Posts: 22
Joined: Sat May 06, 2006 9:17 pm
Location: Hamburg

Postby m2.ag » Sat Oct 27, 2007 1:35 pm

see below in next message...
Last edited by m2.ag on Sat Oct 27, 2007 2:10 pm, edited 2 times in total.

User avatar
m2.ag
Regular
 
Posts: 22
Joined: Sat May 06, 2006 9:17 pm
Location: Hamburg

Postby m2.ag » Sat Oct 27, 2007 2:10 pm

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! :-) :-) :-)

User avatar
yellowled
Regular
 
Posts: 5568
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany

Postby yellowled » Mon Oct 29, 2007 12:49 am

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

User avatar
garvinhicking
Core Developer
 
Posts: 29497
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany

Postby garvinhicking » Mon Oct 29, 2007 1:19 pm

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/

User avatar
Don Chambers
Regular
 
Posts: 3151
Joined: Mon Feb 13, 2006 3:40 am
Location: Chicago, IL, USA

Postby Don Chambers » Mon Oct 29, 2007 3:48 pm

Cool!!! That was an unexpected benefit for bulletproof!!

User avatar
hgoor
Regular
 
Posts: 296
Joined: Thu Jan 06, 2005 12:46 pm

Postby hgoor » Thu Nov 01, 2007 8:39 pm

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

User avatar
garvinhicking
Core Developer
 
Posts: 29497
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany

Postby garvinhicking » Fri Nov 02, 2007 12:50 pm

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/

User avatar
hgoor
Regular
 
Posts: 296
Joined: Thu Jan 06, 2005 12:46 pm

Postby hgoor » Fri Nov 02, 2007 2:18 pm

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

User avatar
garvinhicking
Core Developer
 
Posts: 29497
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany

Postby garvinhicking » Fri Nov 02, 2007 2:31 pm

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/

User avatar
hgoor
Regular
 
Posts: 296
Joined: Thu Jan 06, 2005 12:46 pm

Postby hgoor » Fri Nov 02, 2007 2:40 pm

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

User avatar
Don Chambers
Regular
 
Posts: 3151
Joined: Mon Feb 13, 2006 3:40 am
Location: Chicago, IL, USA

Postby Don Chambers » Fri Nov 02, 2007 2:57 pm

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?serendipity[subpage]=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.

Next


Return to Themes

Who is online

Users browsing this forum: No registered users and 0 guests