Printable Version of Topic

Click here to view this topic in its original format

Forums _ MySpace Support _ Making a Default Layout

Posted by: I own yourr face. Jul 26 2006, 12:45 AM

For Myspace 2.0:

QUOTE(anzbex @ Nov 23 2008, 02:32 AM) *
Just thought i would share this with all. I requested a tutorial in another forum http://myspacemarketplace.com for a myspace 2.0 tutorial & with many many thanks Nora from http://www.skeedio.com/kindly set about & wrote a tutorial . Its easy to follow _smile.gif

http://www.skeedio.com/blog/article/myspace-profile-2.0-tutorial/

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.)

Posted by: My Cinderella. Aug 29 2006, 10:56 AM

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?

Posted by: GREASEbaby Aug 29 2006, 08:21 PM

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.

Posted by: luvlylayouts Aug 30 2006, 09:55 PM

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?

Posted by: GREASEbaby Aug 30 2006, 11:56 PM

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

Posted by: toyo loco Aug 31 2006, 12:04 AM

QUOTE(luvlylayouts @ Aug 30 2006, 7:55 PM) *
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. happy.gif

Posted by: luvlylayouts Aug 31 2006, 01:00 AM

oOoh! thanks toya, _smile.gif

the code in the tutorial hadnt worked in FF for me only Ie whistling.gif

Posted by: ZOMBIE. Sep 2 2006, 02:30 PM

Thanks for the tutorial Janette. throb.gif

Posted by: GREASEbaby Sep 4 2006, 10:59 PM

No problem :]

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

Posted by: toyo loco Sep 4 2006, 11:05 PM

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

Posted by: GREASEbaby Sep 4 2006, 11:17 PM

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

Posted by: jessiicaa Sep 8 2006, 06:34 PM

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 !! =]

Posted by: GREASEbaby Sep 9 2006, 05:03 PM

I'm glad it helps, really. throb.gif happy.gif

Posted by: xCUR1OUS Sep 9 2006, 10:42 PM

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

thanksss.

Posted by: toyo loco Sep 9 2006, 11:59 PM

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

Posted by: xCUR1OUS Sep 10 2006, 12:07 AM

.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?

Posted by: adrivar Sep 10 2006, 12:07 AM

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?

Posted by: Azarel Sep 10 2006, 12:11 AM

QUOTE(adrivar @ Sep 9 2006, 10:07 PM) *
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

Posted by: toyo loco Sep 10 2006, 12:12 AM

QUOTE(xCUR1OUS @ Sep 9 2006, 10:07 PM) *
.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.

QUOTE
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.

Posted by: Azarel Sep 10 2006, 12:14 AM

QUOTE(toyo loco @ Sep 9 2006, 10:12 PM) *
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. >_>;

Posted by: toyo loco Sep 10 2006, 12:16 AM

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

Posted by: _addicted_ Sep 10 2006, 06:45 PM

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

Posted by: toyo loco Sep 10 2006, 06:53 PM

^ Post the background part of the code.

Posted by: _addicted_ Sep 11 2006, 02:48 PM

^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. cry.gif

Posted by: flaymzofice Sep 11 2006, 02:53 PM

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.

Posted by: _addicted_ Sep 11 2006, 03:26 PM

^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?

Posted by: GREASEbaby Sep 11 2006, 06:48 PM

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 :]

Posted by: _addicted_ Sep 11 2006, 08:47 PM

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

Posted by: This Confession Sep 11 2006, 08:49 PM

^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>

Posted by: toyo loco Sep 13 2006, 09:32 AM

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

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;
}

Posted by: _addicted_ Sep 13 2006, 07:23 PM

ok thank you so much!

Posted by: i HEART MY BOYFRiENDxoxo Oct 19 2006, 06:25 AM

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

Posted by: Infinite. Oct 19 2006, 03:34 PM

^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.

Posted by: jessiica Nov 11 2006, 08:37 PM

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?fuseaction=user.viewprofile&friendid=103875786&MyToken=4e0f5037-ae93-4c0d-a7bc-4457d5f35e75

Posted by: Infinite. Nov 11 2006, 10:50 PM

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>

Posted by: jessiica Nov 12 2006, 09:37 AM

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;}

Posted by: Disgraceful_misconceptions Nov 23 2006, 02:37 PM

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

Posted by: toyo loco Nov 23 2006, 03:26 PM

^ Post the code to the background part only.

Posted by: dork_love Nov 25 2006, 08:57 PM

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

