Log In · Register

 
Comments and Friends Not showing, Tried all the code in the stickies
bulletbutter
post May 13 2008, 12:14 PM
Post #1


Newbie
*

Group: Member
Posts: 5
Joined: Mar 2007
Member No: 511,655



Topic says it all. I am trying to position my friends and comments to the bottom of my div overlay. I tried using the "hide everthing but comments/friends" code in the stickies but I have other code thats blocking them and cant figure it out.

I got the code by using a div generator at #bbz then modified it to what I needed. I have several pieces of code that is supposed to show comments/friends so I will leave it out.

Basically I need to modify the code below to show comments and friends.

Interests:
CODE

</td></tr></table></td></tr></table></td></tr></table></div>
<style>
BASIC INSTRUCTIONS:
You can delete this section from the code if you don't need it, but it won't affect the looks of your profile in any way.

For every div class (.div1, .div2, etc) you will notice a lot of common properties. To move the layer, use:
** margin-top to move it up and down
** margin-left to move it left and right

margin-left begins from the center of your page. If you set it to 0px, the top left corner of the div will be located in the center of the profile. If you want the layer in the center of your profile take the width of the div, divide it by 2, and multiply it by -1. (In other words, divide it by 2 and make it a negative number.) For example, your div is 400px wide. Give it a margin-left of -200px and the div layer will sit in the middle of the screen. Now, if you want to move it somewhere else, you will have to experiment with the position.

margin-top should be no less than 150px since anything above that may overlap the MySpace advertisment.

The rest is self explanatory, width for width, height for height, colors and so on.

Style and Format:
The divs will automatically align everything to the center, in order to make the text and pictures aligned to right or left, look for "text-align:center;" and replace center with left, right, or justify.

If you want your comments to flow automatically rather than have them stuffed in a scroll box, look for the comments selector, named .comt {} inside .comt, you will fine overflow:auto; change auto to overflow:none;

To move the personal song player, look for the embed {}

To add a background image to each div (box), add this to your div selector:

background-image:url(URL to background);
background-position:center center;
background-repeat:repeat;
background-attachent:scroll;


Good Luck!

bbz Overlay Model Generator v0.5
bbzSpace dot com
</style>

<style type="text/css">
body {background-color:white; background-image:none;}
td, .text, div, input {color:white !important;}
a {color:silver !important;} img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
.bbzContainer img, .comt img { display:inline; }
table div, td td td, table div div { visibility:hidden; }
font, a, .bbzsc a { visibility:hidden; }
marquee { visibility:visible !important; }

.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed, .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}
.bbzComment { You selected to hide comments. }
.bbzsc { display:none; }
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.toggleopacity img{
border: 1px solid #ccc;
}
.toggleborder:hover img{
border: 1px solid navy;
}
.toggleborder:hover{
color: red; .r{}
}

