how to use my own header/menue

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
wahookah
Posts: 3
Joined: Sun Aug 26, 2007 10:01 am

how to use my own header/menue

Post by wahookah »

Hi,

i´m trying to remove the upper part of the blog (header image + the description of the blog) and replace it with my own header + menue

what would be the easiest way to achieve this, could anybody point me to the rigt direction?

i found this link http://matthias.yellowled.de/archives/6 ... reich.html
which helps a bit, but maybe anyone can explain it step by step.

would be really nice, thnx
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: how to use my own header/menue

Post by yellowled »

wahookah wrote:i´m trying to remove the upper part of the blog (header image + the description of the blog) and replace it with my own header + menue
Once again it would be very helpful and make things much easier if only we had an URL to your blog so we could see which template you're using :)
wahookah wrote:what would be the easiest way to achieve this, could anybody point me to the rigt direction?
The easiest way would probably be to use the brand new s9y template Bulletproof because you can do both things using it's theme options, i.e. using the admin panel.

If you don't want to use Bulletproof, I'm afraid I'm (as well as anybody else in this forum) going to need at least the template you want to use to walk you through this.

YL
wahookah
Posts: 3
Joined: Sun Aug 26, 2007 10:01 am

Post by wahookah »

thanks for your reply, as you said i just found out that using Bulletproof most of the things that i wanted are much easier.

Only two things left, that should be easy to solve:

-where should i put the html-code for my header(as i said it´s not only an image, it´s a menue as well)?

-i used the green color set in bulletproof, but still i need to adjust some colors.is it correct that i can do that in green_style.css?
if i want to add more themes for bulletproof, is it as simple as to add my own .css file and select it via the admin panel?

thnx for all the help
:wink:
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Post by yellowled »

wahookah wrote:-where should i put the html-code for my header(as i said it´s not only an image, it´s a menue as well)?
The primary and preferable option would be to integrate the menu using BP's customizable navbar in the theme options. If that's not an options for you, you might want to try out the HTML-Head Nugget event plugin. It's available via spartacus. However, I don't know anyone who's used that in combination with BP - you can be out little guinea pig on this :)
wahookah wrote:-i used the green color set in bulletproof, but still i need to adjust some colors.is it correct that i can do that in green_style.css?
Yes.
wahookah wrote:if i want to add more themes for bulletproof, is it as simple as to add my own .css file and select it via the admin panel?
Not quite, which reminds me we need a doc blog entry on that topic :) I'm going to write an entry on that in the next couple of days, so make sure you watch http://s9y-bulletproof.com

YL
Don Chambers
Regular
Posts: 3657
Joined: Mon Feb 13, 2006 2:40 am
Location: Chicago, IL, USA
Contact:

Post by Don Chambers »

The head nugget plugin is not what you want. That inserts code between <head> and </head> in lieu of modifying a template's index.tpl file. The advantage of that nugget is that any code, such as additional meta tags, favicons, etc, becomes template independent.

As YL said, first try to use bulletproof's built-in site navigation. It can be placed above the banner, below it, or in either sidebar. A secondary option can show these same links in the footer.

If that still is not what you want, and you have a grasp of html, modify the file /templates/bulletproof/index.tpl, look for the <div id="banner"> and place your code there. You may need to edit the selected color_style.css file to define rules for your newly added navigation. You might want to first copy all of bulletproof into a new /templates/folder so you are working with a copy, and not the original bulletproof.

A final option is <div id="serendipity_below_banner"></div>. This div is not used in any of the colorsets, but was included to allow future designers to include some component (ie, custom navigation, banner ads, custom graphics, etc) that someone may not feel belongs in the banner itself, nor the included navbar.
=Don=
Post Reply