Help with layout Options

[freeflow]

Ok how do you want it to look? Like explain what you want. do you want the image somewhere? Then the friends and comments next to it what?

You should make those tables transparent so they hide. To do so change this:
table table table {border: 1px solid; border-color: white; background-color: white; }


to
table table table {border: 1px solid; border-color: 000000; background-color: white; }

[bballer89]

i wanted to put a quote in the picture or just under and i wanted everything aligned down the center and i wanted it to have everything a normal myspace has just like the "aren't you a ray of sunshine" myspace div on this site

[freeflow]

- To put a quote in the picture you need to make it in a program such as photoshop or paint shop pro. Then upload the picture.

- To put a quote under the picture you can do it two ways you can do this:

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:1080px; height:720px; overflow: hidden;">
<img src="http://img299.imageshack.us/img299/4601/baseballsunsetdc5.jpg"> <br>
quote goes here
</div>

Or you can make the quote in its own div.

- To make the image centered you need to edit the red:

<div class="bg" style="position: absolute; left:0px; top:0px; width:1080px; height:720px; overflow: hidden;">
<img src="http://img299.imageshack.us/img299/4601/baseballsunsetdc5.jpg">
</div>

To do so you change the 0 for left to a higher number and the 0 for top to a higher number. You can put any random number like 100 , 550, 667, etc. Just play around with numbers till you get the image where you want it. For top your number should be atleast over 150 . Then for left go over 150 so that you can make it more to the center. Just play around with numbers till the image is in the center where you want it.


- To add content under the picture you just need to edit the red in this code:

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

I noticed you got the codes from the tutorial but I don't know if you actually read it. Because basically all you have are the codes but they aren't edited hte way it says too. Anyways what you do is you take the red parts, and change the 000 to actual numbers. The width and height are self explanitory. Make up a width and height but don't make it too big . For left make the number biger to go more to the right, and smaller to go more the left. For top the number should be over 150 make it bigger to go down. Make sure you don't take out the word px. That needs to stay there. Just edit the 000

After you get that box down you can copy that code and just change the positions to add another box. For each div you should change the name of the div. The name of the div is the red part:

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px;overflow: auto;"><center>
lalalalala this is your content!
</div>

For each one just give it a diff name. For example say this one would be talking about you, and you want to call it me. All you do is change the word "content" to "me" . Give each one a different name so that it works out better.

- To position your comment/friends box edit this part of your code:

CODE

.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:transparent;
border:black 1px solid;z-index:2px;}

All you have to do is change the top and left numbers. Make the left number bigger to move more to the right and make the top number bigger to move farther down. And vise versa.

[bballer89]

so i have to change it every time there is a "0px"

[bballer89]

before i put the quote i wanna put everything else like my display name and picture in there

[freeflow]

Don't double post just edit. Yes I said change 0px to a #px. I gave you hints for the numbers. To get your display picture there you need to make a new div. And upload your own picture adn go :

CODE

<img src="urltopicture">

To link view more pics you need to get your view more pics link, which you can do by logging in and right clicking on view more pics and copying the adress and pasting it in this code:

CODE

<a href="viewmorepicsurlgoeshere">View more pics</a>

You just put those in the div.

[bballer89]

nevermind i tried all morning but i couldn't get it and i found a myspace generator that was close enough to what i wanted

[freeflow]

I'm assuming you meant the bbz generator. Go ahead but some peple end up having problems with it and comming to us for help and sometimes we can't help. I suggest learning on your own . It takes some people a long time, but its up to you. The first time its not easy. AFter the first you pretty much get it down.

[bballer89]

no its fine everythings good accept for the fact that the script i used to put comments and friends in a seperate box won't let me change the color of the scroll bar

[freeflow]

You use this ::

CODE

<style type="text/css">
body{
background:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:B1D0F0;
scrollbar-face-color:B1D0F0;
scrollbar-highlight-color:B1D0F0;
scrollbar-darkshadow-color:B1D0F0;
scrollbar-3dlight-color:B1D0F0;}
</style>

Change 00000 to the color you want.
Change B1D0F0 to the color you want.
And scrollbar colors only work in IE.

[bballer89]