.backdrop {
background-color:black;
width:800px; height:5000px; overflow:auto;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-400px; margin-top:150px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.MusicPlayer{
background-color:transparent;
width:425px; height:400px;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-85px; margin-top:1180px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.ACWidget{
background-color:transparent;
width:210px; height:360px;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-325px; margin-top:1180px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.MyPix01{
background-color:transparent;
width:250px; height:250px;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-320px; margin-top:880px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.MyPix02{
background-color:transparent;
width:400px; height:250px;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-60px; margin-top:880px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.AboutMeBox{
background-color:transparent;
width:425px; height:400px;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-90px; margin-top:440px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.CommentButton{
background-color:transparent;
width:130px; height:22px;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:145px; margin-top:395px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.BlogButton {
background-color:transparent;
width:130px; height:22px;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-290px; margin-top:395px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.AddMeButton{
background-color:transparent;
width:130px; height:22px;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:0px; margin-top:395px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.MessageButton{
background-color:transparent;
width:130px; height:22px;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-149px; margin-top:395px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

.ThePage {
background-color:black;
width:800px; height:2000px; overflow:auto;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-400px; margin-top:150px; text-align:center;background-repeat: no-repeat;
visibility:visible;}

marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.bbzContainer div, .bbzContainer div font, .bbzContainer div a, .bbzContainer div div, .bbzContainer font a, .bbzContainer span, .bbzContainer div table a, .bbzContainer div table img, .bbzContainer div table font, .bbzContainer div table, .bbzContainer div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}

.bbzDiv {content:"Overlay Generator beta";}
</style>
<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>


Music:
CODE

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

<div class="bbzContainer">
place backdrop div code here
<div class="BlogButton"><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzcxOTA3NTEw"> <img src="http://img216.imageshack.us/img216/3689/bloglinkbuttonpm1.gif"></a></div>
<div class="ThePage"><img src="http://img216.imageshack.us/img216/8546/ut3myspacelayoutet5.jpg" ></div>

<div class="MessageButton"><a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MzcxOTA3NTEw"><img src="http://img301.imageshack.us/img301/238/messagemebuttonxd4.gif"></div>
<div class="AddMeButton"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zNzE5MDc1MTA="><img src="http://img216.imageshack.us/img216/1972/addmebuttonjd1.gif"></a></div>
<div class="CommentButton"><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlciZjaXJj
Wl0YWN0aW9uPXZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM3MTkwNzUxMA=="><img src="http://img246.imageshack.us/img246/5829/commentbuttonys8.gif"></a></div>
<div class="AboutMeBox">Finally got the new look up. If you saw my last attempt you would know why I wanted to redo it. This is a little different type of div overlay. Instead of making a box and putting an image in the box, then creating another box on top to do text..I just created the whole page in photoshop and made a div over that. It drastically cuts down the amount of work I have to do. <br><br>It's like 1:30am now so i am gonna call it a night. Tomorrow I will get the rest of the place fleshed out. Going to put the usual AC widget and the music player on the bottom two boxes. The box directly beneath this one will have a few pics showing off my work. I haven't decided yet if I am going to display my friends and comments yet. </div>





<div class="MyPix01"><center>SHOWCASE</center><a class="toggleopacity" href="http://www.msplinks.com/MDFodHRwOi8vaTI2OC5waG90b2J1Y2tldC5jb20vYWxidW1zL2pqMzUvYnVsbGV0YnV0dGVyL0NhdmUw
S5qcGc="><img src="http://i268.photobucket.com/albums/jj35/bulletbutter/Cave01.jpg" width="250" height="200"></a>This is an outside look at my cave room. I'm really proud of this one. You can click the image to get a bigger view.</div>
<div class="MyPix02"><div style="width:320px; text-align: center;">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="240" width="400" data="http://w268.photobucket.com/pbwidget.swf?pbwurl=http://w268.photobucket.com/albums/jj35/bulletbutter/19092156.pbw">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://w268.photobucket.com/pbwidget.swf?pbwurl=http://w268.photobucket.com/albums/jj35/bulletbutter/19092156.pbw" />
<param name="wmode" value="transparent" />
</object>
</div></div>

<div class="ACWidget"><object type="application/x-shockwave-flash" allowNetworking="all" allowScriptAccess="always" allowFullScreen="true" height="378" width="210" id="springwidgets_23" align="middle" data="http://cp.myspace.com/web/wrapper.php?file=RSS Reader.sbw">
<param name="allowNetworking" value="all" />
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="http://cp.myspace.com/web/wrapper.php?file=RSS Reader.sbw" />
<param name="flashvars" value="param_param=http%3A%2F%2Fwww.associatedcontent.com%2Frss%2Fuser_18617.xml&param_style_borderColor=0x000000&param_style_brandUrl=&param_compactView=false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="0x000000" />
</object><div style="font:11px/12px arial;width:210px;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNwcmluZ3dpZGdldHMuY29tL3dpZGdldHMvdmlldy8yMy8/cGFyYW1fcGFyYW09aHR0cCUzQSUyRiUyRnd3dy5hc3NvY2lhdGVkY29udGVudC5jb20lMkZyc3MlMkZ1
2VyXzE4NjE3LnhtbCZwYXJhbV9zdHlsZV9ib3JkZXJDb2xvcj0weDAwMDAwMCZwYXJhbV9zdHlsZV9ic
FuZFVybD0mcGFyYW1fY29tcGFjdFZpZXc9ZmFsc2Umd2lkdGg9MjEwJmhlaWdodD0zNjA=" target="_blank">Get this widget!</a></div>
</div>

<div class="MusicPlayer"><div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:425px;">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="400" width="425" style="width:425px; visibility:visible; height:400px;" border="0" data="http://www.myplaylist.org/mc/mp3player.swf?tomy=http://www.myplaylist.org/mc/config/config_black_shuffle.xml&mywidth=435&myheight=270&file=http://www.myplaylist.org/loadplaylist.php?playlist=9259563">
<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=435&myheight=270&file=http://www.myplaylist.org/loadplaylist.php?playlist=9259563" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
</object>
</div>

</div>

<div class="bbzsc"><table><tr><td><table><tr><td><table><tr><td>


Edit I got it fixed, nvm
 
 
Start new topic
Replies (1 - 1)
Supanamu
post May 14 2008, 08:10 PM
Post #2


Member
**

Group: Member
Posts: 18
Joined: May 2008
Member No: 649,376



What was your fix? I've had that same problem before.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: