Links Options

[dreamsbecomereal...]

i was just wondering how 2 put my links n different areas of my profile. like i want "pics" n the upper left corner, "comments" close 2 the bottom left corner but then sort of n the middle, and "message" the same way except the opposite side. how would i do that? here r my codes:

CODE

<style>a.links:link, a.links:active, a.links:visited {font:bold 12pt Arial; color:FFFF00; letter-spacing:-2px; padding-right:100px;}
a.links:hover {font:bold 20pt Arial; color:FF3300; background-image:url("http://carondelet.net/Music/music%20notes.gif"); background-repeat:repeat; background-position:center; letter-spacing:-2px; padding-right:100px;}
</style>

<div style="position:absolute; top:500px; left:50%; margin-left:-200px; height:200px; width:200px;">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zNjgwMjkyMjU" class="links">PICS</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM2ODAyOTIyNSZN
VRva2VuPWEwNjI5MTBhLTliNmItNGU4MS1iNTJmLTMwZTVlYmYxYTBjYw" class="links">COMMENT</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zNjgwMjkyMjUmTXlUb2tlbj1lZWQ4NjAyNS1jYTBkLTRiOGQtYjM1OC1mMDVmZ
RiNzcyNjI" class="links">MESSAGE</a>
</div>

[Marlons]

You could put each link in a DIV, then position it where you want.

CODE

<div style="position:absolute; top:500px; left:50%; margin-left:-200px; height:200px; width:200px;">
<a href="">LINK</a>
</div>

just use the code your already using, and play around with the Top and Left values.

[fixtatik]

you don't even need to put it in a div. you can add style properties directly to a link tag:

CODE

<a href="URL" style="position:absolute; left:50%; etc, etc"></a>

or you can assign a class to it, and define the class in your style sheet:

CODE

<style>
.link { position:absolute; left:50%; etc, etc }
</style>

<a class="link" href="URL"></a>

[dreamsbecomereal...]

ok could u show me how 2 do that by putting my codes n2 that 1 (the 2nd 1)?

[Mikeplyts]

Something like this. Replace the ??? with your own measurements. Just play around with it for a while. :)

CODE

<style>
.pics {position:absoulute; top:???px; left:???px;}
.comment {position:absoulte; top:???px; left:???px;}
.message {position:absoulte; top:???px; left:???px;}
</style>


<a class="pics" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
lld0FsYnVtcyZmcmllbmRJRD0zNjgwMjkyMj">PICS</a>
<a class="comment" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM2ODAyOTIyNSZN
Rva2VuPWEwNjI5MTBhLTliNmItNGU4MS1iNTJmLTMwZTVlYmYxYTBjYw">COMMENT</a>
<a class="message" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
FnZSZmcmllbmRJRD0zNjgwMjkyMjUmTXlUb2tlbj1lZWQ4NjAyNS1jYTBkLTRiOGQtYjM1OC1mMDVmZR
NzcyNjI">MESSAGE</a>

[Mickey]

^You misspelled absolute. Use this instead:

CODE

<style>
.pics {position:absolute; top:#px; left:#px;}
.comment {position:absolute; top:#px; left:#px;}
.message {position:absolute; top:#px; left:#px;}
</style>


<a class="pics" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
lld0FsYnVtcyZmcmllbmRJRD0zNjgwMjkyMj">PICS</a>
<a class="comment" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM2ODAyOTIyNSZN
Rva2VuPWEwNjI5MTBhLTliNmItNGU4MS1iNTJmLTMwZTVlYmYxYTBjYw">COMMENT</a>
<a class="message" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
FnZSZmcmllbmRJRD0zNjgwMjkyMjUmTXlUb2tlbj1lZWQ4NjAyNS1jYTBkLTRiOGQtYjM1OC1mMDVmZR
NzcyNjI">MESSAGE</a>

Just replace the pound symbol with your own coordinations.

[dreamsbecomereal...]

ok so i delete my original links code n replace it with the 1 u just gave rite?

[Mickey]

Yes, but you'll need to replace the URLs inside that code with your pics, comment, and message links.