WordPress Expert Needed

[TheN00b]

Hi Guys

I have managed to create my first WordPress theme (thanks for the help of many great guys here). Now there is one final thing that needs doing on this theme, then it’ll be 100% done .. but I am stuck .. again.

In Photoshop when I drew the design of the theme, I had the pages in the top right as follows:

[img]http://i47.tinypic.com/6ygns2.jpg[/img]

However now as you can see it is nothing like that. Plus I don’t even know how to put a Home link there. And how do I get them separate icons to show for each page ?

I’d greatly appreciate any help.

Thank You.

[TheDoc]

Have you already created the template using regular HTML/CSS?

If no, do that. Forget about WP for a second, and just make sure you’re comfortable coding it yourself, you can add in WordPressy things later.

[TheN00b]

Hmm thanks guys

@Doc: Yep I have created the whole thing in HTML/CSS > But Even in my HTML/CSS I didn’t know how I can give each thing in the list a unique icon.

@Rob: Thanks mate, that sorted out the Home link for me (I think) but what about the unique icon next to each thing in the list.

Thanks

[TheN00b]

Thank You So Much Rob

Chris’s tutorial did it for me. But have I found a mistake in his Tut ?

I went with the href attribute since in my list each <li> will have a different link. But Chris in his tut said I should use this >

Code:

a[href=http://perishablepress.com] { color: red; }

but in fact it should be:

Code:

a[href=”http://perishablepress.com”%5D { color: red; }

am I right ?

Thanks once again

[TheN00b]

hmm but it didn’t work without the [ "" ] !!

[TheN00b]

haha cool :lol:

[Chris Coyier]

Totally my bad, yes, with URLs in attribute selectors, you’ll need quotes for it to work right:

Code:

a[href=”https://css-tricks.com”%5D { color: red; text-decoration: none; }

[Author]

Posts