Navigation bar from Coffee Bar Theme

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
m85021
Regular
Posts: 7
Joined: Tue Sep 11, 2007 7:52 am

Navigation bar from Coffee Bar Theme

Post by m85021 »

Hi all,
I'm really new at this.

I'd like to use just the navigation bar from the Coffee Bar theme, and put it into the similar Coffee Cup/Competition theme.


I like the Coffee Bar theme, but don't care for the fixed width, and couldn't figure how to change it....

Hope this makes sense.... Thanks for any info !
d_cee
Regular
Posts: 603
Joined: Wed Jan 18, 2006 6:32 pm
Location: UK
Contact:

Post by d_cee »

Hi

If you're using the latest Serendipity 1.2 release you could use the new bulletproof template to easily recreate my coffecup/competition theme with navigation menus positioned anywhere you like. If you're not confident of doing this, I should have some time at the end of this week and I'll do it and post it for you to download.

Alternatively, you could try changing the fixed widths in coffee bar to percentages. If you're using the default (blue) colourset you need to change the widths in the blue.css file for the classes/ids as shown below.

Code: Select all

div#wrapper 
width: 95%;

#mainpane
width: 100%;

.menu
width: 100%;

#serendipity_banner
width: 100%;
I've only had time to check this in FireFox quickly this morning so you may need to adjust the widths above for IE.

HTH

Dave
m85021
Regular
Posts: 7
Joined: Tue Sep 11, 2007 7:52 am

Post by m85021 »

Edit: Deleted to use below's post.
Last edited by m85021 on Wed Sep 12, 2007 7:15 am, edited 1 time in total.
m85021
Regular
Posts: 7
Joined: Tue Sep 11, 2007 7:52 am

Post by m85021 »

Code: Select all

div#wrapper 
width: 95%;

#mainpane
width: 100%;

.menu
width: 100%;

#serendipity_banner
width: 100%;

Dave,
I used the above code on the blue.css file, and while it did make the width dynamic, it clipped the header/navigation from the main content.

Here's the pic:
Image
d_cee
Regular
Posts: 603
Joined: Wed Jan 18, 2006 6:32 pm
Location: UK
Contact:

Post by d_cee »

Hi

I'm sorry I don't have a windoze machine here at my office to suggest a fix, so I'll take a look this evening when I get home and post a new piece of code for you.

HTH

Dave
Post Reply