Free Myspace Stuff | Myspace Layouts | Myspace Graphics | Add us on Myspace

Myspace Layouts
  › Christmas
  › Abstract
  › Black And White
  › Butterfly
  › Cute
  › Dark
  › Default
  › Emo
  › Fall
  › Flashing
  › Flower
  › Girly
  › Hearts/Love
  › Holidays
  › Miscellaneous
  › Music
  › Nature
  › Polka Dots Swirls
  › Retro
  › Skinny/Tiny
  › Winter
  › Zodiac

Myspace Graphics
  › Stoopid Gifts
  › Angels
  › Cute
  › Food Flirtz
  › Holidays
  › Mooshibots
  › Nancy Luv
  › Spookeezz
  › Zodiac Buddies

Friends
  › MySpace Layouts
  › Photo Fun
  › Your Own Layout
  › Cute Myspace Layouts
  › Backgrounds
  › Web Design Toronto
  › Christmas Greetings

Sponsors

Friends and Family Myspace Layout

What matters to you the most in this world? Money? Fame? Fortune? By the title I'm assuming you've guessed what SHOULD matter the most. So to express that, I've created this Myspace Layout hoping to spread that message. If you feel the same way then show some love and use it.

You are here: Free Myspace Stuff › Myspace Layouts › Friend › Friends and Family Myspace Layout

1.0 Profile Code
2.0 Profile Code

Friends and Family
Baked by: duck
August 29, 2008

Tags: black+and+white friends family skinny/tiny default quote

