Making a Default Layout, Step by step Options

[GREASEbaby]

For Myspace 2.0:

Just thought i would share this with all. I requested a tutorial in another forum Myspacemarketplace for a myspace 2.0 tutorial & with many many thanks Nora from SKEEDIO kindly set about & wrote a tutorial . Its easy to follow

Myspace 2.0 tutorial by Nora SKEEDIO

Hope this helps some of you out ;)

Making a Layout 101:


Here's how to make a layout. There's a pinned post with stylesheets that you can also use.

Okay, to make a layout, you need to use a stylesheet, or css.


But what exactly is a stylesheet?

A stylesheet is code that tells your web browser (i.e. internet explorer, mozilla firefox, safari) what the page should look like. It has text commands and table commands that tells the browser what color, size, and style should be for whatever you're specifying.


How do I make a stylesheet?

All stylesheets, whether it's myspace, xanga, or just a website, start out with <style> OR <style type="text/css">. Most commonly, the background information is the first to be specified.

CODE

body {
background-color: ######;
background-image: url('URL HERE');
background-attachment:;
background-repeat: repeat;
background-position:;
}

Then, if you want skinny tables, you can add

CODE

TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:left;}
TD TD TD TD TD {border-top: 0px solid black; text-align:right;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: none; width:350px;}
TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE {padding: 0px; text-transform: none;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}

The text properties:

CODE

font, body, table, td, div, h1, h2, br, a, p {font-family:; font-size:; color:; background-color: text-transform:; text-decoration:; font-weight:;}
.orangetext15 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.whitetext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.lightbluetext8 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.text {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.nametext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext10 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.btext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redbtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}

Then the links:

CODE

a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}

Uhh, this stylesheet makes absolutely no sense.

Okay, then I can explain it.

Background Color: the color for your background. You can put white, black, or a hex code. A hex code is a six digit code consisting of numbers and letters that makes up a color. For example, ff6666 makes a certain shade of pink, while c0c0c0 is a light grey. There is a good hex chart at http://webmonkey.com/webmonkey/reference/color_codes/.

Background Image: your background image. If you have it already saved onto your computer, go to tinypic.com or imageshack.us to get the URL for your background. Paste it in place of URL HERE.

Background Attachment: Use "scroll" or "fixed" (without the quotation marks). Scroll will move the background along with your tables. Fixed will keep the background steady and only move the tables (recommended)

Background Repeat: use "repeat" or "no-repeat" (still without the quotation marks). no-repeat will only have your background image appear once on your page, while repeat will have it repeated throughout.

Background Position: Mandatory if you have a no-repeat image. If you don't, still position it, but it doesn't really matter.
You can use:
top left
top center
top right
left
center
right
bottom left
bottom center
bottom right


font, body, table, td, div, h1, h2, br, a, p: the basic font on your page.

Font Family: the font of your page. (Arial, Courier, Georgia, Times New Roman, Small Fonts, Century Gothic, Verdana)

Font Size: the size of your font. use px or pt.
For example:

7px (perfect for small fonts)
8px
9px
10px
21px
64318623816318px (hehe)

You can do just about any size, but the most a size can be is 1002 (trust me! hah.)

Color: use hex code. color for the font.
Background Color: use hex code. background of the font. If not needed, just put "none" (without the quotes)
Text Transform: Make all the text uppercase, lowercase, or normal.
Text Decoration: Put underline if you want it that way. If not, just put none.
Font Weight: makes it bold. If you want it bold, put bold. If you don't, put none.
Orangetext15: About Me and Who I'd Like to Meet text
Whitetext12: Interests, Contacting, Details, and Schools text.

Lightbluetext8: General, Music, Movies, Television, Books, Heroes, Status, Here for, Hometown, Ethnicity, Zodiac Sign, Smoke/Drink, Education, and Occupation

Text: Your headline, Age, that stuff.
Blacktext12: Date on comments
Blacktext10: Extended network text.
Redtext: Amount of friends and number
Redbtext: Has # friends and name's latest blog entry.


Hope this helps!<3

