do i need... Options

[Mickey]

Can you post the codes you ended up using?

[dreamsbecomereal...]

Can you post the codes you ended up using?

yeah sure.

CODE

<style>.links:link, .links:active, .links:visited {font:bold 16pt Arial; color:#FFFF00; letter-spacing:-3px;}
.links:hover {font:bold 20pt Arial; color: #FF3300; background-image:url("http://www.bestsyndication.com/2005/Dan-WILSON/Health/images/music-notes.JPG"); background-repeat:repeat; background-position:center; letter-spacing:-3px;}
</style>

[schizo]

Merged your posts. Just press the edit button in the bottom right side of your last post if you need to change something.

[dreamsbecomereal...]

well my background isn't white and i downsized it. i also tried just changing the hovering color and even that doesn't work. let me post the ENTIRE code i hav on my myspace rite now.

CODE

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<style>

body {
background-color: ######;
background-image: url("http://i282.photobucket.com/albums/kk243/superstarborn11/HSM3-1.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}



{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}


{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>




<style>.links:link, .links:active, .links:visited {font:bold 16pt Arial; color:#FFFF00; letter-spacing:-3px;}
.links:hover {font:bold 20pt Arial; color:FF3300; background-image:url("http://i282.photobucket.com/albums/kk243/superstarborn11/music-notes.jpg"); background-repeat:repeat; background-position:center; letter-spacing:-3px;}
</style>

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

[dreamsbecomereal...]

This has to be the longest CB help topic I've seen, lmfaoz.

does n e 1 else kno wat could b wrong as 2 y when i hover over my links nothing happens. my whole code is posted above.

[fixtatik]

^ i'd say because you actually haven't done anything to the links. the link hover codes are the same as regular links, and you haven't put in colors; you just have a bunch of # symbols.

[dreamsbecomereal...]

no i don't think u told me about the hex codes 4 the hovering. but look at my code one more time and tell me exactly wat is wrong. like point it out or highlight or sumthing so i'll kno thnx. oh my code is a little more updated now so look plz.

CODE

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<style>

body {
background-color: CC3300;
background-image: url("http://i282.photobucket.com/albums/kk243/superstarborn11/HSM3-1.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:FF9900;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 999966;
scrollbar-face-color:CC3300;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:FF9900;
scrollbar-3dlight-color:CCCC99;}

table, tr, td {background-color: transparent; border: 2px; padding:2;}
table table {border: 2px;}
table table table table{border: 2px;}

{The actual modules}
table table table {border: 1px solid; border-color: 000000; background-color: FFCC33; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 14px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 14px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}



{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:12px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:12px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:12px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:12px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:12px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}


{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>




<style>.links:link, .links:active, .links:visited {font:bold 16pt Arial; color:#FFFF00; letter-spacing:-3px;}
.links:hover {font:bold 20pt Arial; color:FF3300; background-image:url("http://i282.photobucket.com/albums/kk243/superstarborn11/music-notes.jpg"); background-repeat:repeat; background-position:center; letter-spacing:-3px;}
</style>

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


<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="1" width="1" style="width:1px; visibility:visible; height:1px;" border="0" data="http://www.myplaylist.org/mc/mp3player.swf?tomy=http://www.myplaylist.org/mc/config/config_black_shuffle.xml&mywidth=1&myheight=1&file=http://www.myplaylist.org/loadplaylist.php?playlist=31763731">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.myplaylist.org/mc/mp3player.swf?tomy=http://www.myplaylist.org/mc/config/config_black_shuffle.xml&mywidth=1&myheight=1&file=http://www.myplaylist.org/loadplaylist.php?playlist=31763731" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
</object>

[Mickey]

Look for these:

CODE

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

Change the color attributes. Replace the 6 #'s with hex codes of your choosing. Then, look for this:

CODE

<style>.links:link, .links:active, .links:visited {font:bold 16pt Arial; color:#FFFF00; letter-spacing:-3px;}
.links:hover {font:bold 20pt Arial; color:FF3300; background-image:url("http://i282.photobucket.com/albums/kk243/superstarborn11/music-notes.jpg"); background-repeat:repeat; background-position:center; letter-spacing:-3px;}
</style>

And replace it with this:

CODE

<style>a.links:link, a.links:active, a.links:visited {font:bold 16pt Arial; color:FFFF00; letter-spacing:-3px;}
a.links:hover {font:bold 20pt Arial; color:FF3300; background-image:url("http://i282.photobucket.com/albums/kk243/superstarborn11/music-notes.jpg"); background-repeat:repeat; background-position:center; letter-spacing:-3px;}
</style>

Try that out and tell me if anything happens to your links.

[dreamsbecomereal...]

Look for these:

CODE

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

Change the color attributes. Replace the 6 #'s with hex codes of your choosing. Then, look for this:

CODE

<style>.links:link, .links:active, .links:visited {font:bold 16pt Arial; color:#FFFF00; letter-spacing:-3px;}
.links:hover {font:bold 20pt Arial; color:FF3300; background-image:url("http://i282.photobucket.com/albums/kk243/superstarborn11/music-notes.jpg"); background-repeat:repeat; background-position:center; letter-spacing:-3px;}
</style>

And replace it with this:

CODE

<style>a.links:link, a.links:active, a.links:visited {font:bold 16pt Arial; color:FFFF00; letter-spacing:-3px;}
a.links:hover {font:bold 20pt Arial; color:FF3300; background-image:url("http://i282.photobucket.com/albums/kk243/superstarborn11/music-notes.jpg"); background-repeat:repeat; background-position:center; letter-spacing:-3px;}
</style>

Try that out and tell me if anything happens to your links.

well i c that the color has changed on the links but when i hover over, just a line comes under. still no picture.

[Mickey]

I believe I told you to add class="links" to any link code that you wanted with a hover background. I looked through your entire codes and didn't see one. Maybe it's because of that? I mean, of course it won't work if you don't use the class you created. If you don't add that bit, the codes I gave you are pretty much useless.

It helps to follow all the instructions you were provided before asking another question.

[dreamsbecomereal...]

I believe I told you to add class="links" to any link code that you wanted with a hover background. I looked through your entire codes and didn't see one. Maybe it's because of that? I mean, of course it won't work if you don't use the class you created. If you don't add that bit, the codes I gave you are pretty much useless.

It helps to follow all the instructions you were provided before asking another question.

srry but i don't recall u saying that. but if i missed that part of instructions, srry. so where would i put class="links"? could u show me plz?

[Mickey]

Here. I said it on the first page.

[dreamsbecomereal...]

Here. I said it on the first page.

ok cool! it works now! thank u so much. i mite hav 2 get a really small pic though because u can barely tell they r music notes when u hover over them. oh also, i want the links 2 b sumwhere n the middle of pg. whereas now they are on the left. how would that work out?

[Mickey]

Yeah, I remember suggesting that as well. Look for this in your codes:

CODE

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

Change the amount of pixels inside "margin-left:-350px;" to position your links somewhere else.

[dreamsbecomereal...]

Yeah, I remember suggesting that as well. Anyway, look for this in your codes:

CODE

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

Change the amount of pixels inside "margin-left:-350px;" to position your links somewhere else.

lol. yeah after i sent this message, i found the part of the code with that on there. thnx though! oh n also, not only do i want 2 move the links but is there sumwhere n that code where i can space the links out more?

[Mickey]

You mean move them apart from each other? Uhm, take the codes I gave you and add the text in bold:

CODE

<style>a.links:link, a.links:active, a.links:visited {font:bold 16pt Arial; color:FFFF00; letter-spacing:-3px; padding-right:10px;}
a.links:hover {font:bold 20pt Arial; color:FF3300; background-image:url("http://i282.photobucket.com/albums/kk243/superstarborn11/music-notes.jpg"); background-repeat:repeat; background-position:center; letter-spacing:-3px; padding-right:10px;}
</style>

Just change 10px to a different amount according to how much space you want between them.

[dreamsbecomereal...]

You mean move them apart from each other? Uhm, take the codes I gave you and add the text in bold:

CODE

<style>a.links:link, a.links:active, a.links:visited {font:bold 16pt Arial; color:FFFF00; letter-spacing:-3px; padding-right:10px;}
a.links:hover {font:bold 20pt Arial; color:FF3300; background-image:url("http://i282.photobucket.com/albums/kk243/superstarborn11/music-notes.jpg"); background-repeat:repeat; background-position:center; letter-spacing:-3px; padding-right:10px;}
</style>

Just change 10px to a different amount according to how much space you want between them.

alrighty. thnx a bunch!

[Mickey]

No problem. Alright, I'm gonna go ahead and close / move this. If you have any other questions, just post in the other topic you posted.

Topic closed & moved.