bottom links Options

[jonp5065]

has anybody figured out how to move the bottom links and copyright? i have seen div layouts with the bottom links and copyright moved, but i can never figure out how to do it.


edit: opps with the double post sorry

[freeflow]

We have the code to hide them, but move it? You need to show an example.

[*This Confession*]

I don't think the script to hide your bottom links and copyright works anymore.

You can hide them if you want, there isn't anything wrong with doing that

you can use this:

CODE

<style type="text/css">
font,{display:none;}
table div font a,table div div,{visibility:hidden;di-splay:none}
</style>

Tell me if it messes up because I kind of just wrote it.

If you would like to just move them please show me a example of them moving them.

[jonp5065]

here is the page im working on right now:www.myspace.com/104753168 what i am trying to do now is move the bottom links and copyright down to under the comments

[freeflow]

I think you need to hide them in your case.

[jonp5065]

alright... any idea why i have a horizonal scrollbar?

CODE

<style type="text/css">
        
.add_r{
height: 24px;
  width:104px;
  overflow: hidden;
  background: url(http://i65.photobucket.com/albums/h236/jp5065/add.jpg) top left no-repeat;
  display: block;
  }
.add_r:hover{
  background: url(http://i65.photobucket.com/albums/h236/jp5065/add.jpg) bottom left no-repeat;
  }

.comment_r{
height: 24px;
  width:94px;
  overflow: hidden;
  background: url(http://i65.photobucket.com/albums/h236/jp5065/comment.jpg) top left no-repeat;
  display: block;
  }
.comment_r:hover{
  background: url(http://i65.photobucket.com/albums/h236/jp5065/comment.jpg) bottom left no-repeat;
  }

.message_r{
height: 24px;
  width:112px;
  overflow: hidden;
  background: url(http://i65.photobucket.com/albums/h236/jp5065/message.jpg) top left no-repeat;
  display: block;
  }
.message_r:hover{
  background: url(http://i65.photobucket.com/albums/h236/jp5065/message.jpg) bottom left no-repeat;
  }

.pics_r{
height: 24px;
  width:102px;
  overflow: hidden;
  background: url(http://i65.photobucket.com/albums/h236/jp5065/pics.jpg) top left no-repeat;
  display: block;
  }
.pics_r:hover{
  background: url(http://i65.photobucket.com/albums/h236/jp5065/pics.jpg) bottom left no-repeat;
  }


.main {
                position: absolute;
                left: 50%;
                top: 0px;
                width: 800px;
                z-index: 1;
                margin-left: -400px;
                }



body {
background-color: 191716;}










.comt td, .comt table{width:0px!important; height:0px!important; background-color:191716!important; border:0px!important; position:relative; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a {visibility:visible;} .comt td td td b {position:static; display:inline;} .comt td b, .blacktext10 {display:block;} .comt .orangetext15, .comt td td td table, .redlink, .comt .btext, .frnd{display:none;} .comt, .comt table {z-index:1;} .comt table {margin-top:-17px; _margin-top:-11px;} .comt b {position:relative; top:-17px;}


JB{The Main comment div}
.comt {width:750px; height:400px; overflow:visible; background-color:191716; background-image:url(url_to_pic.gif); border:0px solid; border-color:black;
position:absolute; top:815px; left:50%; margin-left:-375px;}
JB{comment timestamp width}
.blacktext10 {width:600;}
JB{moves comment timestamp down}
.blacktext10 {position:relative; top:15px;}
JB{hides: friend name links}
.comt td td td a{visibility:hidden!important;font-size:0px!important;}





</style>

<div class="main">
        <table style="width: 800px;
        height: 620px;
        cellpadding: 0px;
        cellspacing: 0px;
        background-color: 191716;">

<tr><td valign="top">







</td></tr></table></div>

<div class="top0" style=" position: absolute; left: 50%;
                top: 0px;
height: 150;
                width: 743px;
background-color: 000000;
                z-index: 1;
                margin-left: -372px; overflow: visible;">

</div>

<div class="buttons" style=" position: absolute; left: 50%;
                top: 169px;
height: 24;
                width: 500px;
background-color: transparent;
                z-index: 3;
                margin-left: -53px; overflow: visible;">
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=104753168" class="add_r"></a>


</div>

<div class="buttons2" style=" position: absolute; left: 50%;
                top: 169px;
height: 24;
                width: 500px;
background-color: transparent;
                z-index: 3;
                margin-left: 48px; overflow: visible;">
<a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=104753168&name=jon&MyToken=a2f4242f-001d-4e33-b4b3-0fe32f01c095" class="comment_r"></a>


</div>

</div>
<div class="buttons3" style=" position: absolute; left: 50%;
                top: 169px;
height: 24;
                width: 500px;
background-color: transparent;
                z-index: 3;
                margin-left: 140px; overflow: visible;">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=104753168" class="pics_r"></a>


</div>


<div class="buttons4" style=" position: absolute; left: 50%;
                top: 169px;
height: 24;
                width: 500px;
background-color: transparent;
                z-index: 3;
                margin-left: 240px; overflow: visible;">
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=104753168" class="message_r"></a>


</div>


<div class="top1" style=" position: absolute; left: 50%;
                top: 150px;
                width: 750px;
background-color: 191716;
                z-index: 2;
                margin-left: -372px; overflow: visible;">
<img src="http://i65.photobucket.com/albums/h236/jp5065/top1.jpg" border="0"  

</div>

[freeflow]

Go through and make all your widths smaller. Example:
.comt {width:750px; height:400px; overflow:visible; background-color:191716; background-image:url(url_to_pic.gif); border:0px solid; border-color:black;

is too long. Thats probably causing it.

[sharonpeeee]

i used the code to hide the copyright , but it leaves behind the gray box . anyway to change the color or move it overalll ?

please&thank-you .