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

Rain on Me Myspace Layout

Not all of our Myspace Layouts can be super happy. This one is actually quite depressing. As much as I know rain is necessary for our species' survival it really gets me down. Unless of course it's sunny outside as well which is rare. Enough reading. If you're sad this design was made just for you.

You are here: Free Myspace Stuff › Myspace Layouts › Miscellaneous › Rain on Me Myspace Layout

1.0 Profile Code
2.0 Profile Code

Rain on Me
Baked by: bun
May 4, 2009

Tags: default miscellaneous depressing emo rain

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/roo/rainonme_01/bg.gif); background-attachment: fixed; background-position: top left; 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: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: FFFFFF; } table table table { border-width: 1; border-style: solid; border-color: FFFFFF; background-color: 93aec6; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; -khtml-opacity:0.85; } 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/roo/rainonme_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: 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/misc/roo/rainonme_01/bg.gif); background-attachment: fixed; background-position: top left; background-repeat: repeat; background-color: FFFFFF; } table table table {border: 1px solid; border-color: FFFFFF; padding:0; background-color: 93aec6; background-image: url("") } table tbody td table tbody tr td.text table { background-color: 93aec6; 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/misc/roo/rainonme_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: #FFFFFF url(http://topbun1.com/content/layouts/misc/roo/rainonme_01/bg.gif) repeat fixed top 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=93aec6&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 #93aec6 solid; } #topnav ul li { border-left: 0px #93aec6 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:#93aec6 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: #93aec6; } 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: #93aec6; } div.detailsModule li { background-color: #93aec6; line-height: 0; color:#FFFFFF; } 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:#93aec6; } div.commentsModule a.profileLink, div.commentsModule h3 { color: #FFFFFF; } div.commentsModule div.userComment { background-color:#93aec6; } div.commentsModule div.user { background:transparent; background-color:#93aec6; } 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:#93aec6;} #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}