edit//
edited skinny code. this one is more fuctional and doesn't mess up your friends/contact table. :]

CODE

<style type="text/css">
b {background-color: a23b66;
     color: cccccc;
     font-family:Georgia;
     font-size:8pt;
     letter-spacing:0pt;
     font-weight:bold; }
i,em{
    background-color: a29ed3;
     color: a23b66;
     font-family:Georgia;
     font-size:8pt;
     letter-spacing:0pt;
     font-weight:normal;  }
u{
     background-color: e18b76;
     color: cccccc;
     font-family:Georgia;
     font-size:8pt;
     letter-spacing:0pt;
     font-weight:normal; }
</style>

This is to edit your underline, bold, and italics text.
B to edit your bold text.
I to edit your italics text.
u to edit your underlined text.


Added by GrrDesign Putting a Banner above your page

CODE

<style type="text/css">
body { margin-top:400px; }
.topban { width:800px; height:400px; position:absolute; top:0; left:50%; margin:0 0 0 -400px; }
</style>
<div class="topban"><img src="IMAGE LINK" /></div>

similar, to put a banner below the myspace advertisement, above your profile:

CODE

<style type="text/css">
body table { margin-top:400px; }
body div table, body table table { margin-top:0; }
.topban { width:800px; height:400px; position:absolute; top:0; left:50%; margin:135px 0 0 -400px; }
</style>
<div class="topban"><img src="IMAGE LINK" /></div>

subsequently, you can put whatever you want within the div. images, text, links, whatever. it's like a div layout sitting above a standard layout.

the rest of that layout is simply made by using images within the already applied tables that myspace provides. (they just removed to contact table and header text and put their own header images and information.)

This post has been edited by karmakiller: Nov 24 2008, 12:00 AM

[*My Cinderella.*]

If I wanted to just change the font and size of my text and links, could I just take these portions from the list?

CODE

font, body, table, td, div, h1, h2, br, a, p {font-family:; font-size:; color:; background-color: text-transform:; text-decoration:; font-weight:;}
.orangetext15 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.whitetext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.lightbluetext8 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.text {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.nametext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext10 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.btext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redbtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}

CODE

a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}

Would it still work without the rest of it?

[GREASEbaby]

Like just using one of those codes at a time? Sure, just be sure to use style tags.

Or if you only want one of the properties, or two or three, etc. They can be used by itself, is what I'm getting at.

[mary45]

hmm... good tutorial but the code for thin tables only makes my about me, blog, and extended network sections thin, is there a code you add to that to make the comments thin as well?

[GREASEbaby]

The comments should already be thin. It's probably one of your comments that's stretching out the table.

[freeflow]

hmm... good tutorial but the code for thin tables only makes my about me, blog, and extended network sections thin, is there a code you add to that to make the comments thin as well?

http://www.createblog.com/scripts/download.php?id=198

That it does them all.Including your comments table.

[mary45]

oOoh! thanks toya,

the code in the tutorial hadnt worked in FF for me only Ie

[ZOMBIE.]

Thanks for the tutorial Janette.

[GREASEbaby]

No problem :]

And luvlylayouts, what exactly isn't working for you? Will you post your coding?

[freeflow]

^ I think she meant the code you posted for tiny tables only worked in one of the browsers.

[GREASEbaby]

Ahh. Weirdd. I don't know, it seems to work fine for me.

[xbellaxbellax]

ahh thankss so much !!
like this is the best tutorial ne one ever gave lol bc those codes all messed with my head bc i make layouts and it was so confusing !! =]

[GREASEbaby]

I'm glad it helps, really.

[xCUR1OUS]

this was really helpful!
but there isn't an explanation for "btext" ?

thanksss.

[freeflow]

Btext is usually used for REDBTEXT not just btext.
It edits the has # friends.

[xCUR1OUS]

.btext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}


then what's that [in red]? is that just like the same as redbtext?

[adrivar]

what do i do if i only want a skinny table for my friends and comments?.....do i put the same code down and where?

[*Azarel*]

what do i do if i only want a skinny table for my friends and comments?.....do i put the same code down and where?

