Full Version: Contact Box to Contact Bar under Navigation
Hey, new here. I'm trying to figure out how to make those navigation bars for the message, add me, etc. that are usually in the box under the default picture.. the "contact box" a lot of people now have these and I was wondering if someone could help me figure out how to put one up? I have the images ready. This is for a band myspce layout. Thanks in advance!
Just group the images inside a DIV like this:
Replace the pound symbols with appropriate values to position the DIV and to edit its size. Replace all the URLs according to where you want the links to lead and which images you want to use.
CODE
<div style="position:absolute; top:#px; left:50%; margin-left:#px; z-index:9; height:#px; width:#px;">
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
</div>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
</div>
Replace the pound symbols with appropriate values to position the DIV and to edit its size. Replace all the URLs according to where you want the links to lead and which images you want to use.
QUOTE(Mike @ Oct 9 2009, 04:51 AM) 
Just group the images inside a DIV like this:
Replace the pound symbols with appropriate values to position the DIV and to edit its size. Replace all the URLs according to where you want the links to lead and which images you want to use.
CODE
<div style="position:absolute; top:#px; left:50%; margin-left:#px; z-index:9; height:#px; width:#px;">
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
</div>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
</div>
Replace the pound symbols with appropriate values to position the DIV and to edit its size. Replace all the URLs according to where you want the links to lead and which images you want to use.
Wouldn't you need to put the "DIV style" code before each image code?
To position each code individually?
Or is this just an easier way than I've been doing?
That's an easier way. The height / width of the DIV just needs to be fixed so the images are arranged appropriately as opposed to them going on and on in a single line. Of course, you'll need to use separate DIVs if you're positioning links in several spots and not just one.
So doing it this way, they stack side by side?
In a bar form right?
Without having to individually position each image?
In a bar form right?
Without having to individually position each image?
Yes. The code places a link next to another then creates a new line with a couple more and so on.
that would have saved me SO much time haha.
Good to know now though
Good to know now though
Aha, definitely.
Lol okay thanks for the reply, but I've actually switched to using a sliced image.. i used the code for the top banner, but can't figure out where to place the code for the sliced image..
You are supposed to place the codes for the sliced images inside the top banner DIV, so I don't know why you're talking about them as if they should be separate. I already posted a code (above) that looks kind of like how it should.
Nice!!
Im trying to make the same but above the default picture.
How do i hide the myspace (artist/band) bar!?
Its messing with the add button i created, it works on "submit" page but when i view my profile theres no link!
The rest of them are working on "submit" page and when i view the profile.
Im trying to make the same but above the default picture.
How do i hide the myspace (artist/band) bar!?
Its messing with the add button i created, it works on "submit" page but when i view my profile theres no link!
The rest of them are working on "submit" page and when i view the profile.
I'm afraid you can't hide the MySpace Music bar, mate. You can always cover it with your graphics. To make the add button go over it, just set a high z-index value to its container element.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.