Posted by: snuffles Nov 26 2006, 03:33 PM

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

Posted by: toyo loco Nov 26 2006, 04:59 PM

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

Posted by: i love fall out boy Dec 10 2006, 09:55 PM

this is kinda confusing

Posted by: StanleyThePanda Dec 11 2006, 01:28 PM

^ What part is confusing you?

Posted by: ~* MiRaNdA*~ Dec 12 2006, 08:20 PM

QUOTE(toyo loco @ Sep 11 2006, 10:53 AM) *
^ 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 !

Posted by: toyo loco Dec 13 2006, 01:13 AM

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

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

Posted by: ~* MiRaNdA*~ Dec 13 2006, 02:10 AM

QUOTE(toyo loco @ Sep 11 2006, 10:53 AM) *
^ Post the background part of the code.


QUOTE(toyo loco @ Sep 11 2006, 10:53 AM) *
^ 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

Posted by: toyo loco Dec 13 2006, 09:45 AM

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>

Posted by: ~* MiRaNdA*~ Dec 13 2006, 06:38 PM

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

Posted by: Intercourse Dec 28 2006, 01:13 AM

^What program? pinch.gif

Posted by: Intercourse Jan 13 2007, 11:16 PM

^I'll help you, whats your problem? happy.gif

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.

Posted by: Heath21 Jan 17 2007, 05:29 PM

Wow, html and all that stuff is confusing as hell blink.gif

Posted by: Intercourse. Jan 18 2007, 02:25 AM

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

Posted by: Hamx3 Jan 24 2007, 11:22 PM

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

Posted by: Intercourse. Jan 25 2007, 03:03 AM

^yep, pretty much happy.gif

Posted by: natalieferrol Jan 27 2007, 04:18 PM

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.

Posted by: Intercourse. Feb 2 2007, 08:25 PM

^screenshot please then happy.gif

Posted by: Candy-addict Feb 3 2007, 11:48 PM

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

Posted by: toyo loco Feb 3 2007, 11:58 PM

QUOTE(Candy-addict @ Feb 3 2007, 8:48 PM) *
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 .

Posted by: Candy-addict Feb 4 2007, 12:01 AM

QUOTE(toyo loco @ Feb 3 2007, 10:58 PM) *

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

Thank you lots. _smile.gif

Posted by: hannahbanana1111 Feb 4 2007, 12:06 AM

omg someone help me, i really need help!

Posted by: Candy-addict Feb 4 2007, 12:11 AM

QUOTE(hannahbanana1111 @ Feb 3 2007, 11:06 PM) *
omg someone help me, i really need help!

with?

Posted by: toyo loco Feb 4 2007, 12:42 AM

QUOTE(Candy-addict @ Feb 3 2007, 9:01 PM) *
Thank you lots. _smile.gif

If you get stuck feel free to pm me. _smile.gif

QUOTE(hannahbanana1111 @ Feb 3 2007, 9:06 PM) *
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.

Posted by: kyns Feb 5 2007, 10:14 PM

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.

Posted by: Intercourse. Feb 6 2007, 11:40 PM

^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

Posted by: thecolorofromance Feb 25 2007, 02:07 AM

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

Posted by: toyo loco Feb 25 2007, 11:17 AM

^

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

Posted by: Tirral Feb 25 2007, 11:17 AM

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

Posted by: toyo loco Feb 25 2007, 11:33 AM

^ Stop posting this all over the place. Read the http://www.createblog.com/forums/index.php?showtopic=109305

Posted by: DiscotechhTaylor Mar 3 2007, 03:18 PM

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!

Posted by: colorfulbee Mar 17 2007, 12:16 PM

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>

Posted by: Intercourse. Mar 17 2007, 04:02 PM

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

Posted by: momo way Mar 17 2007, 09:57 PM

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?

Posted by: Pac.Man Mar 19 2007, 05:41 PM

My image isn't showing up, any help?

Posted by: Intercourse. Mar 20 2007, 03:46 PM

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

Posted by: toyo loco Mar 24 2007, 01:37 AM

QUOTE(momo way @ Mar 17 2007, 7:57 PM) *
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.

Posted by: hii Mar 28 2007, 07:51 PM

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?

Posted by: toyo loco Mar 28 2007, 07:59 PM

^Image rollovers. Check scripts.

Posted by: hii Mar 28 2007, 08:13 PM

hmm okey thnak you :]

QUOTE(toyo loco @ Mar 28 2007, 8:59 PM) *
^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

