Hello Kitty 2.0

Submited On: July 5, 2009, 5:31 am

Design By: Omar Garcia

Layout Type: Myspace 1.0

Designer Comments:

This is the Updated version of Hello Kitty 1.0
Hope you like it!

About Me

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}

table table,table table table table,table table{
background-color:transparent;
width:;
border:0px;
} 
div,table,tr,td,th{
background-color:transparent;
text-align:left;
border:0px;
}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{
display:none;
}
div table form tr td,td.text table,a.text, table div font a,table div div,{
visibility:hidden;
di-splay:none
}
td.text table table {
display:inline; 
visibility:visible;
}
embed{
position:absolute;
top:0px;
left:0px;
display:block;
width:0px; 
height:0;
}

div div table div, div.clearfix a, input {display:none;}
div.clearfix table div div {display:block;}

a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-1000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline !important;}

a.text, table div font a, table div div {
visibility:hidden;
}

table tbody td table tbody tr td.text table {
visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;
}

.comments{
visibility:visible;
width:468px; 
height: 387px;
position:absolute;
top:255px;
left:50%;
margin-left:-200px; 
overflow:auto;
z-index:3px;
}

body {
background-repeat: repeat-y; 
background-position: top left;
line-height: 14px; 
cursor: default;
background-color: ffd8f4;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br , strong {
font-family:Verdana;
font-size: 8pt; 
color:a31b95; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;
} 
.clase { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
left:20px; 
top:150px; 
visibility:hidden;
z-index:1;
}
.blog { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
width: 850px;
left:90px; 
top:138px; 
width: 820px;
visibility:visible;
}

.img_id {
background-color:transparent;
overflow:auto;
position:absolute;
z-index:3;
left:50%;
top:-246px;
margin-left:-353px;
margin-top:500px;
text-align:left;
visibility:visible;
width: 131px;
height: 117px;
}

.personal {
background-color:transparent;
overflow:auto;
position:absolute;
z-index:3;
left:50%;
top:-108px;
margin-left:-350px;
margin-top:500px;
text-align:left;
visibility:visible;
width: 144px;
height: 217px;
}

.nav {
background-color:transparent;
overflow:auto;
width: 425px;
position:absolute;
z-index:2;
left:50%;
top:-243px;
margin-left:-110px;
margin-top:435px;
text-align:left;
visibility:visible;
color:150D06;
font-size: 8pt;
line-height: 14px;
height: 36px;
}
.credit {
background-color:transparent;
overflow:auto;
width: 193px;
position:absolute;
z-index:2;
left:50%;
top:304px;
margin-left:-50px;
margin-top:435px;
text-align:left;
visibility:visible;
color:150D06;
font-size: 8pt;
line-height: 14px;
height: 36px;
}

a:link, a:visited, a:active {color:d531cd; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: 9e1c8d; text-decoration: none;}

.flash {
background-color:transparent;
overflow:auto;
position:absolute;
z-index:2;
left:50%;
margin-left:280px;
top:390px;
text-align:left;
visibility:visible;
width: 260px;
height: 410px;
}

.blog1 {background-color:transparent; 
overflow:auto; 
position:absolute; 
width: 850px;
left:50%;
margin-left:-400px;
top:138px; 
visibility:visible;
}
</style>

<div class="personal">
<b>Name:</b>
<br>Omar Garcia
<br><b>Age:</b>
<br>To old
<br><b>Sign:</b>
<br>Libra
<br><b>Home:</b>
<br>Tulsa OK
<br><b>Status:</b>
<br>Married
</div>

<div class="clase">odgsvlsomf-kitty</div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> |
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR_ID">Add me</a> |
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR_ID">My pictures</a> |
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR_ID">Message me</a> |
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=YOUR_ID">Comment me</a></div>

<div class="credit">
<a href="http://omargarcia.net">Power by OmarGarcia.net</a></div>

<div class="comments">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<table><tr><td><table><tr><td></div>

Comments

How do you change the friends section pics??

i cant see the animation :|

Cool

Hey Thanks

This is my favorite website! The animation is awesome! thanks for sharing