| |
Designs for every taste, I'll been working on new designs everyday. If you have an idea for a cool design contact me through my web site www.raphiee.com/portfolio. |
|
|
|
| |
|
|
|
Smiley Green Background Layout
I put some of the smileys I created to use as icons together on this design. Created with transparent png's. Is a cool colorful design, hope you like it. To see examples follow the links: 500x280 | 1440x900 |
|
| Copy this code and paste it into the very top of the "About Me" section: |
<a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html" target="_blank">Layout Created by www.raphiee.com/portfolio</a>
<style type="text/css">
{ headers }
body {
margin-top: 400px;
}
.topbanner {
position: absolute;
top: 0;
width: 800px;
text-align:center;
margin-top: 15px;
margin-left: -395px; left: 50%;
}
body table {
margin-top: 90px;
}
.middlebanner {
position: absolute;
top: 550px;
width: 800px;
height: 80px;
text-align:center;
margin-top: 15px;
margin-left: -395px; left: 50%;
}
body td table, body div table {
margin-top: 0;
}
{ Background Properties }
table, tr, td {
background-color:transparent;
border:none;
border-width:0;}
body {
background-color:990000;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-bg.png');
background-attachment:fixed;
background-position:top left;
background-repeat:repeat;
border-width:0px;
border-color:none;
border-style:solid;
padding-left:0px;
padding-right:0px;
}
{ Table Properties }
table table {
border: 0px;
}
table table table table{
border:0px;
}
table, tr, td {
background-color:transparent; border:none; border-width:0;
}
table table table {
border-style:solid;
border-width:0px;
border-color:000000;
background-color:none;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-tablebg.jpg');
background-repeat:repeat;
background-attachment:fixed;
background-position:top left;
}
table table table table td {
filter:none;
}
table.extendedNetwork, table.latestBlogEntry, table.blurbs {
width:480px;
}
{ Text Properties }
.nametext {
font-family:verdana !important;
font-size:14px !important;
color:FFFF00 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
.whitetext12 {
font-family:verdana !important;
font-size:14px !important;
color:FFFFFF !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
.btext, .orangetext15 {
font-family:verdana !important;
font-size:14px !important;
color:FFFFFF !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
.blacktext10, .blacktext11, .lightbluetext8 {
font-family:verdana !important;
font-size:12px !important;
color:CCFF00 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
table, tr, td, li, p, div, .blacktext12, .text, .redtext, .redbtext {
font-family:verdana !important;
font-size:10px !important;
color:FFFFFF !important;
letter-spacing:normal !important;
text-transform:normal;
}
{ Link Properties }
a:active, a:visited, a:link, a:focus {
font-family:verdana !important;
font-size:10px !important;
color:FFFF00 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
text-transform:normal;
}
a:hover {
font-family:verdana !important;
font-size:10px !important;
color:FF6600 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
text-transform:normal;
}
{ Tweaks }
a.text, table div font a, table div div {
visibility:hidden;
}
{ Contact Table }
.contactTable {
width:300px!important;
height:150px!important;
padding:0px!important;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-contact.png');
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;
}
.contactTable table, table.contactTable td {
padding:0px !important;
border:0px;
background-color:transparent;
background-image:none;
}
.contactTable a img {
visibility:hidden;
border:0px!important;
}
.contactTable .text {
font-size:1px!important;
}
.contactTable .whitetext12 {
display:none;
}
.contactTable .text, .contactTable img {
filter:none!important;
}
.contactTable a {
display:block;
height:29px;
width:115px;
}
{ Navigation Bar }
.navigationBar {
background: url(http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-navbar.png);
background-repeat:no-repeat;
background-position:center center;
}
{ Extended Network Banner }
table table table td {
vertical-align:top ! important;
}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-extended.png');
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:480px; height:200px; display:block !important; }
span.blacktext12 img {
display:none;
}
{ Miscellaneous Properties }
p {
margin:0px 0px 1em 0px;
}
u {
text-decoration: none; font-size: 9px;
}
img {
border: none
}
table, tr, td, table tr, table table, table table tr, table table td, table table table td, table table table table, table table table table td {
border-style:none;
background-image:none;
background-color:transparent;
filter:none;}
</style>
<div class="topbanner">
<a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html">
<img src="http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-tophead.png" alt='Free MySpace Layouts with www.raphiee.com/portfolio' border=0></a>
</div>
<div class="middlebanner"><a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html">
<img src="http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-middlehead.png"
alt='Free MySpace Layouts with www.raphiee.com/portfolio' border=0></a></div>
|
| Copy the following code and paste it into the very end of "I'd Would Like to Meet": |
<div style="height:400;width:460px;overflow:auto">
<table><tr><td><table><tr><td> |
| download zip here myspace-smiley.zip |
|
|
|
|
Smiley White Background Layout
Same layout as Smiley Green but with a white clean layout. To see examples follow the links: 500x280 | 1440x900 |
|
| Copy this code and paste it into the very top of the "About Me" section: |
<a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html" target="_blank">Layout Created by www.raphiee.com/portfolio</a>
<style type="text/css">
{ headers }
body {
margin-top: 400px;
}
.topbanner {
position: absolute;
top: 0;
width: 800px;
text-align:center;
margin-top: 15px;
margin-left: -395px; left: 50%;
}
body table {
margin-top: 90px;
}
.middlebanner {
position: absolute;
top: 550px;
width: 800px;
height: 80px;
text-align:center;
margin-top: 15px;
margin-left: -395px; left: 50%;
}
body td table, body div table {
margin-top: 0;
}
{ Background Properties }
table, tr, td {
background-color:transparent;
border:none;
border-width:0;}
body {
background-color:990000;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/smile-tile-bg.png');
background-attachment:fixed;
background-position:top left;
background-repeat:repeat;
border-width:0px;
border-color:none;
border-style:solid;
padding-left:0px;
padding-right:0px;
}
{ Table Properties }
table table {
border: 0px;
}
table table table table{
border:0px;
}
table, tr, td {
background-color:transparent; border:none; border-width:0;
}
table table table {
border-style:solid;
border-width:0px;
border-color:000000;
background-color:none;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-tablebg.png');
background-repeat:repeat;
background-attachment:fixed;
background-position:top left;
}
table table table table td {
filter:none;
}
table.extendedNetwork, table.latestBlogEntry, table.blurbs {
width:480px;
}
{ Text Properties }
.nametext {
font-family:verdana !important;
font-size:14px !important;
color:FFFF00 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
.whitetext12 {
font-family:verdana !important;
font-size:14px !important;
color:FFFFFF !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
.btext, .orangetext15 {
font-family:verdana !important;
font-size:14px !important;
color:FFFFFF !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
.blacktext10, .blacktext11, .lightbluetext8 {
font-family:verdana !important;
font-size:12px !important;
color:CCFF00 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
table, tr, td, li, p, div, .blacktext12, .text, .redtext, .redbtext {
font-family:verdana !important;
font-size:10px !important;
color:FFFFFF !important;
letter-spacing:normal !important;
text-transform:normal;
}
{ Link Properties }
a:active, a:visited, a:link, a:focus {
font-family:verdana !important;
font-size:10px !important;
color:FFFF00 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
text-transform:normal;
}
a:hover {
font-family:verdana !important;
font-size:10px !important;
color:FF6600 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
text-transform:normal;
}
{ Tweaks }
a.text, table div font a, table div div {
visibility:hidden;
}
{ Contact Table }
.contactTable {
width:300px!important;
height:150px!important;
padding:0px!important;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-contact.png');
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;
}
.contactTable table, table.contactTable td {
padding:0px !important;
border:0px;
background-color:transparent;
background-image:none;
}
.contactTable a img {
visibility:hidden;
border:0px!important;
}
.contactTable .text {
font-size:1px!important;
}
.contactTable .whitetext12 {
display:none;
}
.contactTable .text, .contactTable img {
filter:none!important;
}
.contactTable a {
display:block;
height:29px;
width:115px;
}
{ Navigation Bar }
.navigationBar {
background: url(http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-navbar.png);
background-repeat:no-repeat;
background-position:center center;
}
{ Extended Network Banner }
table table table td {
vertical-align:top ! important;
}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-extended.png');
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:480px; height:200px; display:block !important; }
span.blacktext12 img {
display:none;
}
{ Miscellaneous Properties }
p {
margin:0px 0px 1em 0px;
}
u {
text-decoration: none; font-size: 9px;
}
img {
border: none
}
table, tr, td, table tr, table table, table table tr, table table td, table table table td, table table table table, table table table table td {
border-style:none;
background-image:none;
background-color:transparent;
filter:none;}
</style>
<div class="topbanner">
<a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html">
<img src="http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-tophead.png" alt='Free MySpace Layouts with www.raphiee.com/portfolio' border=0></a>
</div>
<div class="middlebanner"><a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html">
<img src="http://www.ehotitems.com/rafit00/raphiee/myspace/images/myspace-smiley-middlehead.png"
alt='Free MySpace Layouts with www.raphiee.com/portfolio' border=0></a></div>
|
| Copy the following code and paste it into the very end of "I'd Would Like to Meet": |
<div style="height:400;width:460px;overflow:auto">
<table><tr><td><table><tr><td> |
| download zip here myspace-smiley-white.zip |
|
|
| |
  |
| |
|
|
|
Garfield and Friends Layout
All time favorite, Garfield and friend, this is the first of a serie of layouts I'm going to create. Because a small difference in the coding for NuestroMySpace.com, download the code here. Enjoy the layout and stay tuned because I'm adding layouts most days! To see examples follow the links: 500x280 | 1440x900 |
|
| Copy this code and paste it into the very top of the "About Me" section. Note: for NuestroMySpace download the code as a zip file bellow: |
<style type="text/css">
{ headers }
body {
margin-top: 220px;
}
.topbanner {
position: absolute;
top: 0;
width: 800px;
text-align:center;
margin-top: 15px;
margin-left: -400px; left: 50%;
}
body table {
margin-top: 90px;
}
.middlebanner {
position: absolute;
top: 365px;
width: 800px;
height: 80px;
text-align:center;
margin-top: 15px;
margin-left: -400px; left: 50%;
}
.morelayouts {
position:absolute;
top: 0px;
left: 0px;
width: 20px;
height:200px;
z-index:3;
}
body td table, body div table {
margin-top: 0;
}
{ Background Properties }
table, tr, td {
background-color:transparent;
border:none; border-width:0;}
body {
background-color:990000;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/Garfield/myspace-garfield-bg.jpg');
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat;
border-width:0px;
border-color:none;
border-style:solid;
padding-left:0px;
padding-right:0px;
}
{ Table Properties }
table table {
border: 0px;
}
table table table table{
border:0px;
}
table, tr, td {
background-color:transparent;
border:none;
border-width:0;}
table table table {
border-style:solid;
border-width:0px;
border-color:000000;
background-color:none;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/Garfield/myspace-garfield-tablebg.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
}
table table table table td {filter:none;}
{ Text Properties }
.nametext {
font-family:verdana !important;
font-size:14px !important;
color:FF9900 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;}
.whitetext12 {
font-family:verdana !important;
font-size:12px !important;
color:FF9900 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;}
.btext, .orangetext15 {
font-family:verdana !important;
font-size:12px !important;
color:FF9900 !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
.blacktext10, .blacktext11, .lightbluetext8 {
font-family:verdana !important;
font-size:10px !important;
color:3399CC !important;
font-weight:bold;
font-style:normal;
letter-spacing:normal !important;
line-height:normal;
text-transform:normal;
}
table, tr, td, li, p, div, .blacktext12, .text, .redtext, .redbtext {
font-family:verdana !important;
font-size:10px !important;
color:3399CC !important;
letter-spacing:normal !important;
text-transform:normal;
}
.extendedNetwork, .latestBlogEntry, .blurbs, .friendSpace, .friendsComments {
width:480px;
}
{ Link Properties }
a:active, a:visited, a:link {
font-family:verdana !important;
font-size:10px !important;
font-weight:bold;
font-style:normal;
color:3399CC !important;
letter-spacing:normal !important;
text-transform:normal;
}
a:hover {
font-family:verdana !important;
font-size:10px !important;
font-weight:bold;
font-style:normal;
color:ef9c00 !important;
letter-spacing:normal !important;
text-transform:normal;
}
{ Navigation Bar }
.navigationBar {
background:url(http://www.ehotitems.com/rafit00/raphiee/myspace/images/Garfield/myspace-garfield-navbar.png);
background-attachment:scroll;
background-repeat:no-repeat;
background-position:center center;
}
.navigationBar a:active, .navigationBar a:visited, .navigationBar a:link {
font-family:verdana !important;
font-size:10px !important;
font-weight:normal;
font-style:normal;
color:ffffff !important;
letter-spacing:normal !important;
text-transform:normal;
}
.navigationBar a:hover {
font-family:verdana !important;
font-size:10px !important;
font-weight:normal;
font-style:normal;
color:000000 !important;
letter-spacing:normal !important;
text-transform:normal;
}
{ Contact Table }
.contactTable {
width:300px!important;
height:150px!important; p
adding:0px!important;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/Garfield/myspace-garfield-contact.png');
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;
}
.contactTable table, table.contactTable td {
padding:0px !important;
border:0px;
background-color:transparent;
background-image:none;
}
.contactTable a img {
visibility:hidden;
border:0px!important;
}
.contactTable .text {
font-size:1px!important;
}
.contactTable .whitetext12 {
display:none;
}
.contactTable .text, .contactTable img {
filter:none!important;
}
.contactTable a {
display:block;
height:29px; width:115px;
}
{ Extended Network Banner }
table table table td {
vertical-align:top ! important;
}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url('http://www.ehotitems.com/rafit00/raphiee/myspace/images/Garfield/myspace-garfield-extended.png');
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:480px; height:200px; display:block !important;
}
span.blacktext12 img {
display:none;
}
{ Miscellaneous Properties }
p {
margin:0px 0px 1em 0px;
}
u {
text-decoration: none; font-size: 9px;
}
img {
border: none
}
table, tr, td, table tr, table table, table table tr, table table td, table table table td, table table table table, table table table table td {
border-style:none;
background-image:none;
background-color:transparent;
filter:none;}
</style>
<div class="topbanner">
<a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html" target="_blank">
<img src="http://www.ehotitems.com/rafit00/raphiee/myspace/images/Garfield/myspace-garfield-header.png" alt='Free MySpace Layouts with www.raphiee.com/portfolio' border=0></a>
</div>
<div class="middlebanner"><a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html" target="_blank">
<img src="http://www.ehotitems.com/rafit00/raphiee/myspace/images/Garfield/myspace-garfield-midhead.png"
alt='Free MySpace Layouts with www.raphiee.com/portfolio' border=0></a></div>
<div class="morelayouts"><a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html" alt="More Free Layouts" target="_blank"><img src="http://www.ehotitems.com/rafit00/raphiee/myspace/images/free-link.png"/></a>
</div>
<center>
------------------------------------------<br>
</center>
<a href="http://www.raphiee.com/portfolio/myspace-layouts-main.html" target="_blank"><img src="http://www.ehotitems.com/rafit00/raphiee/myspace/images/layout-link.png"/></a>
<br><br>
|
| Copy the following code and paste it into the very end of "I'd Would Like to Meet": |
<div style="height:400;width:470px;overflow:auto">
<table><tr><td><table><tr><td> |
download zip here myspace-garfield.zip
for NuestroMySpace click here |
|
|
|
|