Posted by: toyo loco Mar 28 2007, 08:15 PM

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

Posted by: stephhy :) Mar 29 2007, 03:14 PM

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

Posted by: digital.fragrance Mar 29 2007, 03:29 PM

^ 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.

Posted by: hii Apr 1 2007, 03:15 PM

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

Posted by: toyo loco Apr 1 2007, 03:59 PM

^ We do not support ad removal.

Posted by: hii Apr 1 2007, 05:19 PM

oh okey :] nvmt lol

Posted by: UHH Apr 2 2007, 06:50 PM

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

Posted by: ladycrusader #14 Apr 7 2007, 05:04 PM

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

Posted by: chloe_rawr_xD Apr 23 2007, 09:05 PM

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

Posted by: hii May 11 2007, 11:04 AM

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

Posted by: toyo loco May 12 2007, 04:58 PM

QUOTE(hii @ May 11 2007, 9:04 AM) *
is there a code to change the background color of everything in the interest section?

Its all tables or nothing.

Posted by: hii May 14 2007, 09:32 PM

mmhmm :3

Posted by: miszxjojo May 25 2007, 08:21 AM

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 ? _unsure.gif

Posted by: freeflow May 26 2007, 12:26 AM

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 ";"

Posted by: miszxjojo May 28 2007, 12:56 PM

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

Posted by: liverysnap May 31 2007, 12:40 PM

very nice and thurough rolleyes.gif

Posted by: heatherliis Jun 18 2007, 01:37 PM

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

Posted by: jay-f-baybe Jun 19 2007, 06:19 PM

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

Posted by: fcukxl0ve Jun 20 2007, 07:27 PM

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?

Posted by: fcukxl0ve Jun 20 2007, 09:59 PM

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

Posted by: xbellaxbellax Jun 22 2007, 05:44 PM

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

Posted by: karmakiller Jun 22 2007, 06:38 PM

^ Would you mind sharing your link?

Posted by: xbellaxbellax Jun 22 2007, 06:47 PM

yeahh ...
myspace.com/deja_vu_layouts ;]

Posted by: FallintoMusic Jul 6 2007, 06:24 PM

Gah when I edit the links part it doesn't work on firefox, but works in IE...WHY IS THAT? >___>

Posted by: XBreX Jul 6 2007, 10:05 PM

ok this is very very help full but what i want to know is how do i get like a link that goes to the preview of a layout..i want to make a layout site on myspace but i have no clue how to do it..like they have on some click here for layouts how do i find that and put it on my profile so people can click on it and look at the layouts..

Posted by: Maestro Jul 6 2007, 10:07 PM

CODE
<a href="LINK URL HERE TO THE PREVIEW">PUT TEXT HERE</a>

Posted by: AverageHero Jul 11 2007, 03:14 PM

Okay above the about me and who'd like to meet text there's an orange bar that says "PersonsName blurb's" we all know, is there anyway to remove that?

Posted by: hollywoodpink Jul 16 2007, 12:56 PM

say i wanted to get rid of the orange text instead of just change it, how would i change this code?

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

or would it be completely different?


EDIT: nevermind, found it! it was somewhere earlier in the topic. in case anyone else needs it -

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

Posted by: freeflow Jul 16 2007, 12:58 PM

^ .orangetext15{display:none;}

Posted by: hollywoodpink Jul 16 2007, 12:59 PM

found it right before you posted. but thanks for the thought! <3

Posted by: hollywoodpink Jul 16 2007, 01:00 PM

hmm. i still have that orange bar that was underneath "so and so's blurbs", do you know how i can get rid of that?

Posted by: maynhia Jul 28 2007, 11:42 AM

this is kind of hard for me....read it over...but i jux don't get wat to do........ stubborn.gif

Posted by: Alvin Jul 28 2007, 03:23 PM

^What do you not understand?

Posted by: x0beach0babe0x102 Aug 4 2007, 01:15 PM

i just started a layout site on myspace and i am so confused on how to get the layouts into the blog and how to make default layouts, can someone pleaseee help me? thanks<3

Posted by: gkaye08 Aug 6 2007, 08:22 PM

i'm using this layout code for my page & i want my bolded text to just be a different color, but not bolded itself. i put "normal" in the font-weight part of the code, & to even make sure i put it in the other parts of the code that make the text bold. but it didn't work. i tried everything, and i even re-checked it.

do you know how to fix it? help!

Posted by: karmakiller Aug 7 2007, 06:00 PM

