Full Version: I need help
how do i place buttons under my banner? I want to put a home, contact, portfolio and pics buttons under my banner... any ideas?
What kind of buttons? Graphics? Links? A link to your site would help us see what you're trying to work with too.
Donna
Donna
joeponte.net
I want to put like 4 buttons that will link to different pages....pics, portfolio ect. i want to put them going horizontal just under my banner.
I want to put like 4 buttons that will link to different pages....pics, portfolio ect. i want to put them going horizontal just under my banner.
You can just type in the html under your banner. right below the span class="description" tag... do you know html? I'm sorry, I'm just trying to figure out what your question is 
Goto sample
see how he has home, photo,contact and about right under his banner and they take you to different pages.
how can i do this
see how he has home, photo,contact and about right under his banner and they take you to different pages.
how can i do this
Do you understand how to code HTML?
no
If you're going to be modifying your templates, you'll need to learn HTML, since that's how they're coded. I would recommend that you stick with the default templates until you've learned something about HTML.
Here are some online tutorials to help you get started
Here are some online tutorials to help you get started
i know basics...i just dont know if im supposed to edit the main index of the style sheet. and what coding to put in
The Main Index Template is a good place to start. And like Sue said, below the <span class="description"> is going to be below your banner.
The example site you linked to was actually text not graphics. So you might do some looking around and see what you really are wanting
The example site you linked to was actually text not graphics. So you might do some looking around and see what you really are wanting
Kadyellebee,
I would love to be able to do those pop-up rollovers you have oun your listing to links...
How did you do that?
Can you tell me?
I would love to be able to do those pop-up rollovers you have oun your listing to links...
How did you do that?
Can you tell me?
Which ones? the albums for the songs I'm listening to??
The tutorial for that is up at Winamp Hoverable Playlist. If you don't have a lot of HTML knowledge, I'd definitely suggest starting a secondary blog for testing this because its a bit more complex than just copy and paste!
Kristine
The tutorial for that is up at Winamp Hoverable Playlist. If you don't have a lot of HTML knowledge, I'd definitely suggest starting a secondary blog for testing this because its a bit more complex than just copy and paste!
Kristine
my HTML in the Main Index looks like this:
i have the banner actually set as the background image for my title DIV, the corosponding CSS code looks like this:
and it produces this
CODE
<div id="title">
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="http://www.aldaynet.org/" id="current">Main</a></li>
<li><a href="http://www.aldaynet.org/archives.php">Main Archive</a></li>
<li><a href="http://www.aldaynet.org/index.xml">XML feed</a></li>
<li><a href="http://www.aldaynet.org/refer/">Referers</a></li>
<li><a href="http://www.aldaynet.org/contact/">Contact</a></li>
</ul>
</div>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="http://www.aldaynet.org/" id="current">Main</a></li>
<li><a href="http://www.aldaynet.org/archives.php">Main Archive</a></li>
<li><a href="http://www.aldaynet.org/index.xml">XML feed</a></li>
<li><a href="http://www.aldaynet.org/refer/">Referers</a></li>
<li><a href="http://www.aldaynet.org/contact/">Contact</a></li>
</ul>
</div>
i have the banner actually set as the background image for my title DIV, the corosponding CSS code looks like this:
CODE
#title{
color: #ffffff;
background-image: url(http://www.aldaynet.org/images/l/logo-k.png);
background-position: center;
background-repeat: repeat;
width: 100%;
height: 75px;
font-size:1px;
}
#navcontainer ul{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #990000;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;}
#navcontainer li{
display: inline;
text-align: center; }
#navcontainer li a{
text-decoration: none;
background-color: #990000;
color: #FFF;
padding: .2em 1em;}
#navcontainer li a:hover{
background-color: #CC0000;
color: #fff;
text-decoration: underline;}
color: #ffffff;
background-image: url(http://www.aldaynet.org/images/l/logo-k.png);
background-position: center;
background-repeat: repeat;
width: 100%;
height: 75px;
font-size:1px;
}
#navcontainer ul{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #990000;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;}
#navcontainer li{
display: inline;
text-align: center; }
#navcontainer li a{
text-decoration: none;
background-color: #990000;
color: #FFF;
padding: .2em 1em;}
#navcontainer li a:hover{
background-color: #CC0000;
color: #fff;
text-decoration: underline;}
and it produces this
thanks eveyone,
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.