Profile 1.0 Code Choose ONE layout code below, COPY & PASTE it into the "About Me" section of your Myspace Profile. NOTE: Please REMOVE ALL previous layout codes prior to inserting ours. Also Myspace's "Profile Theme" editor does NOT work with our code.
STANDARD Code: <style> body { font-size: 1px; line-height: 1px; font-family: Verdana, Arial, sans-serif; background-color:transparent; background-image:url(http://topbun1.com/content/layouts/girly/friends_family/bg.jpg); background-attachment: fixed; background-position:left bottom; background-repeat: repeat; margin-top:0px; padding-left: 0px; } p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important} a, a:link, a:visited {color:F35485; text-decoration: none;} a:hover {color:76996E; text-decoration: none} img {border: none} br {line-height: 10px;} u {text-decoration: none; } table table table br { line-height:15px; } * html table table table.latestBlogEntry br { line-height:0; } form {border-width:0px;background-color:none;} input {background-color:transparent !important} body>div {margin-left: 10px;} table { border:1px solid red;} table, tr, td, table table, table table td {border-width:0px; background-color: transparent;} table table table td {background-color:transparent;margin:0px;padding:0; vertical-align:top ! important;} * html table table table td {padding: 0 0px 0px 0px;} table table table table {border-width:0px; background-color: transparent; margin:0px; padding:0px; background-image: none;} table table table table table{ border-color:660000;} table table table table td {padding:0px 0;margin:0px; } table table table table table td { padding:0 0px 0 0;} table table table { margin:0px; max-width: 435px; width: 100% !important; padding: 0 12px 14px 12px; } * html table table table { padding:0;} body td table, body div table {margin-top: 0;} font {color:386093;font-size:10px} a font:hover {color:000000} a.navbar:link, a.navbar:visited {color:FFFFFF} a.navbar:hover {color:CCCCCC} table tr td table tr td font {display: inline;} table tr td table a.navbar {font-size: 10px;} .text {color:000000;font-size:11px} a.text:link, a.text:visited {color:FFFFFF} a.text:hover {color:CCCCCC} * html .nametext, * html .whitetext12 { width:298px; } .NOTES { content:"firefox hack to make tables not to have a huge gap"; } td.text {text-align:left;} /* Background Color ==================================== / body { background-color:000000; } table table table { border-width: 1; border-style: solid; border-color: ffffff; background-color: 000000; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80; -khtml-opacity:0.80; } table table table table {filter:none !important; opacity:1 !important; } /contact table if necessary / .contactTable { width: 300px !important; height: 150px !important; padding: 0px !important; background-image:url(http://topbun1.com/content/layouts/girly/friends_family/contact.gif); background-attachment: scroll; background-repeat: no-repeat; } .contactTable table, table.contactTable td { padding: 0px !important; border: 0px; background-image: none; } .contactTable a img { visibility: hidden; padding: 2px !important; } .contactTable .text { font-size: 17px !important; } .contactTable .text, .contactTable a, .contactTable img { filter: none !important; } .contactTable .whitetext12 { display: none; } / Text Style / /font style leave it if you want it as default/ body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, a.text:link, a.text:visited, a.searchlinksmall, a.searchlinkSmall:hover, a.searchlinksmall:link, a.searchlinksmall:visited, .lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font, a.navbar:link, a.navbar:visited { color:FFFFFF; font-size:11; } a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited { font-weight:normal;} /header colors and fonts / .nametext, .whitetext12, .orangetext15, .btext, .redbtext, .blacktext12, table.userProfileURL strong { margin: 0px 0px 0px 0px; color:FFFFFF; font-size:10; font-family: Trebuchet MS, sans-serif; font-weight:bold; } .whitetext12 { margin-top:0; } /network graphic if necessary / span.blacktext12 { padding-bottom:; visibility: visible !important; background-repeat: no-repeat; font-size: px; text-transform: uppercase; letter-spacing: px; width: ; height: ; display: block !important; background-image:url(); } .blacktext12 { text-align:center; margin-top:0px;} .nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong { padding-top: 2; padding-right:2; padding-bottom:2; padding-left:4; border-style: none; } .nametext { font-size:10; font-family: Trebuchet MS, sans-serif; background-color:transparent; } / details heading color / .lightbluetext8 { color:FFFFFF; font-size:10; font-weight:normal; } / Link Style / / link colors if left blank, it inherits the general text / a, a:link, a:visited, a.redlink:link, a.redlink:visited, a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover { color:FFFFFF; font-size:10; font-weight:normal; text-decoration:none; } a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover { } a:hover, a.redlink:hover, a.navbar:hover, a.text:hover { color:FFFFFF; font-size:10; font-weight:normal; text-decoration:underline; } a.navbar:hover, a.text:hover { } .NOTES { content:'make font smaller for friends comments box';} a.navbar:link, a.navbar:visited, a.navbar:hover, a.text:link, a.text:visited, a.text:hover { font-weight:normal; font-size:9px;} html table table table { height: .01%; } table, td { padding: 0px; } table table table { height: .01%; width: 100%; padding: 0px; } table table table table { padding: 0px; } table table table table table { padding: 0px;} table table table table table table { padding: 0px;} td.text td.text table table table td {padding:0px 6px 0px 6px !important; } * html .contactTable, *html .userProfileURL {width: 300px !important;} </style><div style="position:absolute; left:0px; top: 0px;"> <a href="http://www.topbun.com/" title="Myspace Layouts" target="_blank"><img src="http://www.topbun.com/img/myspace_layouts_button.gif" alt="Myspace Layouts" border="0"></a> <br /><img src="http://www.topbun.com/images/spacer.gif" alt="" width="20" height="3" /> <a href="http://www.topbun.com/" title="Myspace Layouts" target="_blank">Myspace Layouts</a> </div> <br /> <a href="http://www.topbun.com/?utm_source=myspace&utm_medium=link&utm_campaign=am_standard" ><img src="http://www.topbun.com/img/left_icon.gif" border=0 style="vertical-align:text-bottom;" alt="Myspace Layouts">I got this layout from topbun<img src="http://www.topbun.com/img/right_icon.gif" border=0 style="vertical-align:text-bottom;" alt="Myspace Layouts"></a> <br />
SKINNY Code: <style type="text/css"> table, body {background-color: ffffff} table, td {background-color:transparent; border:none; border-width:0;} body{ background-image:url(http://topbun1.com/content/layouts/girly/friends_family/bg.jpg); background-attachment: fixed; background-position:left bottom; background-repeat: repeat; background-color:000000; } table table table {border: 1px solid; border-color: ffffff; padding:0; background-color: 000000; background-image: url("") } table tbody td table tbody tr td.text table { background-color: 000000; background-image: url("") } 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:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} textarea, input {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .btext {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext10 {font-family:small fonts; font-size: 7px; color:ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext12 {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .lightbluetext8 {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .nametext {font-family: small fonts; font-size: 7px; color:ffffff ; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .orangetext15 {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; padding: 2px; line-height: 10px;} .redbtext, .redtext {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .text {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 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.searchlinksmall:link, a.searchlinksmall:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid FFFFFF;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.searchlinkSmall:hover {font-family:small fonts; font-size: 7px; color:ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; line-height: 11px; background-color: transparent;} b, strong {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} img { filter:none; border:0px;} a:link img { filter: none; border:0px solid black;} a:hover img { filter:; border:0px solid black;} TD TD {text-align: center;} TD TD TD {text-align: center;} TD TD TD TD {border-top: 0px solid; width: 1%; 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: uppercase;width:500px;} TABLE TABLE {padding: 10px; text-transform: uppercase;} TABLE TABLE TABLE {padding: 0px; text-transform: uppercase; height: .01%; width: 100%;} TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} 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 {color:ffffff !important;} td.text a img {width: px} td.text td.text a img {width: 50px} .contactTable {display: visible !important; border:1px solid !important; border-color: ffffff !important;} .contactTable { width:300px !important; height:150px !important; padding:0px !important; background-image:url(http://topbun1.com/content/layouts/girly/friends_family/contact.gif); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent; border:1px;} .contactTable table, table.contactTable td { padding:0px !important; border:1px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable .text {font-size:15px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;} table div div table {display:block; valign= "bottom";} table tr {background-color:transparent;} </style> <div style="position:absolute; left:0px; top: 0px;"> <a href="http://www.topbun.com/" title="Myspace Layouts" target="_blank"><img src="http://www.topbun.com/img/myspace_layouts_button.gif" alt="Myspace Layouts" border="0"></a> <br /> <a href="http://www.topbun.com/" title="Myspace Layouts" target="_blank">Myspace Layouts</a> <img src="http://www.topbun.com/images/spacer.gif" alt="" width="30" height="3" /> </div> <br /> <a href="http://www.topbun.com/?utm_source=myspace&utm_medium=link&utm_campaign=am_skinny" ><img src="http://www.topbun.com/img/left_icon.gif" border=0 style="vertical-align:text-bottom;" alt="Myspace Layouts">I got this layout from topbun<img src="http://www.topbun.com/img/right_icon.gif" border=0 style="vertical-align:text-bottom;" alt="Myspace Layouts"></a> <br />
Customize This Layout

Profile 2.0 Code Step 1: Under the "Profile" tab click "Customize Profile" Step 2: Click on "Appearance" then "Select Theme" - now click "No Theme" <- very important Step 3: Click "CSS", paste our code and Publish. That's it!
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #000000 url(http://topbun1.com/content/layouts/girly/friends_family/bg.jpg) repeat fixed bottom left;} p{line-height:1.8;} a:link, a:active, a:visited {color: #FFFFFF} a:hover {color: #FFFFFF} div[class~="module"] { border:none; } div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://profile.myspace.com/rc.ashx?bg=000000&r=6&w=2000&s=ffffff&sw=1); font-size:0px; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; -khtml-opacity:0.85;} div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; } div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #ffffff; margin: 0px 5px; } div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #ffffff; margin: 0px 5px; } div[class~="moduleMid2"] { margin: 0 8px; } div[class~="moduleMid"] { border-left: solid #ffffff 1px; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; -khtml-opacity:0.85;} div[class~="moduleMid1"] { border-right: solid #ffffff 1px; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; -khtml-opacity:0.85;} div.moduleTop { background-position: top left; } div.moduleTop div { background-position: top right; } div.moduleBottom { background-position: bottom left; } div.moduleBottom div { background-position: bottom right; } div.wrap { background-color:transparent } div.contentMid { background-color: transparent; } div.module { border:0px solid #CCCCCC; color:#FFFFFF; } div#header, div#googlebar { background: none; } #topnav ul { border-right: 0px #000000 solid; } #topnav ul li { border-left: 0px #000000 solid; } div#footer { background-color:transparent; padding:0 0 20px 0;} div#footer a { color:#FFFFFF} div#footer div { padding:10px 0; color:#FFFFFF} h3.moduleHead { font-size: 120%; color:#FFFFFF; background-color: transparent; padding:0.2em } div.moduleMid2 h3 { background:#000000 bottom left repeat-x; color: #; padding-top:12px; text-transform: uppercase; letter-spacing:-1px; font-size:11px;} h4 { font-size: 110%; color:#FFFFFF} div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none; } div.basicInfoModule { background-color: transparent; } div.photo, div.profileDemographics, div.moduleMid, div.moduleTop div div, div.moduleBottom div div, #topnav { background-color: #000000; } div.moduleMid2 h3, div.basicInfoDetails h2 {color:#FFFFFF;} a.url, ul.contactLinks li a, a:hover; {color: #FFFFFF} div.basicInfoDetails h2 { font-size: 12px; font-weight:bold; line-height: 1.2em;} div.profileStatus, div.profileMood, div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; } div.profileStatus { margin-left:0px; } div.profileFullName { color:#333; font-weight:bold; } div.profileFullName span { color:#FFFFFF; } ul.profileUserAlbum li { background-color: #FFFFFF; border: 1px solid #FFFFFF; } div.musicPlayerModule h3.moduleHead { display: none; } div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #000000; } div.detailsModule li { background-color: #000000; line-height: 0; color:#; } div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #FFFFFF; } div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } div.networkingModule a { font-weight:bold; } div.blogsModule ul.moduleList { border-top: solid #ffffff 1px; } div.blogsModule ul.moduleList li { border-bottom: solid 1px #ffffff; } div.blogsModule ul.moduleList span.date { color: #FFFFFF; } div.blurbsModule h4 { background-color: transparent; color: #FFFFFF; } div.calendarModule ul.moduleList { border-top: solid 0px #ffffff; } div.calendarModule li.moduleItem { border-bottom: solid 0px #ffffff; } div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000000; } div.commentsModule ul.moduleList li { background-color:#000000; } div.commentsModule a.profileLink, div.commentsModule h3 { color: #FFFFFF; } div.commentsModule div.userComment { background-color:#000000; } div.commentsModule div.user { background:transparent; background-color:#000000; } div.commentsModule p.datePosted { font-weight: bold; color: #FFFFFF; } div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #FFFFFF; } div.commentsModule ul.moduleList li {background-color:#000000;} #topnav ul li a:hover {background-color:#CCCCCC; color: #FFFFFF} #topnav ul li a.open:hover {background: #CCCCCC none repeat scroll 0 0; color: #FFFFFF} #subnav * { color:#000000 !important; text-decoration:none !important; text-transform:none !important; } #subnav ul li a:hover {background: #CCCCCC none repeat scroll 0 0; color: #FFFFFF}