^ font-weight:normal; should work. If you want to make the text a different color though the CSS, you can create a whole other thing for that (instead of using the bold feature and trying to make it not bolded.) You could try something like nonbold{font-color:00000;font-weight:normal;} in the stylesheet and then to make text turn that color use <nonbold>your text</nonbold>

But if you're having issues with changed the bolded text in the CSS, post your code.

Posted by: kickasscontests Aug 9 2007, 06:14 PM

QUOTE(I own yourr face. @ Jul 26 2006, 01:45 AM) *
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:;
}[/code]

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.



i wuz like yay!!! put then i scrolled and it was fixed. how do i change that?

Posted by: oloveshack Aug 14 2007, 09:32 PM

I love this tutorial... but whats the end tag?

Posted by: polkadotpenguin Aug 23 2007, 10:04 PM

Thank you so much for posting this! Maybe I'll try to make my first layout right now! biggrin.gif

Posted by: tengopescador Sep 12 2007, 05:10 AM

hi. i was wondering if you knew how to fix this.

on my profile, when i bold words like in my about me, their hidden.

do you know how i would fix that so they will show up bolded?


if you need like my layout code or anything tell me.

THANKS!!!

Posted by: ladycrusader.14 Sep 12 2007, 06:51 PM

layout code pppleeaseee:]]

Posted by: KelvinBernard Sep 15 2007, 08:16 AM

I have a question. I want to edit the "Name's Latest Blog Entry Section." BUT, the code you've given doesn't work. i have layout making knowledge, but kinda mess up around the tables and that part. any help?

Posted by: Insurmountable Sep 19 2007, 04:28 AM

^What exactly are you trying to do?

Posted by: smilesbabyy Sep 23 2007, 03:06 PM

i appreciate the code but do you know how to change the link colors and stuff? like for example; when its bold; its like blue or the underline is like this: ----

Posted by: BrandonJohn Sep 29 2007, 01:56 AM

Do you have or know any tutorials in editing the default layout code to make it into a different style?
Because my friend makes default layouts and she has styled them and its just a little box with the picture and some writing and im like blink.gif Thanks _smile.gif

Posted by: trecoollover925 Oct 7 2007, 07:46 PM

um..am i doing this wrong because it totally doesnt work for me...im very confused mellow.gif

Posted by: trecoollover925 Oct 7 2007, 08:30 PM

hahaha just kidding i got it!! i forgot a " after the <style type="text/css">! thank you much!! i was looking for this ALLL day and it just HAPPENED to be on my fave layout website! ha you rock biggrin.gif <33

Posted by: digitalfragrance Oct 9 2007, 09:28 PM

QUOTE(BrandonJohn @ Sep 29 2007, 02:56 AM) *
Do you have or know any tutorials in editing the default layout code to make it into a different style?
Because my friend makes default layouts and she has styled them and its just a little box with the picture and some writing and im like blink.gif Thanks _smile.gif


Does it look at all like a default layout? What you describe sounds more like a DIV.

Posted by: kirraLEE Oct 12 2007, 06:22 AM

is it possible to put writing underneith a friend and comments scroll box?
if thats possible, how?


Posted by: Insurmountable Oct 12 2007, 12:02 PM

^You can make a div overlay and position it where ever you would like:

CODE
<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>

Change the width and height for how large you want the space, change the top and left to position.

To help a little more you can try looking through here:
http://www.createblog.com/forums/index.php?showtopic=142922
or here:
http://www.createblog.com/forums/index.php?showtopic=97397

Posted by: indemand Oct 20 2007, 06:15 PM

nice.. i have been looking for one of these for a long time.. thanks.!!

Posted by: ravioli123lola Nov 6 2007, 05:33 PM

QUOTE(I own yourr face. @ Jul 26 2006, 12:45 AM) *
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.



is there a way to mess with the "displaying 1 out of 0 comments" area??

Posted by: oloveshack Nov 22 2007, 08:07 AM

great tutorial but how do I remove the gray bar that appears at the bottom of my layout? I've tried everything. thx.

Posted by: oloveshack Nov 22 2007, 09:47 AM

will someone please tell me how to remove this?
thanks.
just click the thumbnail to enlarge

http://img516.imageshack.us/my.php?image=howtouf4.png

Posted by: johncouzenslore Nov 27 2007, 02:41 AM

what do each of these links do??

a:
a.man:
a.text:
a.redlink:
a.navbar:


i'd like to change each one individually biggrin.gif