yeah that works but then that code make my backround disappear so its back to square one

[freeflow]

Which background? Background of the comment table?

[bballer89]

no the one for the whole layout the url is there but when i put the scroll bar thing in the backround disappears

[freeflow]

Take out the url in the other code. Then change the scrollbar code to this and add the url where it says too.

CODE

<style type="text/css">
body{
background-color:000000;
background-image: url( URLGOESHERE);
bakcground-position: left;
background-repeat: repeat;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:B1D0F0;
scrollbar-face-color:B1D0F0;
scrollbar-highlight-color:B1D0F0;
scrollbar-darkshadow-color:B1D0F0;
scrollbar-3dlight-color:B1D0F0;}
</style>

[bballer89]

ahh one more thing how do i put every thing else in a scroll bar and center it..................can u even do that?

[freeflow]

What do you mean like your content and stuff? Post your current code and I'll tell you how.

[bballer89]

the whole code

[freeflow]

Yes post the whole code. But if your profile is a default table profile (meaning having 2 tables and not a div) its not possible.

[bballer89]

here everything i have..........


<div style="position:absolute;left:0px;top:0px;"><a href="http://www.myspacesupport.com/"><img src="http://www.myspacesupport.com/images/button.gif" border="0" alt="MySpace Layouts" /></div><style type="text/css">
body {
background-color: rgb(0, 0, 0);
background-image: url();
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}

table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 2px;
border-color: rgb(0, 0, 61);
border-style: dashed;
background-color: transparent;
}
table table table td {
background-color: transparent;
filter:alpha(95);
-moz-opacity:0.95;
opacity:0.95;
-khtml-opacity:0.95;
}
table table table table td {
filter:none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Courier New;
font-size: 12px;
color: rgb(255, 118, 0);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
display:block;
font-family: Courier New;
font-size: 21px;
color: rgb(255, 118, 0);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.whitetext12, .orangetext15 {
font-family: Courier New;
font-size: 12px;
color: rgb(255, 118, 0);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(0, 0, 100);
font-weight: bold;
font-style: italic;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(255, 118, 0);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
</style><br />Create your own custom <a href="http://www.myspacesupport.com/">MySpace Layouts</a><br /><br />



<style type="text/css">
.comments {
background-color:COLOROFYOURTABLES;}
</style>







<style type="text/css">
body{
background-color:black;
background-image: url(http://img329.imageshack.us/img329/8501/baseballsunsetif8.jpg );
bakcground-position: centered;
background-repeat: fixed;
scrollbar-arrow-color:orange;
scrollbar-track-color:black;
scrollbar-shadow-color:black;
scrollbar-face-color:black;
scrollbar-highlight-color:orange;
scrollbar-darkshadow-color:black;
scrollbar-3dlight-color:black;}
</style>




<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>



<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>


<style type="text/css">.contactTable {display:none!important; border:0px !important;}</style>

[freeflow]

Its not possible you have a normal table layout. If you want everything in a scrollbar its not possible. You can put text in scrollbars but not everything.

[bballer89]

oh ok

would there be any way to change it so it can scroll or would i have to restart

[freeflow]

No theres no way. You mean having everything in a scrollbox so it scrolls? No there is no way with having a normal table layout. Divs its possible but thats alot of work sorta.

[bballer89]

ok i know i've been a hastle but one more question..........for now ...............................if i do a div can still have like every thing in there like my school and my details and all that good stuff?

oh and is the any way to make the back round picture like huge


<style type="text/css">
body{
background-color:black;
background-image: url(http://img329.imageshack.us/img329/8501/baseballsunsetif8.jpg );
bakcground-position: centered;
background-repeat: fixed;
scrollbar-arrow-color:orange;
scrollbar-track-color:black;
scrollbar-shadow-color:black;
scrollbar-face-color:black;
scrollbar-highlight-color:orange;
scrollbar-darkshadow-color:black;
scrollbar-3dlight-color:black;}
</style>


on this code or another way

[freeflow]

No you can't with a div. You have to add all that inormation in manually. And you can't make the background picture either with a code. You can make it bigger in a program but it will turned stretched out and kind of ugly. Or you can make it repeat.