Help - Search - Members - Calendar
Full Version: Making a Default Layout
Forums > Resource Center > Support Center > MySpace Support
Pages: 1, 2, 3, 4
then
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.
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>
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
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
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
jasonblue
Jun 5 2008, 09:29 AM
Please, no advertising - Thomas
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 .
iluvpurple25
Jul 19 2008, 03:55 AM
thanx for this...i'm barely starting and this will help me a lot
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!!
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
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
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.
LOWERY
Sep 25 2008, 04:24 PM
can someone please help me
schizo
Sep 25 2008, 04:30 PM
^We can't help you unless you tell us exactly what you need help with.
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.
Mickey
Nov 23 2008, 06:01 PM
Click here for a great tutorial on how to play around with the look of your new 2.0 profile!
dilligrout
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:
click to enlarge
Mickey
Dec 5 2008, 02:58 PM
^Or, they can just set the repeat option to repeat-x, repeat-y, or plain repeat. They can also use an even bigger background.
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?
digitalfragrance
Dec 30 2008, 01:25 AM
^use this:
CODE
<style>
table table table {background-color: 000000;}
</style>
hackinnathan
Dec 30 2008, 01:28 AM
Thank you!
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.
Mickey
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.
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.
Mickey
Jan 8 2009, 06:18 AM
Exactly.
blueragedesigns
Jan 8 2009, 04:42 PM
oh. Ah. Explains it I guess. :L
Mickey
Jan 8 2009, 04:52 PM
Haha, yeah. MySpace is complicated like that.
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?
Mickey
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.
nena-tuya16
Mar 8 2009, 12:53 AM
this is awesome [=
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?

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?
genie1985
Sep 4 2009, 08:54 AM
Wow,SO much!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.