Design help please :)

[katef]

ok I am happily playing with the CSS in a few templates and working on a nice new header... I think I know how I want my blog to look and I am confident enough to download a template and play with the CSS using FF's web developers tool bar (I love that thing).... But there is one thing I am not sure about...

I want a header image, and a row of navigational links underneath (you know home-about-archives etc sorry if I don't use the correct terms)... so if I have a template that has some links.. how do I add more and can I change the postion of them (ie make them under the header instead of over it) or even better how do I add a line of links to a theme that doesn't have one.

Does anyone know of a nice simple web site that has tutorials for this kind of thing???

[nso]

If your template already has the menu bar in it, figure out which is the code, then copy and paste it to create a new one and change the title text and url to point to your new page. It will most likely be in the index file though, not the CSS file.

[Leigh]

The navigantion code would probably be found in the header file. Like Kellie said, you just need to find the code for it and cut and paste it to where you want it.

Do you use dreamweaver? The wysiwyg option in there could be helpful for finding, moving and editing specific areas of your code.

If you have a specific theme in mind, you could give us a look and we could point you in the right direction :)

[katef]

thanks guys...

Had a chat with a friend last night who jogged my memory on how all this works again (been over a year and a baby since I played with any of this LOL) and I think I am set to give it a go... I am guessing the nav links are in the header.php file... and I am assuming if I wanted to add pretty little icons to one of my side bars then that would in a file aptly named 'sidebar.php' or similar yeah?

I will crank up dreamweaver and notepad and have a look and see what happens!

thanks

Kate

[nso]

also try this firefox extension - http://www.getfirebug.com/ - its similar to the web developer one and lets you inspect and edit elements on the fly, so you can make change to the css or php files and instantly see the effect in your browser. I found that really useful.

[katef]

the web developers tool bar lets me do that with CSS.... I LOVE that feature as I am very visual and I need to SEE how it will look to know what it is doing... but I will have a look at the firebug one too thanks!

kate