Help - Search - Members - Calendar
Full Version: Layout
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
ho0dsoldier
[/b]i made a layout but i dotn really know how to put it up when i use the code that was given to me on here it reall small when i put it on my page and even when i resize it doesnt get bigger? so basically im lost please help
xix_inu_xix
can't do anything for you if you don't post the codes you're using or the url to your myspace
ho0dsoldier
<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="IMAGEURLHERE">
</div>

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

i used those codes
This Confession
you need to change the height and width of the actual image
and for the size of the div boxes.
and chang ehte top and left to position stuff.
ho0dsoldier
well im making a layout for myspace what the size fora layout for myspace
This Confession
any that you want?

800x 800
its up to you
theres no set size..
freeflow
800x600 is the minimum size. Why? Because that is one of the smaller resolutions. If you want it to be big you can make it around the deminsions of 1024x768. But your going to get a scrollbar unless your resolution is bigger than that.

If you have a repeating background you can make it as small as 50x50.
Layout sizes varry. If your only making a header image anything smaller than 1000 would work. Should be between 500 and 800 px wide.
ho0dsoldier
oh ok but when i put the image on my page and change the to resize it wont resize
freeflow
What code are you using?
You should resize it in a program. When you do it in codes sometimes it comes out really ugly.
ho0dsoldier
i used the codes that i posted @ the top i madea a layout that was 900 x 1000 i used that code and i put it on my page it didnt cover the whole page
freeflow
Its not going to .
Take this code. In the code that goes in I'd like to meet. Find where it says content here and put <img src="urltoyourimagegoeshere"> (put the url to your image.)
http://www.createblog.com/scripts/download.php?id=45
Then directly under that add
CODE
<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

The numbers can't be 0. For them to work they have to be actual numbers. Also I don't know if that code even works anymore. Read the bottom of the div tutorial where it shows you how to intergrate them w/ style tags.
ho0dsoldier
<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="IMAGEURLHERE">
</div>

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


that code i think thats the right one

oh ok do i get both of the codes or just one

do i get both of the codes or just 1
freeflow
Just do what I told you to do above. Follow those instructions. Those will replace both of those codes.
ho0dsoldier
so i can use the codes i was using before
freeflow
Just don't. I told you which code to add. Forget the ones above. pinch.gif mellow.gif

Just do this , then link your myspace if you have a problem. Pretend like you have no OLD CODES.
QUOTE
Take this code. In the code that goes in I'd like to meet. Find where it says content here and put <img src="urltoyourimagegoeshere"> (put the url to your image.)
http://www.createblog.com/scripts/download.php?id=45
Then directly under that add
CODE
<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

The numbers can't be 0. For them to work they have to be actual numbers. Also I don't know if that code even works anymore. Read the bottom of the div tutorial where it shows you how to intergrate them w/ style tags.
ho0dsoldier
oh and i put those codes in my I'd like to meet " but the resizing and amking it fit my page is harder but i dont know what adjust what or maybe im not doing the right thing
freeflow
What are you talking about?
First just put the code in your page. Don't worry about it. Link your myspace then explain..
ho0dsoldier
ok


http://www.myspace.com/billionairedreams
freeflow
You didn't put any of the codes in...
ho0dsoldier
http://www.myspace.com/billionairedreams


ok i did whatchu said thats how it turned out
freeflow
Sorry but over the 4 days you were gone abetter code was found. So take out the previous on. In your case I think you need this second one. Why? Because a much easier code was found along with much clearner.
CODE
<style type="text/css">
    table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>


Put that in about me.
Put the following in Id like to meet
CODE
<style type="text/css">
.image{
top:150px;
left: 100px;
position: absolute;
}
</style>
<div class="image">
<img src="urltoyourlayout">
</div>



Your layout is WAYYYY! to small. So you need to make it alot bigger.
ho0dsoldier
ok ok what size u suggest
freeflow
Something bigger than 800x600.
ho0dsoldier
that one i made was 900 x 1000
freeflow
Did you upload it at photobucket? Becuase when I viewed it , it was really tiny. Anyways try uploading at http://imageshack.us .
ho0dsoldier
yeah i did
This Confession
okay now
add this to your about me
to change your bg color to black so it matches.


CODE
<style type=text/css>

body {
background-color: ######  
background-image: url("");
background-position: bottom right;
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:######;}</style>


Also change the scroll bar colors.
black is 000000
put that in your about me once again.

then for you next for you text/div sections make these.

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


change the left and top for positioning and then the width and height for the div/text section.
ho0dsoldier
THA BACKGROUND CODE DIDNT WORK THE SCROLL BARS DID
duplicatex0x0x0
for mine, i would set the background as it's own div. and set the x-index @ 0
freeflow
Background is missing a ";" so you have ot use this:
CODE
<style type=text/css>

body {
background-color: ######;
background-image: url("");
background-position: bottom right;
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:######;}</style>
ho0dsoldier
um do anybody know a code that remove the advertisement @ the top on myspace
This Confession
removing the myspace ad is against myspace rules you can get your account deleted doing that.

And createblog doesn't support removing the ad.
so if you want to do that
go somewhere else.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.