moniesclosetHey guys,
I've only been a user for less than two weeks, and I've been struggling trying to find good examples and ways to do things. I'm brand new to CSS and HTML, but i'm a c++ developer, so it should be relatively simple to learn this stuff, except that it hasn't been. There is so much information, and mixed messages, so I think we should all post our (clean) examples for anyone who wants to learn, or needs sample code. I'm also going to preface all my example posts with "Example", so it is easy to sort through, and extract the example posts (say if they wanted to move them to a sub forum in the future).
It took me two days to figure out how to get a nav bar on my blog on a theme that doesn't have one. For the amount of work it actually was, it should have taken at most an hour. I downloaded web developer for Firefox, and learned how easy it was to manipulate objects in CSS based on the ID you provide when you create it. Here is the example, and i'm sorry if I don't know web terminology :)
Ok here is how I solved this problem -
First I dropped a text widget:
<table><tr><td>
" title="<button hover text>">
</td></tr></table>
<table><tr><td>
" title="<button hover text>">
</td></tr></table>
and you do this for as many menu buttons as you want.
in the CSS this is all you need:
#navbutton1{
position:absolute;
top:-31px;
left:10px;
width:80px;
height:15px;
display:block;
background:url('<button image>') no-repeat;
padding:0 10px 10px;
}
#navbutton3{
position:absolute;
top:-31px;
left:100px;
width:80px;
height:15px;
display:block;
background:url('<button image>') no-repeat;
padding:0 10px 10px;
}
http://www.moniescloset.com - a nav bar. yay!
The blog I need help with is moniescloset.com.
elmooarno
