Comments on: Wordpress: Sliding Doors (CSS)

By: dtsn : Wordpress Sliding Doors – take 2 [PHP]

dtsn : Wordpress Sliding Doors – take 2 [PHP] — Tue, 24 Jun 2008 20:26:57 +0000

[...] have had a lot of feedback over one of my first ever posts, Wordpress: Sliding Doors details how you can convert wp_list_categories into a subtle HTML markup so that we can use the [...]

By: Daniel

Daniel — Tue, 06 May 2008 08:21:40 +0000

Hi Leland,

You stick it where you navigation goes, (so probably the header.php). This will create you the correct markup, then you apply the CSS. If you just want to make the item change css class look into that. It’s a lot simpler, and doesn’t require the hack i have above.

Daniel

By: Leland

Leland — Tue, 06 May 2008 07:53:46 +0000

Working on the navigation for the site I listed. Where do I put your above php code to make this work. Im dying. I want only the “current” button to have a background. I tried editing the classes.php file but that only partly fixed things.

By: Daniel

Daniel — Tue, 11 Mar 2008 11:27:18 +0000

@Deacon What is the unexpected variable?

By: Deacon

Deacon — Sun, 24 Feb 2008 19:51:26 +0000

I’ve been wanting to do something like this with sliding doors and Wordpress for a while. — thanks for trying to figure it out. The code doesn’t work, however. When I try to use it, Wordpress returns the same error the others have experienced (unexpected variable). Any thoughts?

By: Daniel

Daniel — Mon, 31 Dec 2007 11:58:40 +0000

Could you please provide the error message?

By: Spencer

Spencer — Mon, 31 Dec 2007 07:21:05 +0000

Hey! I’m so glad I found your site because I have literally been searching for a solution to this almost all day!

I was wondering if you could help me with this. I inserted your code into the header.php code where my navigation code is.

I put it in between the tags that I have for it, but it came back with an error.

Could you help me solve this problem? I would be so grateful for any help you could provide. Thanks!

By: Susan

Susan — Sat, 01 Dec 2007 17:57:58 +0000

Hi again,

I finally got around to trying this again. I’m having so much trouble. Here’s the error I get in Wordpress:

WordPress database error: [You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '' AND wp_posts.post_type = 'page' ORDER BY wp_posts.post_title ASC' at line 2]
SELECT wp_posts.* FROM wp_posts WHERE wp_posts.post_status = publish’ AND wp_posts.post_type = ‘page’ ORDER BY wp_posts.post_title ASC

Can you help?

By: Daniel

Daniel — Tue, 13 Nov 2007 12:20:45 +0000

They will actually work on both of them. Basically what you CSS wise is 2 elements. In my example I gave you 'a' and 'span', 'a' which you attach the left image to, and span which you attach the right image to.

Since Stu Nicholls example doesn't use the sliding doors it method you have to tweak the code a bit.

<code>
<li>
<a href=”<?php the_permalink() ? rel="nofollow">” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”>

<?php the_title(); ?>




</a>
</li>
</code>
I think this will work, give it a try but i have just spewed it of the top of my head.

By: Susan

Susan — Tue, 13 Nov 2007 11:58:26 +0000

Thanks so much for your reply!

Just to be clear, this would work on these menus: http://exploding-boy.com/images/cssmenus/menus.html ?

But not these: http://www.cssplay.co.uk/menus/snazzymenu2.html ?