Posted by: candysoo18 Dec 13 2007, 01:02 AM

QUOTE(adrivar @ Sep 10 2006, 12:07 AM) *
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?


This is really tricky..usually you can post it on the comments page of your friends but for easy accessing what i do is that i go to the site called ugotbling.com. they have these tools where you can post the codes on about me page. It would work instantly...It's called customizer (http://www.ugotbling.com/customizer.php)


They also have this new holiday comment where friends can send you virtual gifts...(http://www.ugotbling.com/exclusives.php)

Hope it works for you..


below is what it looks like.

Posted by: tikichan Dec 17 2007, 03:38 PM

Ok, I was wondering how can I make my layout like these ones:
http://www.createblog.com/layouts/code.php?id=23815
http://www.createblog.com/layouts/code.php?id=23215
http://www.createblog.com/layouts/code.php?id=22785

and not like this:
http://www.createblog.com/layouts/code.php?id=23828

It's hard to explain exactly what I'm trying to say and do. You see on the second layout the tables are individual? Like there is the "About me/ who I'd like to meet" and the Interests table, etc. Where as on the first layout example there isn't the distinct borders but really only one border around it all. Also on the second one, inbetween the tables you can see the backgrounds, where as in the first one you can't. This is probably very confusing. I'm hoping that this makes some kind of sense, sense enough for someone to help me.

Thanks.

Posted by: staryxnightx3 Dec 19 2007, 12:25 PM

QUOTE
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>



where do you put this code? at the beggining? becuase i get all the other stuff but i dont have a clue where to put this code to make is skinny. plese help1 _unsure.gif

Posted by: xxbreanaxx Dec 29 2007, 10:03 AM

hey! this worked out perfectly for me! just one thing is the blacktext10 and blacktext12 you said what they are but u switched them. blacktext10-date on comments!
blacktext12-extended network text!
you put them the opposite. and one last thing....what is btext??

thank you so much
breana!

Posted by: Oooft-Crazy Jan 2 2008, 02:50 PM

QUOTE(I own yourr face. @ Jul 26 2006, 12:45 AM) *
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.


I Really Want To Start Making Layout But All This Stif Confuses Me :(

Posted by: SharperMyspace Jan 3 2008, 10:12 PM

I think this title is misleading. To me, a "default" layout is one where the tables are connected, and it resembes the structure of the myspace default layout. Lots of layouts sites also refer to that kind as a default.

But the kind in the tutorial is what most people think of as a standard layout...

but whatever...

Posted by: maynhia Jan 6 2008, 05:14 PM

i don't get it...
i been doing it ove and over again with the same code u put up..
but it didn't work...
and i put all the thing i need in there too...

Posted by: letsgoxdisco Jan 24 2008, 06:02 PM

i know this is stupid, but i have never been able to understand.
on the code part for the skinny tables, do i have to put anything there, or do i just place it in the style sheets?
i hope someone will help me!

Posted by: Rainbow-Pop Jan 24 2008, 09:00 PM

hey thanks a bunch for the help im thinking about making a layout site for myspace so thanks lots

Posted by: Whimsicalness Feb 18 2008, 04:20 AM

I got the first part of the codes right, but i cant figure out the font part. Help please?

Posted by: Friend14 Mar 15 2008, 08:21 PM

How can I add more number of friends into my myspace id.
I need to add around 1000 friends.

Posted by: Friend14 Mar 15 2008, 08:23 PM

How can I add more number of friends into my myspace id.
I need to add around 1000 friends.

Posted by: ChaseTheDragon Mar 15 2008, 08:23 PM

This is so much more complex than it needs to be. All that has to be done is to build a normal layout and add tr {background-color:ffffff;}.

Posted by: TwitchMorrison Apr 6 2008, 12:49 AM

this is my first time here and this isnt helping at all

Posted by: TwitchMorrison Apr 6 2008, 12:53 AM

QUOTE(SharperMyspace @ Jan 3 2008, 08:12 PM) *
I think this title is misleading. To me, a "default" layout is one where the tables are connected, and it resembes the structure of the myspace default layout. Lots of layouts sites also refer to that kind as a default.

But the kind in the tutorial is what most people think of as a standard layout...

but whatever...



do u know how to make the actual default layout the one u said
because thats what i need help on

Posted by: Twiceonsundays Apr 7 2008, 02:05 PM

Thsnk you, for this tutorial, it really helped me :D

Posted by: musicloverrx13 Apr 11 2008, 08:52 PM

Okay, can you put an extended network banner in with that, because everytime I try; it doesn't show up...
Do you have to edit something to put it in there?

Posted by: Kuntagious Apr 15 2008, 06:45 PM

I followed the directions but for the bgColor/bgUrl doesn't show. It's all black. But for other places like the profile space it's all black so when it said "background" color for each text thingies I put black.
Did I do the code wrong?. If so tell me how to fix it.

Posted by: tralalax Apr 17 2008, 05:15 PM

i need the code to turn a regular layout into a default layout. i accidentally deleted all my profile codes and i typed in the link, text, & hide codes but its all transparent. help? :D heres my coding:

CODE
<style type="text/css">
{TABLE FORMATTING CODES. do not edit.}
body {padding-bottom: 0px; text-align:center;} background-image: url(); }
.profileinfo a img {width:auto; height:150px;}
table, td, tr {padding: 0px;}
.friendsComments{display:none;}
img{border:0px!important;}
.profileinfo, .contacttable, .interestsanddetails {width:300px;}
table {width: 670px; background-color:transparent;}
tr {background-color:ffffff;}
table.friendspace tr td table tr td img
{width:auto; height:70px; !important;}
.navigationbar tr td{font-size:0px;}
.navigationBar, .navigationbar td { text-align:center; word-spacing: -2px; width:auto;height:10px;}
.navigationBar table {
width: 670px; height:10px; border:0px solid black; padding-left: 5px; background-color:;}
.navigationBar, .navigationBar table, .navigationBar td{height:10px; width: 685px;}
table table table {width:100%; background-color:;}
tr td tr td tr td tr td tr td {width: 0px!important;}
.credit{myspace.com/sugardippedadvice}
.contacttable, .interestsanddetails , .profileinfo{width:300px;}
table {width: 670px; background-color:auto;}
table.navigationbar td{font-size:1px; font-color:000000 !important;}
table, td, tr {height: 0px;}
br{line-height:0.5px;}


{TEXTCODES. edit if you want.}
table.text, .text, .lightbluetext8, .blacktext10, .blacktext12, .btext, a:active, a:visited, a:link, font, body, table, td, div, h1, h2, br, a, p {font-size:11px; line-height:10px!important; text-transform:lowercase!important; font-family:verdana;}
.whitetext12 {font-family:;text-transform: lowercase;font-size: 15px;letter-spacing: -2px;text-decoration: none;line-height: 13px;font-weight: bold;}
a:hover {font-family:tahoma; font-size:11px; line-height:10px; text-transform: uppercase !important; letter-spacing:-1px; color:000000; font-weight:bold; text-decoration:none; }
a.navbar:active, a.navbar:visited, a.navbar:link {font-family:;text-transform: lowercase;font-size: 11px;letter-spacing: 0px;text-decoration: none;line-height: 10px;font-weight: normal; color:ffffff;}
.credit{myspace.com/sugardippedadvice;}
.dont remove credit{if you do:jockers list for you;}
a.navbar:hover {font-family: tahoma;text-transform: uppercase;font-size: 11px;letter-spacing: -1px;text-decoration: none;line-height: 10px;font-weight: bold; color:ffffff;}

{HIDING CODES. edit if you want.}
.UserProfileURL {display:none;}
.userProfileDetail {display:none;}
.nametext{display:none;}
.latestBlogEntry {display: none;}
.extendedNetwork{display:none;}
.orangetext15{display:none;}
</style><style>
br{line-height:0.5px;}
td{background-color:transparent;}
</style>

Posted by: tralalax Apr 17 2008, 05:25 PM

QUOTE(tralalax @ Apr 17 2008, 06:15 PM) *
i need the code to turn a regular layout into a default layout. i accidentally deleted all my profile codes and i typed in the link, text, & hide codes but its all transparent. help? :D heres my coding:

CODE
<style type="text/css">
{TABLE FORMATTING CODES. do not edit.}
body {padding-bottom: 0px; text-align:center;} background-image: url(); }
.profileinfo a img {width:auto; height:150px;}
table, td, tr {padding: 0px;}
.friendsComments{display:none;}
img{border:0px!important;}
.profileinfo, .contacttable, .interestsanddetails {width:300px;}
table {width: 670px; background-color:transparent;}
tr {background-color:ffffff;}
table.friendspace tr td table tr td img
{width:auto; height:70px; !important;}
.navigationbar tr td{font-size:0px;}
.navigationBar, .navigationbar td { text-align:center; word-spacing: -2px; width:auto;height:10px;}
.navigationBar table {
width: 670px; height:10px; border:0px solid black; padding-left: 5px; background-color:;}
.navigationBar, .navigationBar table, .navigationBar td{height:10px; width: 685px;}
table table table {width:100%; background-color:;}
tr td tr td tr td tr td tr td {width: 0px!important;}
.credit{myspace.com/sugardippedadvice}
.contacttable, .interestsanddetails , .profileinfo{width:300px;}
table {width: 670px; background-color:auto;}
table.navigationbar td{font-size:1px; font-color:000000 !important;}
table, td, tr {height: 0px;}
br{line-height:0.5px;}
{TEXTCODES. edit if you want.}
table.text, .text, .lightbluetext8, .blacktext10, .blacktext12, .btext, a:active, a:visited, a:link, font, body, table, td, div, h1, h2, br, a, p {font-size:11px; line-height:10px!important; text-transform:lowercase!important; font-family:verdana;}
.whitetext12 {font-family:;text-transform: lowercase;font-size: 15px;letter-spacing: -2px;text-decoration: none;line-height: 13px;font-weight: bold;}
a:hover {font-family:tahoma; font-size:11px; line-height:10px; text-transform: uppercase !important; letter-spacing:-1px; color:000000; font-weight:bold; text-decoration:none; }
a.navbar:active, a.navbar:visited, a.navbar:link {font-family:;text-transform: lowercase;font-size: 11px;letter-spacing: 0px;text-decoration: none;line-height: 10px;font-weight: normal; color:ffffff;}
.credit{myspace.com/sugardippedadvice;}
.dont remove credit{if you do:jockers list for you;}
a.navbar:hover {font-family: tahoma;text-transform: uppercase;font-size: 11px;letter-spacing: -1px;text-decoration: none;line-height: 10px;font-weight: bold; color:ffffff;}

