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

Summer Fun Myspace Layout

Summer fun for everyone. Yay. It's true, summer is fun especially when there are ginormous lady bugs and butterflies roaming the skies. Not exactly sure why we created this. But hey if we always thought about things we probably would be making calculus layouts or something else boooooooooooooooooooring.

You are here: Free Myspace Stuff › Myspace Layouts › Butterfly › Summer Fun Myspace Layout

1.0 Profile Code
2.0 Profile Code

Summer Fun
Baked by: duck
July 31, 2008

Tags: summer girly butterfly ladybug flower grass sky clouds

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/happy_summer/bg.jpg); background-attachment: fixed; background-position:center; background-repeat: no-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:32bbe1; } table table table { border-width: 3; border-style: solid; border-color: ffffff; background-color: 32bbe1; filter: alpha(opacity=70); -moz-opacity: 0.98; 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/happy_summer/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/happy_summer/bg.jpg); background-attachment: fixed; background-position:center; background-repeat: no-repeat; background-color:32bbe1; } table table table {border: 1px solid; border-color: ffffff; padding:0; background-color: 32bbe1; background-image: url("") } table tbody td table tbody tr td.text table { background-color: 32bbe1; 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/happy_summer/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: #32bbe1 url(http://topbun1.com/content/layouts/misc/happy_summer/bg.jpg) no-repeat fixed center;} 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=32bbe1&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 #32bbe1 solid; } #topnav ul li { border-left: 0px #32bbe1 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:#32bbe1 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: #32bbe1; } 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: #32bbe1; } div.detailsModule li { background-color: #32bbe1; 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:#32bbe1; } div.commentsModule a.profileLink, div.commentsModule h3 { color: #FFFFFF; } div.commentsModule div.userComment { background-color:#32bbe1; } div.commentsModule div.user { background:transparent; background-color:#32bbe1; } 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:#32bbe1;} #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}