Myspace 2.0 Layouts

Shine

Next layout

Preview

Share on Tumblr

Save Layout

Layout's Author

designsbyjenn

Layout's Stats

Current Rating:

Category:

Date Added:May 07, 2010

Code For Layout

1. Copy (control+c) and paste (control+v) in your About Me section:	After you've upgraded... First, copy the code from the first text area to the left and paste it in your "About Me" section. Next, click in the next text area to copy the code. While on Myspace, hover over the Profile button in the top navigation, and click the Customize Profile link. Once in the customize area, select . Next, click CSS, and paste the code in the text area provided. Finally, click the Preview button (top left) to ensure everything works correctly, then click Publish (top right) to save your layout.
<div class="hpp_topleft"><a href="http://pickatheme.com" target="_blank"><img src="http://www.pickatheme.com/images/hotprofileplus.gif" alt="Myspace Layouts" border="0" /></a></div><br /><a href="http://www.pickatheme.com/myspace2layouts" target="_blank"><b>Myspace 2.0 Layouts</b></a> - <a href="http://www.pickatheme.com/myspace2layouts/cat.php?id=109" target="_blank"><b>Quotes - Life</b></a> <div class="hpp_topright"><a href="http://www.startskins.com/?ref=618"><img src="http://www.pickatheme.com/images/startskins/startskins-button.gif" border="0"></a></div>
2. In the "Select Theme" area, choose:
3. Paste this code in your CSS Section: Can't see the code below? Click here.
{.copyright 2009-2010 LayoutsByJenn.com} body {background-image:url(http://images.hotprofileplus.com/myspace2layouts/images/layouts/1273247374-649-0.gif); background-attachment:fixed; background-position:center center; background-repeat:repeat; background-color:transparent;} div#header, div#googlebar {background-color:transparent;} #topnav {background-color:transparent;} #topnav ul {border-right:0;} #topnav ul li {border-left:0;} #topnav ul li a:hover {background-color:transparent; color:#ffbe6c;} div#header, div#googlebar {background-color: #92c9d8;} #topnav {background-color: #92c9d8;} #topnav a {font-family:franklin gothic medium; font-size: 12px; line-height: 14px; color:#ffffff; font-weight: normal; text-transform:lowercase; letter-spacing: -0.4px; padding: 1px; margin-bottom: 0px; font-style:normal;} #topnav ul, #topnav ul li {border: none;} #topnav ul li a:hover {background-color: transparent;} #topnav ul a:hover {background-color:#ffffff; color:#ffbe6c;} #topnav ul {background-color:#92c9d8; color:#ffbe6c;} #topnav ul li.dropDown:hover a, #topnav ul li.hover a, #topnav ul li.hover a:hover {background-color:#ffffff; color:#ffbe6c;} #topnav li.dropDown:hover ul.subMenu a:hover, #topnav li.hover ul.subMenu a:hover {background:none repeat scroll 0 0;color:#ffffff;} #topnav ul.subMenu {border-color:-moz-use-text-color:#ffffff;} div.moduleBody {background-image:; background-attachment:fixed; background-position:center center; background-repeat:repeat; background-color:transparent; color:#5b1a1e; font-size:11px; font-family:century gothic; font-weight:normal; text-transform:lowercase; letter-spacing:1px; text-align:left;} div.module {background-image:; background-attachment:fixed; background-position:top left; background-repeat:repeat; background-color:transparent; border:0px solid #242100; padding:1px;} div.module {margin-left:5px; margin-right:5px;} div.basicInfoModule div.basicInfoDetails h2 {background-image:; background-attachment:fixed; background-position:center center; background-repeat:repeat; background-color:#ef7826; color:#ffffff; font-family:century gothic; font-size:18px; text-transform:uppercase; font-weight:normal; text-align:center; border:1px solid #5b1a1e; padding-left:2px; display: block; font-style:normal; letter-spacing:-1px; line-height:25px;} h3.moduleHead {background-image:; background-attachment:fixed; background-position:center center; background-repeat:repeat; background-color:#84ccc9; color:#ffffff; font-family:century gothic; font-size:14px; letter-spacing:1px; text-transform:uppercase; text-align:center; font-weight:normal; font-style:normal; padding-left:2px; border:1px solid #5b1a1e; line-height:6px; display:block;} h4 {background-image:; background-position:center center; background-repeat:repeat; background-color:#ef7826; color:#ffffff; font-family:century gothic; font-size:11px; text-transform:lowercase; font-weight:normal; font-style:normal; letter-spacing:0px; text-align:left; border:1px solid #5b1a1e; display:block; padding-left:2px; line-height:11px; padding:1px;} div.detailsModule li strong {background-image:; background-attachment:fixed; background-position:center center; background-repeat:repeat;background-color:#ef7826; color:#ffffff; font-family:century gothic; font-size:10px; letter-spacing:0px; text-transform:lowercase; font-style:normal; text-align:center; border:1px solid #5b1a1e; font-weight:normal; display:block; float:left; width: 80px; line-height:12px; margin-right:10px; padding-left:2px;} div.moduleBody a, a:link, a:active, a:visited {color:#50afb5; font-family:franklin gothic medium; font-size:9px; letter-spacing:0px; text-decoration:none; text-transform:uppercase; font-weight:bold; font-style:normal;} div.moduleBody a:hover, a:hover {color:#ffbe6c; font-family:franklin gothic medium; font-size:11px; letter-spacing:-1px; text-decoration:none; text-transform:lowercase; font-weight:bold;} strong, b, span.count {color:#ffbe6c; font-size:9px; font-family:tahoma; font-weight:bold;} div.commentsModule p.datePosted{background-image:; background-position:center center; background-repeat:repeat; background-color:#ef7826; color:#ffffff; border:1px solid #5b1a1e; text-transform:lowercase; font-syle:normal; font-family:franklin gothic medium; font-weight:normal; letter-spacing:1px; font-size:9px; text-align:right; line-height:9px;} ul.profileUserAlbum li {background-color:#84ccc9; padding:2px; border:1px solid #5b1a1e;} div.wrap {background-image:; background-attachment:fixed; background-position:center center; background-repeat:repeat; background-color:#ffffff; border:1px solid #5b1a1e; width:750px;} div.commentsModule div.moduleBody ul.moduleList div.userComment {background-image:url(); background-position:bottom right; background-repeat:no-repeat;} div.commentsModule ul.moduleList li.odd div.user {float:right;} div.commentsModule ul.moduleList li.odd div.userComment {margin-left:0px; margin-right: 25%;} ul.contactLinks {position:relative; height:100px; width:200px;} ul.contactLinks li.message {overflow:hidden; background-image:url(http://images.hotprofileplus.com/myspace2layouts/images/layouts/1273247374-649-1.gif);height:100px; width:200px; position:absolute; top:0px; left:0px; } ul.contactLinks li.addToFriends {overflow:hidden; height:30px; width:200px;position:absolute; top:29px; left:0px;} ul.contactLinks li.comment {overflow:hidden; height:30px; width:200px;position:absolute; top:60px; left:0px;} ul.contactLinks li a {display:block; background-image:none; padding-left:1313px; width:200px; height:30px;} a:hover img { filter: progid:DXImageTransform.Microsoft.MotionBlur(Strength=10, Direction=225, Add=true) } div.contentTop { height:268px; background-repeat: no-repeat; background-position: top center; background-image:url(http://images.hotprofileplus.com/myspace2layouts/images/layouts/1273247374-649-2.gif);

More Layouts By designsbyjenn:

Submit Your Myspace 2.0 Layouts

Click to show more

5 User Comments:

Post Your Own Comment

Anonymous May 09, 2010 12:44

Nice job! I love the font you used for the banner.
Reply

Anonymous Jun 19, 2012 11:38

@adelCheck out the page source for moootols.net - it becomes pretty clear how they accomplished the rounded corners and the item spacing.To create the spaces: add a border-right to the list items, but remember to specify no border on the last item. This should leave the last list item not at the complete end of the list (ul) container.To create the rounded corners: First create the first and last list item background with rounded corners. Then, apply the background image for the last list item (the one all the way on the right, with border-right specifically set to 0) to the list container (the ul element), setting its position to right.Hope that helps.
Reply

Anonymous Jun 20, 2012 07:56

6SwCJg tldiijzbkcnj
Reply

Anonymous Jun 21, 2012 21:44

9yRCtd mgpblzoijffy
Reply

Anonymous Jun 22, 2012 10:47

WffmPh , [urlhttp:ilqtpasnaphs.com]ilqtpasnaphs[url], [linkhttp:suscyaapkwrv.com]suscyaapkwrv[link], http:uijegnzvskjq.com
Reply

Shine

Layout's Author

designsbyjenn

Layout's Stats

Rate This Layout

Post A Comment: