Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2009-04-22 14:22:33

WildeMedia
Member
From: Hampshire
Registered: 2009-04-22
Posts: 17
Website

Horizontal Navigation

Hi,

I am a complete noobie at Textpattern. Only stumbled across it 2 days ago. I’ve installed it on my hosting server and have added various things such as new pages and articles, etc.

But I would like to know how I can create a horizontal main navigation with images as backgrounds and rollover backgrounds.

This is a link to my HTML/CSS site which I’m currently trying to convert to Textpattern for Articles and a blog. The navigation shown on this page is how I want it to look like in Textpattern.

http://www.wildemedia.co.uk/V2/index.html

Any help will be much appreciated.

Last edited by WildeMedia (2009-04-22 14:23:26)

Offline

#2 2009-04-22 14:41:54

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Horizontal Navigation

I did an article on this once upon a time. You might find it useful. You will need to apply your own CSS of course. In regards to the background image I would use a single “sliding” image in preference to 2 separate images as this saves the intitial delay you get when you first hover on an item. I can explain that in more detail if you need.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#3 2009-04-22 14:44:08

WildeMedia
Member
From: Hampshire
Registered: 2009-04-22
Posts: 17
Website

Re: Horizontal Navigation

thebombsite wrote:

I did an article on this once upon a time. You might find it useful. You will need to apply your own CSS of course. In regards to the background image I would use a single “sliding” image in preference to 2 separate images as this saves the intitial delay you get when you first hover on an item. I can explain that in more detail if you need.

ok I’ll check that out! I’ve used the single image before actually! Forgot about that. It’s where you change the position of the background to show the rollover.

Offline

#4 2009-04-22 14:50:38

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Horizontal Navigation

That’s the one. Because it gets loaded completely on page load there is no delay when doing the first hover.

Also my method is “hand-coded” but you might want to look at the <txp:section_list /> tag which could automate it for you.

Last edited by thebombsite (2009-04-22 14:52:20)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#5 2009-04-22 14:58:11

WildeMedia
Member
From: Hampshire
Registered: 2009-04-22
Posts: 17
Website

Re: Horizontal Navigation

I’ve just read your article. And have managed to get a horizontal navigation bar. But now my content isnt showing and I would like tabs to update without me having to change the code each time. Like in the shape of a form.

How would I do this?

Offline

#6 2009-04-22 15:02:15

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Horizontal Navigation

Well as I mentioned in my last post have a look at that tag as it can automate most of this for you.

Without seeing the new site I can’t say why your content doesn’t appear.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#7 2009-04-22 15:05:04

WildeMedia
Member
From: Hampshire
Registered: 2009-04-22
Posts: 17
Website

Re: Horizontal Navigation

If you go to

http://www.wildemedia.co.uk/V2/

you’ll see what I’m currently working on. Nothing under the navigation is showing up now.

I will have a look at that tag and try to get my head around it.

Offline

#8 2009-04-22 15:11:06

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Horizontal Navigation

In the “Sections” tab have you allowed any sections to appear on the frontpage?

There no doubt isn’t anything showing on the about page because you haven’t created an about article and attached it to the about section.

If you want me to give it a quick once-over you could send me a login to “stuart at thebombsite dot com”.

Last edited by thebombsite (2009-04-22 15:13:14)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#9 2009-04-22 15:17:14

WildeMedia
Member
From: Hampshire
Registered: 2009-04-22
Posts: 17
Website

Re: Horizontal Navigation

Well I had content showing on the home page before I added the new navigation. So it must be a link error somewhere.

Offline

#10 2009-04-22 15:34:54

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Horizontal Navigation

No all the links work correctly, even the ones for sections you don’t have yet. Is it just the default article that you have, or have you added your own content?


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#11 2009-04-22 15:36:44

WildeMedia
Member
From: Hampshire
Registered: 2009-04-22
Posts: 17
Website

Re: Horizontal Navigation

thebombsite wrote:

No all the links work correctly, even the ones for sections you don’t have yet. Is it just the default article that you have, or have you added your own content?

I added 3 articles that show on the home page in a recent articles section in the middle of the page.

There is another page called ‘fun’ which isnt showing.

Also the search box, rss feed and atom are also not showing on the front page.

Offline

#12 2009-04-22 15:47:41

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Horizontal Navigation

Well your new fun page seems OK except you have no content to split the 2 sidebars.

On the home and about pages the page template is not complete. Looking at the source code there are no closing body and html tags and most of the sidebar code is missing. It may be that you have and unclosed tag somewhere but without being able to look at your templates I couldn’t say.

As I said, if you want to send a login over I’ll quite happily go and have a look for you.

Last edited by thebombsite (2009-04-22 15:51:39)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

Board footer

Powered by FluxBB