Scrolling comments on MySpace help

Forum Home

FAQ

Memberlist

Profile

Register - Not registered yet? Got something to say? Join HTML Code Tutorial!

Scrolling comments on MySpace help
Goto page Previous 1, 2

HTML Help Forum Index -> MySpace

View previous topic :: View next topic

Author

Message

michiganfootball20
Guest

Posted: Tue Jan 23, 2007 5:54 pm

http://myspacemirrors.com is a great site for everything to do with myspace code elements

mygigahurts

Joined: 24 Oct 2006
Posts: 18

Posted: Mon May 14, 2007 5:57 pm Use DIV overlays to create your own MySpace layout

A while back, I posted some code that could be used to make your myspace comments scrollable. I ended up getting a lot of responses from people wanting to say thanks for the tip and I thought that was pretty cool. Anyway, I've ditched the MySpace presets entirely and went with my own design using DIV overlays. I've had a lot of people ask how I was able to get my page to look the way it does, so I thought I'd go ahead and post a generic "insert your information here" version of the code I used for anyone who'd like tweak with it. For the newbies out there, the best thing to do is create another MySpace account that you can use for testing purposes. Use it to mess around with new code and get things looking the way you want before copying it over to your live page. Oh and I'm definitely not an expert, but I'm always happy to help anyone who has some basic questions they'd like answered. Good luck!

Code:

<style type="text/css">
.btext, .lightbluetext8, .nametext, .redlink, .orangetext15, .whitetext12 {display:none;}
div table td font, table td div, td.text table, table table table {visibility:hidden;}
div table table td font a, table table td div, td.text table table, td.text table table td.text {visibility:visible;}
</style>




