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

Myspace Layouts
  › 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
  › Hot MySpace Layouts
  › Your Own Layout
  › Cute Myspace Layouts
  › Backgrounds
  › MySpace Comments
  › Christmas Greetings

Sponsors

BFF Myspace Layout

Here we have an illustration created by our dear friend Deena. It features 2 lovely girls all dressed up and ready to go do girly things. I'm not exactly sure what type of girly things, but does it really matter when you're with your BFF? Grab this Cute Myspace Layout today!

You are here: Free Myspace Stuff › Myspace Layouts › Girly › BFF Myspace Layout

1.0 Profile Code
2.0 Profile Code

BFF
Baked by: bun
July 2, 2008

Tags: cute bff girly

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/misc/dna/dna_bff_01/bg.jpg); background-attachment: fixed; background-position:left bottom; background-repeat: no-repeat; margin-top:10px; padding-left: px; } 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:ff3366} a.navbar:hover {color:ff6699} 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:ff3366} a.text:hover {color:ff6699} * 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:fde0cf; } table table table { border-width: 5; border-style: solid; border-color: ffcccc; background-color: fde0cf; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity:0.90; -khtml-opacity:0.90; } 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/misc/dna/dna_bff_01/contact.jpg); 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:ff3366; 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:ff3366; 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: 0px; text-transform: uppercase; letter-spacing: -1px; width: 433px; height: 250px; display: block !important; background-image:url(http://topbun1.com/content/layouts/misc/dna/dna_bff_01/network.jpg); } .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:ff3366; 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:ff6699; 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:ff3366; 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: fde0cf} table, td {background-color:transparent; border:none; border-width:0;} body{ background-image:url(http://topbun1.com/content/layouts/misc/dna/dna_bff_01/bg.jpg); background-attachment: fixed; background-position:left bottom; background-repeat: no-repeat; background-color:fde0cf; } table table table {border: 1px solid; border-color: ffcccc; padding:0; background-color: fde0cf; background-image: url("") } table tbody td table tbody tr td.text table { background-color: fde0cf; 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: ff3366; 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: ff3366; 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: ff3366; 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:ff3366; 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: ff3366; 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: ff3366; 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:ff3366 ; 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: ff3366; 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: ff3366; 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: ff3366; 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: ff3366; 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: ff6699; 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:ff3366; 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: ff3366; 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:ff3366 !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: ffcccc !important;} .contactTable { width:300px !important; height:150px !important; padding:0px !important; background-image:url(http://topbun1.com/content/layouts/misc/dna/dna_bff_01/contact.jpg); 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: #fde0cf url(http://topbun1.com/content/layouts/misc/dna/dna_bff_01/bg.jpg) no-repeat fixed left bottom;} p{line-height:1.8;} a:link, a:active, a:visited {color: #ff3366} a:hover {color: #ff3366} 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=fde0cf&r=6&w=2000&s=ffcccc&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 #ffcccc; margin: 0px 5px; } div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #ffcccc; margin: 0px 5px; } div[class~="moduleMid2"] { margin: 0 8px; } div[class~="moduleMid"] { border-left: solid #ffcccc 1px; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; -khtml-opacity:0.85;} div[class~="moduleMid1"] { border-right: solid #ffcccc 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:#ff3366; } div#header, div#googlebar { background: none; } #topnav ul { border-right: 0px #fde0cf solid; } #topnav ul li { border-left: 0px #fde0cf solid; } div#footer { background-color:transparent; padding:0 0 20px 0;} div#footer a { color:#ff3366} div#footer div { padding:10px 0; color:#ff3366} h3.moduleHead { font-size: 120%; color:#ff3366; background-color: transparent; padding:0.2em } div.moduleMid2 h3 { background:#fde0cf bottom left repeat-x; color: #; padding-top:12px; text-transform: uppercase; letter-spacing:-1px; font-size:11px;} h4 { font-size: 110%; color:#ff3366} 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: #fde0cf; } div.moduleMid2 h3, div.basicInfoDetails h2 {color:#ff3366;} a.url, ul.contactLinks li a, a:hover; {color: #ff3366} 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:#ff3366; } ul.profileUserAlbum li { background-color: #FFFFFF; border: 1px solid #ff3366; } div.musicPlayerModule h3.moduleHead { display: none; } div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #fde0cf; } div.detailsModule li { background-color: #fde0cf; line-height: 0; color:#ff3366; } div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #ff3366; } 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 #ffcccc 1px; } div.blogsModule ul.moduleList li { border-bottom: solid 1px #ffcccc; } div.blogsModule ul.moduleList span.date { color: #ff3366; } div.blurbsModule h4 { background-color: transparent; color: #ff3366; } div.calendarModule ul.moduleList { border-top: solid 0px #ffcccc; } div.calendarModule li.moduleItem { border-bottom: solid 0px #ffcccc; } div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000000; } div.commentsModule ul.moduleList li { background-color:#fde0cf; } div.commentsModule a.profileLink, div.commentsModule h3 { color: #ff3366; } div.commentsModule div.userComment { background-color:#fde0cf; } div.commentsModule div.user { background:transparent; background-color:#fde0cf; } div.commentsModule p.datePosted { font-weight: bold; color: #ff3366; } div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #ff3366; } div.commentsModule ul.moduleList li {background-color:#fde0cf;} #topnav ul li a:hover {background-color:#CCCCCC; color: #ff3366} #topnav ul li a.open:hover {background: #CCCCCC none repeat scroll 0 0; color: #ff3366} #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: #ff3366}