{HIDING CODES. edit if you want.}
.UserProfileURL {display:none;}
.userProfileDetail {display:none;}
.nametext{display:none;}
.latestBlogEntry {display: none;}
.extendedNetwork{display:none;}
.orangetext15{display:none;}
</style><style>
br{line-height:0.5px;}
td{background-color:transparent;}
</style>



omg wow that was really stupid... nevermind i got it
i put td at the end instead of tr. sry :p

Posted by: mypanicdisorder May 3 2008, 12:07 PM

Okay this is very helpful but i have just a few questions,

one, is it possible to put pictures in the extended network part and behind the message add links?

two, is it possible to out up borders around the sections?

three, how do i change the color of the links as they are hovered by the mouse?

thanks<3

Posted by: beboplayouts08 May 19 2008, 06:42 PM

how to i just make a regular table with a picture on the contact box and how do i make the background like where your information is a color if i already have a background

Posted by: jasonblue Jun 5 2008, 09:29 AM

Please, no advertising - Thomas

Posted by: Antonio Jun 7 2008, 01:42 AM

im trying to make a layout but im trying to make the color of the inside of the default a different color like it just stays white and i cant find the code to change the color of it .

the part i colored black is the part im talking about im trying to change the color of it .

 

Posted by: iluvpurple25 Jul 19 2008, 03:55 AM