Have you tried this script?

http://www.createblog.com/scripts/download.php?id=374

[freeflow]

.btext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
then what's that [in red]? is that just like the same as redbtext?

It edits the same coding that rebbtext does, the part that says :
"has # friends"

The main post is wrong, I'll go edit and fix it.

what do i do if i only want a skinny table for my friends and comments?.....do i put the same code down and where?

You don't need all these codes unless your trying to customize it. If you just want you friends and comments skinnier (along w/ the other tables) check scripts.

[*Azarel*]

It edits the same coding that rebbtext does, the part that says :
"has # friends"

The main post is wrong, I'll go edit and fix it.

Actually, I think .btext customizes the bolded text in the blog area (if my memory isn't failing me). I can't be bothered to actually go check right now, though, since I'm not at home and this resolution & monitor size makes me lazy. >_>;

[freeflow]

Your right. It edits:
name's latest blog entry and the has # friends. Except it doesn't edit the number.

[myspace_addict]

I used this code and did everything and everything works except the background won't show up? do u know why?

[freeflow]

^ Post the background part of the code.

[myspace_addict]

^I did post the background part and put in the url and everything. i put everything in the background just won't show up. But all the fonts and everything work.

[flaymzofice]

I think toyo loco meant post your actual code, here, at CB, so they can take a look at what you've actually put into your coding.

[myspace_addict]

^ooo gotcha



body {
background-color: ffffff;
background-image: url(‘http://img452.imageshack.us/img452/208/pinkpinkstripesps5.jpg’);
background-attachment:fixed;
background-repeat: repeat;
background-position:center;
}


^^ is tht all u need or do u need the whole code?

[GREASEbaby]

Wait, I'm thinking you want to change your font?

If so, yes, you need to put the whole code. Remember to put it in style tags :]

[myspace_addict]

no, it's not the font i'm having the trouble with, it's the background. it won't show up.

[*This Confession*]

^change your background properties to this instead:

CODE

<style type="text/css">
table, td {background-color:000000; border:none; border-width:0;}
body{background-image:url("http://img452.imageshack.us/img452/208/pinkpinkstripesps5.jpg’");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-color:ffffff;</style>

[freeflow]

^ W/o the style tags, thats already part of a full code.

or you can change it too:
body {
background-color: ffffff;
background-image: url(http://img452.imageshack.us/img452/208/pinkpinkstripesps5.jpg);
background-attachment:fixed;
background-repeat: repeat;
background-position:center;
}

[myspace_addict]

ok thank you so much!

[emily.weimer]

This is uber helpful, but how do I center the myspace links on the bottom of the page?
They appear on the left.

[*Infinite.*]

^Seems like many are having this problem, can I have your myspace link. I think You perhaps may have something in your coding thats causing this.

[bellabellax3]

yeah im having the same problem as addicted...
i have the codes all rite buhh the background wont show up.. like wen i put it on in the about me section the whole code is in it....
heres wut it looks liek....
http://profile.myspace.com/index.cfm?fusea...bc-4457d5f35e75

[*Infinite.*]

For background properties use this:

CODE

<style type="text/css">
table, td {background-color:transparent; border:; border-width:;}
body {
background-color: ffffff;
background-image: url();
background-attachment:fixed;
background-repeat: repeat;
background-position:center;}
</style>

[bellabellax3]

ughh it still doesnt work.... i think i have sumthing wrong with my font coding or w.e idk i think i did it all rite..... buhh i guess not
heres the code...

CODE

body {
background-color: FFFFFF;
background-image: url('http://i15.tinypic.com/4h2pge9.jpg');
background-attachment:fixed;
background-repeat: repeat;
background-position:center;
}
font, body, table, td, div, h1, h2, br, a, p {font-family:arial; font-size:9px; color:000000; background-color:none; text-transform:none; text-decoration:none; font-weight:none;}
.orangetext15 {font-family:arial; font-size:9px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
.whitetext12 {font-family:arial; font-size:9px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
.lightbluetext8 {font-family:arial; font-size:9px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
.text {font-family:arial; font-size:9px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
.nametext {font-family:impact; font-size:12px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:bold;}
.blacktext12 {font-family:arial; font-size:9px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
.blacktext10 {font-family:arial; font-size:9px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
.btext {font-family:arial; font-size:9px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
.redtext {font-family:arial; font-size:9px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
.redbtext {font-family:arial; font-size:9px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active {font-family:arial; font-size:8px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited {font-family:arial; font-size:8px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:arial; font-size:8px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}

[hippieface805]

I tried to use the bg code and put no repeat and the url and position and everything but it never will show up....

[freeflow]

^ Post the code to the background part only.

[dork_love]

awesome hehe thanks for this tutorial im gonna try it out i guess thanks

[snuffleluffakis]

i have a question...how do you get a screenshot???

[freeflow]

^ Post a topic next time or search.
http://www.createblog.com/tutorials/download.php?id=147

[fall out boy ...]

this is kinda confusing

[*StanleyThePanda*]

^ What part is confusing you?

[miss_manda89]

^ Post the background part of the code.

hey miranda here.... lol .... um i dont kow how to post um... like in the forum but i seen the quote but .. but i was wondering if you could help me....

i have got a new layout and everything seems to be working fine except the background picture... .. it wont come up and i dont know why !! lol

heres my url .. >>> www.myspace.com/miss_miranda_

and my code that i pasted in >>

Layout made by <a href="http://www.createblog.com/layouts/index.php?author_id=393227" title="More layouts by this person">TeenageVelocity</a> at <a href="http://www.createblog.com/layouts/index.php?type_id=3" title="More Myspace layouts">CreateBlog.com</a>.<style>/* myspace codes provided by createblog.com */</style>
<style type="text/css"> table, td {background-color:transparent; border:none; border-width:0;}
body{background-image:url('http://layouts.cbimg6.com/26/13042c.png');
background-attachment: fixed;
background-position: bottom left; background-repeat: no-repeat; background-color: 000000; }
table table table {border: 1px solid; border-color:000000; padding:0; background-color:EA94FF;}
table tbody td table tbody tr td.text table{background-color:068FE9;} table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br
{font-family: arial; color: black; line-height: 10px; font-size:11px; text-transform:lowercase; letter-spacing:0px;}
textarea, input {font-family:times; font-size: 8pt; color: black; text-transform:lowercase; letter-spacing:0px; background-color:93FDA2;border:1px solid black;cursor:crosshair;}
.btext {font-family: arial; font-size: 11px; color: black; background-color:93FDA2; line-height: 11px; letter-spacing: px; font-weight: normal; text-transform: lowercase; display:none;}
.blacktext10 {font-family: arial; font-size: 11px;color: black; background-color:93FDA2;line-height: 11px; letter-spacing: px; font-weight: normal; text-transform: lowercase; display:none;}
.blacktext12 {font-family: arial; font-size: 11px; color: black; background-color:93FDA2;line-height: 11px; letter-spacing: px; font-weight: normal; text-transform: lowercase;}
.lightbluetext8 {font-family: arial; font-size: 11px; color: black; background-color:93FDA2;line-height: 11px; letter-spacing: px; font-weight: normal; text-transform: lowercase;}
.nametext {font-family: times; color: black; background-color:93FDA2;line-height: 10px; font-size:14pt; text-transform:lowercase; text-align:center; letter-spacing:-1px;}
.orangetext15 { font-family: times; color: black; background-color:93FDA2;line-height: 10px; font-size:14pt; text-transform:lowercase; text-align:center; letter-spacing:-1px;}
.redbtext, .redtext {font-family: times; color: black; background-color:93FDA2;line-height: 10px; font-size:14pt; text-transform:lowercase; text-align:center; letter-spacing:-1px;}
.whitetext12 {font-family: arial; font-size: 11px; color: black; background-color:93FDA2;line-height: 11px; letter-spacing: 0px; font-weight: normal; text-transform: lowercase;}
.text {font-family: arial; font-size: 11px; color: black; line-height: 11px; font-weight: normal;text-transform:lowercase;letter-spacing:0px;}
img {filter: gray; border: 1;}
a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color: 93FDA2; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px; background-color: transparent;}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family: times; font-size: 20px; color:black; font-weight: normal; text-decoration: none; letter-spacing: -2px; text-transform: lowercase; line-height: 15px; background-color: ffffff;} b {color:000000;}u {color:black;text-decoration:none; border-bottom:solid 3px ffffff;font-size: 9pt;font-family:small fonts;text-transform:uppercase;}
s {color:000000;text-decoration:strikeout;}
i {color:66cc00;font-family:georgia;}
b, stong {font-weight:bold;font-size:8pt;line-height:10px;text-transform:lowercase;color: 000000;letter-spacing:0px;font-family:arial;} img { filter:none; border:0px;} a:link img {filter:none); border:0px solid black;}
a:hover img { filter:grey; border:0px solid black;} body {cursor:crosshair ;} a:hover {cursor: crosshair;} TD TD {text-align: center;} TD TD TD {text-align: center;} TD TD TD TD {border-top: 0px solid; width:5%; text-align:center;} TD TD TD TD TD {border-top: 0px solid black; text-align:center;} TD TD TD TD TD TD {border: 0px solid;} TABLE, TD {padding: 0px; text-transform: lowercase; width:350px;} TABLE TABLE {padding: 0px; text-transform: lowercase;} TABLE TABLE TABLE {padding: 1px; text-transform: lowercase;height: .01%; width: 100%;} TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;} TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;} TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;} table td div div font {visibili-ty:hidden;di-splay:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext {display: none !important} </style> <style type="text/css"> { Alignment by moorepocket } body{ padding-left: 400px; } </style>
<style>.r{}</style>

<style type="text/css">
img { filter: Gray }
a:link img { filter: Gray }
a:hover img { filter: Gray }
</style>
<style>.r{}</style>
<style>/* myspace codes provided by createblog.com */</style>



if you could get back at me as soon as you could that would be awsome!!
love LOVE

p.s this is the website to show you what my myspace should look like !

http://www.createblog.com/layouts/download.php?id=13042


but meanwhile .. im guna try and put another picture behind it ... but i still really wnt the old one !

[freeflow]

^ Change:
body{background-image:url('http://layouts.cbimg6.com/26/13042c.png');

To:
body{background-image:url(http://layouts.cbimg6.com/26/13042c.png);

[miss_manda89]

^ Post the background part of the code.

^ Post the background part of the code.

i itryed it lol and it didnt work ????? .... it changed the whole layout....

is there anything else i could do "?


MiRanDA

[freeflow]

I'm lost your quoting something rather old. Did you change the part I told you to change? When I use the original code the background works perfectly fine for me.
IF I change the code to this it still works:

CODE

Layout made by <a href="http://www.createblog.com/layouts/index.php?author_id=393227" title="More layouts by this person">TeenageVelocity</a> at <a href="http://www.createblog.com/layouts/index.php?type_id=3" title="More Myspace layouts">CreateBlog.com</a>.<style>.r{}</style>
<style type="text/css"> table, td {background-color:transparent; border:none; border-width:0;}
body{background-image:url(http://layouts.cbimg6.com/26/13042c.png);
background-attachment: fixed;
background-position: bottom left; background-repeat: no-repeat; background-color: 000000; }
table table table {border: 1px solid; border-color:000000; padding:0; background-color:EA94FF;}
table tbody td table tbody tr td.text table{background-color:068FE9;} table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br
{font-family: arial; color: black; line-height: 10px; font-size:11px; text-transform:lowercase; letter-spacing:0px;}
textarea, input {font-family:times; font-size: 8pt; color: black; text-transform:lowercase; letter-spacing:0px; background-color:93FDA2;border:1px solid black;cursor:crosshair;}
.btext {font-family: arial; font-size: 11px; color: black; background-color:93FDA2; line-height: 11px; letter-spacing: px; font-weight: normal; text-transform: lowercase; display:none;}
.blacktext10 {font-family: arial; font-size: 11px;color: black; background-color:93FDA2;line-height: 11px; letter-spacing: px; font-weight: normal; text-transform: lowercase; display:none;}
.blacktext12 {font-family: arial; font-size: 11px; color: black; background-color:93FDA2;line-height: 11px; letter-spacing: px; font-weight: normal; text-transform: lowercase;}
.lightbluetext8 {font-family: arial; font-size: 11px; color: black; background-color:93FDA2;line-height: 11px; letter-spacing: px; font-weight: normal; text-transform: lowercase;}
.nametext {font-family: times; color: black; background-color:93FDA2;line-height: 10px; font-size:14pt; text-transform:lowercase; text-align:center; letter-spacing:-1px;}
.orangetext15 { font-family: times; color: black; background-color:93FDA2;line-height: 10px; font-size:14pt; text-transform:lowercase; text-align:center; letter-spacing:-1px;}
.redbtext, .redtext {font-family: times; color: black; background-color:93FDA2;line-height: 10px; font-size:14pt; text-transform:lowercase; text-align:center; letter-spacing:-1px;}
.whitetext12 {font-family: arial; font-size: 11px; color: black; background-color:93FDA2;line-height: 11px; letter-spacing: 0px; font-weight: normal; text-transform: lowercase;}
.text {font-family: arial; font-size: 11px; color: black; line-height: 11px; font-weight: normal;text-transform:lowercase;letter-spacing:0px;}
img {filter: gray; border: 1;}
a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color: 93FDA2; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px; background-color: transparent;}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family: times; font-size: 20px; color:black; font-weight: normal; text-decoration: none; letter-spacing: -2px; text-transform: lowercase; line-height: 15px; background-color: ffffff;} b {color:000000;}u {color:black;text-decoration:none; border-bottom:solid 3px ffffff;font-size: 9pt;font-family:small fonts;text-transform:uppercase;}
s {color:000000;text-decoration:strikeout;}
i {color:66cc00;font-family:georgia;}
b, stong {font-weight:bold;font-size:8pt;line-height:10px;text-transform:lowercase;color: 000000;letter-spacing:0px;font-family:arial;} img { filter:none; border:0px;} a:link img {filter:none); border:0px solid black;}
a:hover img { filter:grey; border:0px solid black;} body {cursor:crosshair;} a:hover {cursor: crosshair;} TD TD {text-align: center;} TD TD TD {text-align: center;} TD TD TD TD {border-top: 0px solid; width:5%; text-align:center;} TD TD TD TD TD {border-top: 0px solid black; text-align:center;} TD TD TD TD TD TD {border: 0px solid;} TABLE, TD {padding: 0px; text-transform: lowercase; width:350px;} TABLE TABLE {padding: 0px; text-transform: lowercase;} TABLE TABLE TABLE {padding: 1px; text-transform: lowercase;height: .01%; width: 100%;} TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;} TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;} TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;} table td div div font {visibili-ty:hidden;di-splay:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext {display: none !important} </style> <style type="text/css"> { Alignment by moorepocket } body{ padding-left: 400px; } </style>
<style>.r{}</style>

<style type="text/css">
img { filter: Gray }
a:link img { filter: Gray }
a:hover img { filter: Gray }
</style>
<style>.r{}</style>
<style>.r{}</style>

[miss_manda89]

reason for quoting is... i dun no how to use this program

but i think it may just be my computer cz i still cant see i but thatnks for the help anyways:p

love LOVE

[Intercourselyts]

^What program?

[Intercourselyts]

^I'll help you, whats your problem?

Did you read this who tutorial? Also you can use the third layout code down on this page:
http://www.createblog.com/forums/index.php?showtopic=84325
It tells you what edits what before the coding.

[sweetangel2128]

Wow, html and all that stuff is confusing as hell

[*Intercourse.*]

^Ah its not to hard once you get use to it If you have any real questions that your really confused by feel free to ask

[Hamx3]

so... if i just copy the codes and edit the codes... put it on my MS... then it'll work?

[*Intercourse.*]

^yep, pretty much

[nettynono]

i have two problems if anyone can solve them

1. is there a code i could add to get rid of the tables and basically have a white space in the middle (all info like age, location etc is there but headings such as about me, who'd like to meet aren't present.

2.OR is there a way to change the colours of the headings (which are orange in default) and the blue table.
If anyone's confused i'll do a screenshot.

[*Intercourse.*]

^screenshot please then

[ajbebob]

Is there a code I can insert to change the line height of the text?

[freeflow]

Is there a code I can insert to change the line height of the text?

you add line-height: #px; in your css for all the classes you want edited .

[ajbebob]

you add line-height: #px; in your css for all the classes you want edited .

Thank you lots.

[hannahbanana1111]

omg someone help me, i really need help!

[ajbebob]

omg someone help me, i really need help!

with?

[freeflow]

Thank you lots.

If you get stuck feel free to pm me.

omg someone help me, i really need help!

Stop spamming the boards. You have your topic you don't need to keep posting in others saying you need help with out explanation.

[kyns]

just out of curiousity and whatnots. is there a way I can have just the right side of the tables (as in ext. network, blog, about, friends and comments) to be the equal width as the left side? I seem to get myself a little confused when I use the code to skinny the profile.

here's my profile:
http://www.myspace.com/otoroeinochi

[edit]
actually, nevermind. I figured it out. just need to make the comment get resized to the same width as the rest now.

[*Intercourse.*]

^If you put some of your links in the top of your about me to a new line your table will be the same width that they should be originally also use:
http://www.createblog.com/scripts/download.php?id=374

[thecolorofromanc...]

How would i put an image pattern in the tables?
please help

[freeflow]

^

CODE

table table table {border: 1px solid; border-color: ######; background-color: ######;  background-image: url(URLTOIMAGE);}

[Tirral]

Hello, i was wondering if somebody could help me. I am extremely new to all of this and i was curious as to how you find your myspace 'friend ID' when i am trying to use some people's work from here? Replies would be greatly appreciated on here or at Wednesday1989@hotmail.com.
Thankyou

[freeflow]

^ Stop posting this all over the place. Read the FAQ

[Taylorxxx]

Most helpfullest tutorial everr :)
i've been trying to find a good one forever because I'm like HTML retarted but this one actually helps. I pretty much get it.. :)

thanksss you!

[colorfulbee]

CODE

<style>


body {

background-color:FFFFFF;
    background-image:url(http://img19.imageshack.us/img19/351/coralwhtdotshr9.png);
    background-attachment:fixed;
    background-position:bottom left;
    background-repeat:repeat;
}


font, body, table, td, div, h1, h2, br, a, p {font-family:tahoma; font-size:12px; color:000000; background-color:FFFFFF text-transform:lowercase; text-decoration:none; font-weight:none;}



.orangetext15 {font-family:; font-size:18px; color:000000; background-color:none;text-transform:uppercase; text-decoration:none; font-weight:none;}




.whitetext12 {font-family:; font-size:14px; color:000000; background-color:;text-transform:none; text-decoration:none; font-weight:none;}





.lightbluetext8 {font-family:; font-size:14px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}




.text {font-family:tahoma; font-size:12px; color:000000; background-color:none;text-transform:lowercase; text-decoration:none; font-weight:none;}




.nametext {font-family:; font-size:25px; color:000000; background-color:none;text-transform:lowercase; text-decoration:none; font-weight:none;}




.blacktext12 {font-family:; font-size:16px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}




.blacktext10 {font-family:; font-size:17px; color:000000; background-color:FFFAFA;text-transform:none; text-decoration:none; font-weight:none;}




.btext {font-family:tahoma; font-size:14px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}




.redtext {font-family:tahoma; font-size:14px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}




.redbtext {font-family:tahoma; font-size:14px; color:000000; background-color:none;text-transform:none; text-decoration:none; font-weight:none;}






a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active {font-family:tahoma; font-size:; color:000000; background-color:;text-transform:; text-decoration:; font-weight:;}




a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited {font-family:tahoma; font-size:; color:000000; background-color:;text-transform:; text-decoration:; font-weight:;}




a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:tahoma; font-

</style>

[*Intercourse.*]

^Whats your problem? Or do you even have a problem, since you posted all your codes?

[momo9041]

ok i keep trying but my layouts dont come out rght?and for starters should i just make normal layouts not DIV's?you know to start out then try that?

[Pac.Man]

My image isn't showing up, any help?

[*Intercourse.*]

^ myspace link? and can we have a link to your image? Your uploading it at tinypic.com or imageshack.us correct?

[freeflow]

ok i keep trying but my layouts dont come out rght?and for starters should i just make normal layouts not DIV's?you know to start out then try that?

First start with a default layout. This is not the div tutorial. Thats in another thread. So first start off with this. If you get stuck you should make a topic, post your code, and post the problem. Then once you get normal layouts down, head out to divs.

[andyisasian]

umm is there a way to have two images in one?
like when u move ur mouse over the piture it would change to a diff one?
u know wht i mean?

[freeflow]

^Image rollovers. Check scripts.

[andyisasian]

hmm okey thnak you :]

^Image rollovers. Check scripts.

i checked the scirpts but i didnt find wht i was thinking of im not tryitng to be bother some but
idk

i am lookin for a hover effect but not a blur or anyhtign like tht
just where if u roll over it u can view a differnt image instead of the one already there

[freeflow]

As I already said its image rollovers.
http://www.createblog.com/scripts/download.php?id=325

[stephx13]

k, so how do you actually make a "default" layout. like me make ?? :S

[*digital.fragrance*]

^ Follow this tutorial step-by-step. You aren't making a "DEFAULT" layout (as in one with no editting), but rather a modified default layout with all of the font and colors of your choice.

[andyisasian]

is there a code to remove the ad space above ur profile?

[freeflow]

^ We do not support ad removal.

[andyisasian]

oh okey :] nvmt lol

[moninja]

does anyone have the code to hide the orange text? (about me, who i'd like ot meet)

[ladycrusader.14]

CODE

<style>.orangetext15{display:none;}</style>

[chloe_rawr]

ah! You're a life saver!
This helps so much! Thank you!!!

[andyisasian]

is there a code to change the background color of everything in the interest section?

[freeflow]

is there a code to change the background color of everything in the interest section?

Its all tables or nothing.

[andyisasian]

mmhmm :3

[miszxjojo]

CODE

font, body, table, td, div, h1, h2, br, a, p {font-family:; font-size:; color:; background-color: text-transform:; text-decoration:; font-weight:;}
.orangetext15 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.whitetext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.lightbluetext8 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.text {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.nametext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext10 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.btext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redbtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}

ok, for all the 'font-family:; font-size:; etc'
do i replace it ? like.. 'arial:;9px:;000000:;none:;normal:;none:;none' ?

and btw, i dont know why this post is so big ?

[freeflow]

Don't replace anything. For font family add the font name after the : before the ;
Everything you add should be after the : and before the ";"

[miszxjojo]

haha, thanksss<3
i would've never figured it out lol

[AthenatheGrate]

very nice and thurough

[heatherliis]

Is there anyway to move your headline quote around or put it in a div layer? I got the default picture to move around and the default name to move. I just can't get the headline quote and the age, location, and last login to move. It wants to move my whole layout when I mess with the .text classification.

I'm making this layout for someone else and he still wants some control over it without me having to update his quote manually every time he wants to change it.

Thank you,
Heather

[jay-f-baybe]

that creates a regular layout
do you know how to make a default layout?

[fcukxl0ve]

name goes here's Latest Blog Entry
name goes here has *** friends.

do you have a code to change the colors of that text in the layout? i used the same codes in the beginn. but i can`t figure out why that text is black; when for all the text colors i put grey ..am i doin something wrong?

[fcukxl0ve]

uhm the one like four pages back..i just changed the colors like it sed to do..

[xbellaxbellax]

im having some trouble with the bottom links. it stretches on the whole bottom rather then being in the middle with the tables.
do u understand what im sayingg ?
sry haha its rly hard to explain

[*karmakiller*]

^ Would you mind sharing your link?