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

Let it Flow Myspace Layout

This Flashing Myspace Layout was inspired by those colorful iPod commercials. If you don't like color or music you probably shouldn't be looking at this. However, if you do then stop reading and use this on your profile already.

You are here: Free Myspace Stuff › Myspace Layouts › Music › Let it Flow Myspace Layout

1.0 Profile Code
2.0 Profile Code

Let it Flow
Baked by: bun
September 30, 2008

Tags: headphones flashing default music

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/flashing/music_01/bg.gif); background-attachment: ; background-position: ; background-repeat: repeat; margin-top:10px; 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:666666} 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:666666} 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:666666; } table table table { border-width: 5; border-style: solid; border-color: 666666; background-color: 000000; filter:; -moz-opacity:; opacity:; -khtml-opacity:; } 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/flashing/music_01/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:666666; 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:666666; 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:666666; 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:666666; 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:666666; 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/flashing/music_01/bg.gif); background-attachment: ; background-position: ; background-repeat: repeat; background-color:FFFFFF; } 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/flashing/music_01/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: #666666 url(http://topbun1.com/content/layouts/flashing/music_01/bg.gif) repeat fixed bottom left;} p{line-height:1.8;} a:link, a:active, a:visited {color: #666666} a:hover {color: #666666} 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=666666&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 #666666; margin: 0px 5px; } div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #666666; margin: 0px 5px; } div[class~="moduleMid2"] { margin: 0 8px; } div[class~="moduleMid"] { border-left: solid #666666 1px; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; -khtml-opacity:0.85;} div[class~="moduleMid1"] { border-right: solid #666666 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:#666666; } 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:#666666} div#footer div { padding:10px 0; color:#666666} h3.moduleHead { font-size: 120%; color:#666666; 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:#666666} 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:#666666;} a.url, ul.contactLinks li a, a:hover; {color: #666666} 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:#666666; } ul.profileUserAlbum li { background-color: #FFFFFF; border: 1px solid #666666; } 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:#666666; } div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #666666; } 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 #666666 1px; } div.blogsModule ul.moduleList li { border-bottom: solid 1px #666666; } div.blogsModule ul.moduleList span.date { color: #666666; } div.blurbsModule h4 { background-color: transparent; color: #666666; } div.calendarModule ul.moduleList { border-top: solid 0px #666666; } div.calendarModule li.moduleItem { border-bottom: solid 0px #666666; } 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: #666666; } div.commentsModule div.userComment { background-color:#000000; } div.commentsModule div.user { background:transparent; background-color:#000000; } div.commentsModule p.datePosted { font-weight: bold; color: #666666; } div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #666666; } div.commentsModule ul.moduleList li {background-color:#000000;} #topnav ul li a:hover {background-color:#CCCCCC; color: #666666} #topnav ul li a.open:hover {background: #CCCCCC none repeat scroll 0 0; color: #666666} #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: #666666}