thanx for this...i'm barely starting and this will help me a lot

Posted by: Pixelerator Jul 31 2008, 01:08 PM

This is very good tutorial ..
But i have various Question ..
How we know the tag name apart from standard one "THE name"
Like .lighttext12 and so on ..
and how we know how many element tag in the myspace document..
I am new please tell me!!

Posted by: IceCream4U Sep 9 2008, 07:39 PM

hahaha,people are freakin out cause some of the codes don't work:P
look at the date: Jul 25 2006. thats more than two years ago[x

Posted by: Dleedude Sep 11 2008, 09:12 AM

Uhh, i have one little question. is there a way to like.... take the lines of color out? Like... In my opinion the "I'd Like to meet" section is useless. I dont like it, I hate the little orange titles over about me and stuff. But i havent found a code that does this. Basically...

How do i get rid of the orange title bars in About me, and stuff.

Oh, and btw, GREAT tutorial, you teeched meh how to make layouts :O... i looked everywhere too

Posted by: schizo Sep 13 2008, 10:54 AM

^ Try this:

CODE
<style>
.blurbs td.text, .orangetext15 {display:none;}
</style>


That should hide the text and the bars.

Posted by: LOWERY Sep 25 2008, 04:24 PM

can someone please help me

Posted by: schizo Sep 25 2008, 04:30 PM

^We can't help you unless you tell us exactly what you need help with.

Posted by: meekers89 Nov 18 2008, 03:50 AM

Oookay..
I'm not sure if I'm doing any of this right honestly blink.gif
So there'll probably be many questions as I go.

As I'm making this,
I'm looking at a lyt previewer.
And when I enter this:

CODE
<style type="text/css">
table, td {background-color:FFFFFF; border:none; border-width:0;}
body {
background-color: ;
background-image: url(http://img.photobucket.com/albums/v610/micah101/BlendBackground.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position:bottom center;
}</style>


The background image appears in the red box shown
for a split second before the page loads



but i'd want the image on the outside of the box.

Posted by: Anarchy Nov 23 2008, 06:01 PM

http://www.createblog.com/forums/index.php?showtopic=213739 for a great tutorial on how to play around with the look of your new 2.0 profile!

Posted by: rjohnson1991 Dec 4 2008, 07:00 PM



QUOTE(meekers89 @ Nov 18 2008, 02:50 AM) *
Oookay..
I'm not sure if I'm doing any of this right honestly blink.gif
So there'll probably be many questions as I go.

As I'm making this,
I'm looking at a lyt previewer.
And when I enter this:

CODE
<style type="text/css">
table, td {background-color:FFFFFF; border:none; border-width:0;}
body {
background-color: ;
background-image: url(http://img.photobucket.com/albums/v610/micah101/BlendBackground.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position:bottom center;
}</style>


The background image appears in the red box shown
for a split second before the page loads



but i'd want the image on the outside of the box.



The image isn't wide enough to stretch to both sides. Make at least a 500px stretch between the to images. Hope that helps!

But heres the code to make it show up:
CODE
<style>
body {
background-color: FFFFFF;
background-image: url('http://img.photobucket.com/albums/v610/micah101/BlendBackground.jpg');
background-attachment:fixed;
background-repeat: no-repeat;
background-position: bottom-center;
}
</style>


Preview:
http://i33.tinypic.com/2yoo6kk.pnghttp://i33.tinypic.com/2yoo6kk.png

Posted by: hackinnathan Dec 30 2008, 01:13 AM

I'm not exactly sure if this has been specified yet, but how do we make the tables black?

Posted by: digitalfragrance Dec 30 2008, 01:25 AM

^use this:

CODE
<style>
table table table {background-color: 000000;}
</style>

Posted by: hackinnathan Dec 30 2008, 01:28 AM

Thank you!

Posted by: blueragedesigns Jan 8 2009, 03:42 AM

QUOTE
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;}


I really don't get it? To me it seems it's just "table" with it properties, repated, but with an extra "table" in front.

Posted by: Mike Jan 8 2009, 04:45 AM

Those properties are there for a reason. Each one edits a certain part of a whole table. MySpace puts lots of tables within tables, y'see.

Posted by: blueragedesigns Jan 8 2009, 04:53 AM

So "table table table" means the third table that's inside the second table, which is in the first table. Heh. Okies then.

Posted by: Mike Jan 8 2009, 06:18 AM

Exactly.

Posted by: blueragedesigns Jan 8 2009, 04:42 PM

oh. Ah. Explains it I guess. :L

Posted by: Mike Jan 8 2009, 04:52 PM

Haha, yeah. MySpace is complicated like that.

Posted by: tiffanyket Feb 22 2009, 09:50 AM

hey , im new here so excuse my abscense lol. uhmm i needed help on how to combine all the seperate codes and on whether i should repeat in between : ; or after the ; ??????

what are the differences between the two div banner codes?

Posted by: Mike Feb 22 2009, 10:18 AM

Posts merged.

The first code places a banner above the advertisement. The second code places a banner below the advertisement and the navigation. You shouldn't repeat anything, really. They're made separate for a reason. If you're going to group them, just put them one after the other.

Posted by: nena-tuya16 Mar 8 2009, 12:53 AM

this is awesome [=

Posted by: sabrinakristine Jun 17 2009, 04:10 PM

QUOTE(My Cinderella. @ Aug 29 2006, 11:56 AM) *
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?


Posted by: sabrinakristine Jun 17 2009, 04:13 PM

it works good, expect for the picture part, i put the image url ine the (URL HERE) part but when i clicked veiw profile it dident work it was just a black groud. and the image was from tiny pic. how do i fix it?

Posted by: genie1985 Sep 4 2009, 08:54 AM

Wow,SO much!