<style>
BODY
{
SCROLLBAR-FACE-COLOR: 7C7474;
SCROLLBAR-HIGHLIGHT-COLOR: E2D4D4;
SCROLLBAR-SHADOW-COLOR: B7ABAB;
SCROLLBAR-3DLIGHT-COLOR: buttonface;
SCROLLBAR-ARROW-COLOR: black;
SCROLLBAR-TRACK-COLOR: black;
SCROLLBAR-DARKSHADOW-COLOR: B7ABAB;
SCROLLBAR-BASE-COLOR: E2D4D4;
BACKGROUND-IMAGE: url(http://BACKGROUND_IMAGE_URL_HERE);
}
-->
</style>




<div class="div0">

<div class="div1">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="450" height="200">
<tr><td align="left" valign="middle" height="200" width="120">
<img src="http://LEFT_IMAGE_URL_HERE" height="190" width="110">
</td><td align="center" valign="middle" width="210">
<div class="link">
<hr width="50%" size="1" color="ffffff">
<a href="http://www.mygigahurts.com/">My Home Page</a><br>
<hr width="50%" size="1" color="ffffff">
<a href="http://blog.myspace.com/YOUR_USER_NAME_HERE">My Blog</a><br>
<hr width="50%" size="1" color="ffffff">
<a href="GO_TO_YOUR_PICTURES_PAGE_AND_COPY_THE_URL_HERE">My Pictures</a><br>
<hr width="50%" size="1" color="ffffff">
<a href="GO_TO_PAGE_TO_SEND_YOURSELF_A_MESSAGE_AND_COPY_URL_HERE">Email Me</a><br>
<hr width="50%" size="1" color="ffffff">
<a href="GO_TO_ADD_YOU_AS_A_FRIEND_AND_COPY_URL_HERE">Friend Me Up</a><br>
<hr width="50%" size="1" color="ffffff">
</td><td align="right" valign="top" height="200" width="120">
<img src="http://LEFT_IMAGE_URL_HERE" height="190" width="110">
</td></tr></table>
</div>

<div class="div2">
<center>
<table width="440" height="194">
<form method="post" action="index.cfm?fuseaction=user.ConfirmComment" "return lengthCheck(this);">
<tr><td align="center" valign="middle" bgcolor="000000">
<div class="blacktext10">
DroP mE A LiNE<br>
</div>
<div class="text">
THIS IS A CUSTOM COMMENT BOX I THREW IN AT ONE POINT<br><br>
<input type="hidden" name="friendID" value="YOUR_NUMERICAL_ID_HERE">
<input type=hidden name=Mytoken value=YOUR_TOKEN_VALUE_HERE>
<textarea name="f_comments" cols="70" rows="6"></textarea><br><br>
<input type="submit" value="Message Me"> <input type="reset" value="Start Over"></form>
</div>
<style type="text/css">
textarea {background-color:000000; background-image:url(); border-width:1px; border-style:solid; border-color:silver; color: FFFFFF; font-family:Verdana;}
input {background-color: 807070; border-width:1px; border-style:groove; border-color:silver; color: FFFFFF; font-family:Verdana;}
</style>
</td></tr></table>
</center>
</div>

<div class="div3">
<table width="440" height="380" border="0" cellpadding="0" cellspacing="0">
<tr><td align="left" valign="middle">
THIS IS THE CONTENT AT THE LOWER LEFT HAND CORNER.<br>
<embed allowScriptAccess="never" allowNetworking="internal" enableJSURL="false" enableHREF="false" saveEmbedTags="true" src="http://SONG_URL_HERE" autostart="true" loop="false" width="280" height="45"></embed><br>
</div>
</td></tr></table>
</div>

<div class="div4">
<table border="0" cellpadding="0" cellspacing="0" width="446" height="188"><tr><td align="left" valign="top">
<div class="blacktext10">
THIS IS THE HEADER IN THE UPPER RIGHT HAND CORNER<br>
</div>
<hr size="1" width="100%" color="ffffff">
<div class="text">
THIS IS THE CONTENT IN THE UPPER RIGHT HAND CORNER. TALK ABOUT WHATEVER YOU LIKE. THROW A PICTURE IN. WHATEVER.
</div>
</td></tr></table>
</div>





<div class="div5">
<CENTER>
<TABLE CELLPADDING=9 WIDTH=450>
<TR>
<TD COLSPAN=4>
<span class="blacktext10">I've got like a GAZILLION Friends</span> </TD></TR>
<TR ALIGN="CENTER"><TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..1" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
<TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..2" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
<TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..3" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
<TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..4" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
</TR>
<TR ALIGN="CENTER"><TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..9" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
<TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..6" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
<TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..7" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
<TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..8" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
</TR>
<TR ALIGN="CENTER"><TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..5" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
<TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..10" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
<TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..11" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
<TD>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE">YOUR FRIENDS NAME HERE</a> <BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOUR_FRIENDS_NUMERICAL_ID_HERE"><img src="http://FRIENDS_PICTURE_URL_HERE.jpg" border="0" WIDTH="90"></a>

<BR>
<div style="width:80px;height:20px;" id="..10" class="DataPoint=OnlineNow;UserID=YOUR_FRIENDS_NUMERICAL_ID_HERE;"><img src="http://i.myspace.com/site/images/clear.gif" border="0" height="20" width="80"></div>

</TD>
</TR>
<TR>
<TD COLSPAN="4" ALIGN="RIGHT"> <A HREF="http://www.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=YOUR_OWN_NUMERICAL_ID_HERE&userName=YOUR_USER_NAME_HERE">Check out all ma' Friends</A> <BR></TD>
</TR>
</TABLE></CENTER>
<br>
</div>
</div>
<div class="rid">
<table style="display:none"><tr><td><table><tr><td>
</div>





<style>
.black {
background-color: black;}
</style>

<style>
.div0 {
background-color: transparent;
position: absolute;
left: 50%;
margin-left: -500px;
top: 170px;
height: 890px;
width: 1000px;
overflow: auto;
z-index: 1;
}
</style>

<style type="text/css"> a.navbar:active, a.navbar:visited, a.navbar:link { color:ffffff; }
a.navbar:hover { color:ffffff; }
a:link {color:ffffff;}
a:active {color:ffffff;}
a:visited {color:ffffff;}
a:hover{color:ffffff;}
.blacktext10 {color:ffffff;}
body {background-color: 000000;}
table, tr, td {background:transparent;
vertical-align:middle;}
.div1 { background-color: black; position: absolute; left: 8%; margin-left: -50px; z-index: 2; width: 460px; height: 200px; top: 10px; border: 1px solid silver; overflow: hidden; vertical-align: middle;} </style>

<style type="text/css"> a.navbar:active, a.navbar:visited, a.navbar:link { color:ffffff; }
a.navbar:hover { color:ffffff; }
a:link {color:ffffff;}
a:active {color:ffffff;}
a:visited {color:ffffff;}
a:hover{color:ffffff;}
.blacktext10 {color:ffffff;}
body {background-color: 000000;}
table, tr, td {background:transparent;}
.div2 { background-color: black; position: absolute; z-index: 2; left: 8%; margin-left: -50px; width: 460px; height: 200px; top: 220px; border: 1px solid silver; overflow: auto;}
</style>

<style type="text/css">
a.navbar:active, a.navbar:visited, a.navbar:link { color:ffffff; }
a.navbar:hover { color:ffffff; }
a:link {color:ffffff;}
a:active {color:ffffff;}
a:visited {color:ffffff;}
a:hover{color:ffffff;}
.blacktext10 {color:ffffff;}
.text {color:ffffff;}
body {background-color: 000000;}
table, tr, td {background:transparent;}
.div3 { background-image: url(http://IMAGE_URL_HERE_IF_DESIRED); position: absolute; z-index: 2; left: 8%; margin-left: -50px; width: 460px; height: 384px; top: 430px; border: 1px solid silver; overflow: auto;}
</style>

<style type="text/css"> a.navbar:active, a.navbar:visited, a.navbar:link { color:ffffff; }
a.navbar:hover { color:ffffff; }
a:link {color:ffffff;}
a:active {color:ffffff;}
a:visited {color:ffffff;}
a:hover{color:ffffff;}
.blacktext10 {color:ffffff;}
body {background-color: 000000;}
table, tr, td {background:transparent;}
.div4 { background-color: black; position: absolute; z-index: 2; left: 55%; margin-left: -50px; width: 460px; height: 200px; top: 10px; border: 1px solid silver; overflow: auto;} </style>

<style type="text/css"> a.navbar:active, a.navbar:visited, a.navbar:link { color:ffffff; }
a.navbar:hover { color:ffffff; }
a:link {color:ffffff;}
a:active {color:ffffff;}
a:visited {color:ffffff;}
a:hover{color:ffffff;}
.blacktext10 {color:ffffff;}
body {background-color: 000000;}
table, tr, td {background:transparent;}
.div5 { background-color: black; position: absolute; left: 55%; margin-left: -50px; z-index: 2; width: 460px; top: 220px; border: 1px solid silver; overflow: auto;} </style>

ShawtyGT

Joined: 01 Feb 2008
Posts: 1

Posted: Fri Feb 01, 2008 2:28 pm Re: Scrolling Comment Box ??

MeeoowwMix83 wrote:

I have been looking every where for the code to make my comments scroll but not my friends.Every code i find makes both scroll together i dont want that. Does any one know of any code that will just make my comments scroll?

i have the same?.did you ever an answer?

dakidshadoe

Joined: 20 Sep 2008
Posts: 1

Posted: Sat Sep 20, 2008 4:31 pm Re: Use DIV overlays to create your own MySpace layout

now i did all this but my previous comment wall and friendlist is throwing off the page. wat shoud i do?

mygigahurts wrote:

Code:

Display posts from previous:

	HTML Help Forum Index -> MySpace	All times are GMT - 8 Hours Goto page Previous 1, 2
Page 2 of 2

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Your Ad Here

HOSTING / DESIGN

$1.99 Domain Registration
Cheap Web Hosting
Website Templates

MAKE MONEY

Sell Domain Names
Sell Website Templates

| | | | |