Pacman On Paper

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace all sets of 8 X's XXXXXXXX with your friend ID
=]

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
div {font-family:century Gothic; font-size:12px; line-height:12px; letter-spacing:0px;}
div.backgroundbox {position:absolute; top:150px; left:150px; width:700px; height:500px; background-image:url(http://cbimg6.com/layouts/08/04/06/26714aa.png);}
div.aboutmebox {position:absolute; top:235px; left:209px; width:340px; height:170px; overflow:auto;}
.redbtext {color:7DBAFF; font-family:century gothic; font-size:14px; letter-spacing:-1.5px;}
.redbtext {color:7DBAFF; font-family:century gothic; font-size:14px; letter-spacing:-1.5px;}
.friendSpace table table table table table,.friendSpace table table table table table td, .friendspace .text {visibility:visible; position:absolute; margin-top:0%; margin-left:0%; top:461px; left:258px; width:335px; height:131px; z-index:6; overflow:auto; padding:0px; display:block; overflow:auto;}
.friendSpace td a img {width:70px; height:70px; border-top:1px solid black; border-bottom:1px solid black; border-right:1px solid black;}
object, embed {width:5px; height:5px; position:absolute; top:0px; left:0px;}
.userProfileURL, .contacttable, .userProfileDetail, .profileInfo, .interestsAndDetails, .extendedNetwork, .latestBlogEntry, table tbody tr td div div, .orangetext15,  table tbody tr td b, .navigationBar {display:none;}
td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}td.text td.text td a {visibility:hidden;}
tr, td, table {background-color:transparent !important; border:0px !important;}
.a {FRIENDS EDIT SECTION}
.a {hide friends names}
.friendSpace td a {visibility:hidden; font-size:0px; letter-spacing:-100px;}
.friendSpace td a img {visibility:visible;}
.a {remove space between friends}
.friendSpace table, .friendSpace td {width:0px; padding:0px;}
.friendSpace td td td {line-height:0px;}
.a {remove borders around friends pics}
.friendSpace td a img {border:0px;}
.a {set the size of the pics to the same size}
.a {COMMENTS HIDE SECTION}
.FriendsComments table table  {display:none;}  .friendsComments td {height:0px;} .FriendsComments td {background-color:transparent;} .FriendsComments td td b a {display:inline;}
.btext {color:97FF77; font-family:century Gothic; font-size:14px;}
u {color:BF88FD; font-family:century Gothic; border-bottom:1px dashed; border-bottom-color:BF88FD;}
strong {color:97FF77; font-family:century Gothic; font-size:14px; line-height:12px;}
i {color:7DBAFF; font-family:century Gothic;}
div.navispace {position:absolute; top:175px; left:570px; width:232px; height:179px;}
a.add {position:absolute; top:62px; left:13px; width:72px; height:48px;}
a.add:hover {background-image:url(http://cbimg6.com/layouts/08/04/06/26714ab.png);}
a.home {position:absolute; top:10px; left:118px; width:87px; height:30px;}
a.home:hover {background-image:url(http://cbimg6.com/layouts/08/04/06/26714ac.png);}
a.message {position:absolute; top:106px; left:1px; width:120px; height:43px;}
a.message:hover {background-image:url(http://cbimg6.com/layouts/08/04/06/26714ad.png);}
a.comment {position:absolute; top:68px; left:85px; width:129px; height:35px;}
a.comment:hover {background-image:url(http://cbimg6.com/layouts/08/04/06/26714ae.png);}
a.block {position:absolute; top:103px; left:117px; width:95px; height:34px;}
a.block:hover {background-image:url(http://cbimg6.com/layouts/08/04/06/26714af.png);}
a.photos {position:absolute; top:131px; left:103px; width:109px; height:49px;}
a.photos:hover {background-image:url(http://cbimg6.com/layouts/08/04/06/26714ag.png);}
body {background-image:url(http://cbimg6.com/layouts/08/04/06/26714ah.jpg);}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="backgroundbox"></div>
<div class="aboutmebox">
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
About Me Hear =]<br>
</div>

<div class="commentbox">
<style>
textarea.rawrbox { color: 000000; font-family: century Gothic; font-size: 14px; text-transform: lowercase; font-weight: normal; letter-spacing: 0px; text-align: left; line-height: 9px; height: 54px; width: 117px; border-color:000000; border-style: solid; border-width: 1px; background-color: transparent; position:absolute; top:512px; left:611px;}
input.rawrpush {color: 000000; font-family: century Gothic; font-size: 12px; text-transform: lowercase; font-weight: normal; letter-spacing: 1px; text-align: center; line-height: 1px; background-color: transparent; height: 16px; width: 117px; border-color: 000000; border-width: 0px; border-style: solid; position:absolute; top:576px; left:611px; padding:0px;}
</style>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="93886807" type="hidden" />
<textarea name="f_comments" class="rawrbox">rawrs a lot!</textarea>
<input type="submit" value="submit it!" class="rawrpush" /></form>
</div>
<div class="navispace">
<a class="add" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"></a>
<a class="home" href="http://home.myspace.com/index.cfm?fuseaction=user"></a>
<a class="message" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"></a>
<a class="comment" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"></a>
<a class="block" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"></a>
<a class="photos" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"></a>
</div>
<div style='position:absolute; top:20px; left:40px;'><br><a href="www.myspace.com/rawr_damnit_inc" style="color:000000!important; background-color:ffffff !important;">Credit</a> | <a href="www.myspace.com/troyrocksfaces" style="color:000000!important; background-color:ffffff !important;">Coder</a></div>

Layout Comments

Showing latest 10 of 14 comments

I think there's a place in the middle of the game where all these -you know, Inky, Blink, ect.- congregate before the gameplay, but 'during' the game it's empty I think. That would have been better (to me) as the place for the 'About Me' section, ect, instead of the white paper. The white paper looks random on the game and , well...'white'. Your work is inspiring me mentally which is why I always have so much to say. Your work really excites me; I don't mean any harm by my little comments here. xoxo

By Butterface89 on Sep 15, 2010 8:18 am

why isn't, "video games" a tag?

By NoWorriesDesigns on Mar 18, 2010 1:02 am

I like it but I don't think the paint splatters go with it. :/ Especially the colors of the paint because the Pac-Man stuff is like neon and the paint is pastel-ish.

Other than that I think it's adorable. ^^

By urlilcupcake on May 22, 2008 9:39 am