Skinny Layouts

DIRECTIONS: CHOOSE THE LAYOUT YOU LIKE.
HIGHLIGHT, COPY AND PASTE IN YOUR ABOUT ME SECTION.

. PAGES .
| 01 | | 02 | | 03 | | 04 | | 05 |

. More Skinny Layouts .
| Skinny Flashing Layouts | | Skinny Quote Layouts |

I Love You Layout

Click For Preview

Copy And Paste Code

td td { border: 0px; padding: 0px; }
td td td { border: 0px; padding: 0px; }
td td td td { width: .01%; }
td td td td td { border: 0px; padding: 0px; }
td td td td td td { border: 0px; padding: 0px; }
table, tr, td { width: 300px; background-color: transparent; border: 0px; }
table, tr, td, li, p, div { font-family: tahoma; font-size: 11; color: b1b1b1; text-transform: normal; }
table table { border: 0px; padding: 0px; }
table table table { width: 300px; border-width: 2px; border-style: solid; border-color: cecece; background-color: f5f5f5; }
table table table table { border: 0px; padding: 0px; }
table table table table table { border: 0px; padding: 0px; }
table table table table table table { border: 0px; width: 0.1%; }

.nametext { display: block; background-color: ffffff; font-family: arial; font-size: 30; color: b308f2; letter-spacing: -3px; text-align: left; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.blacktext12 { display: block; background-color: ffffff; font-family: small fonts; font-size: 7; color: b1b1b1; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; font-weight: normal; }
.orangetext15 { display: block; background-color: ffffff; font-family: arial; font-size: 17; color: 43e2f5; letter-spacing: -2px; text-align: left; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.whitetext12 { display: block; background-color: ffffff; font-family: arial; font-size: 17; color: ff3a84; letter-spacing: -2px; text-align: left; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.btext { font-family: arial; font-size: 15; color: 43e2f5; letter-spacing: -2px; text-align: center; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.blacktext10 { font-family: arial; font-size: 15; color: b308f2; letter-spacing: -2px; text-align: center; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.lightbluetext8 { display: block; background-color: ffffff; font-family: arial; font-size: 12; color: b308f2; letter-spacing: -1px; text-align: left; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.redtext, .redbtext { font-family: arial; font-size:12; color: b1b1b1; font-weight: bold; }
.text { font-family: tahoma; font-size: 11; color: b1b1b1; text-transform: normal; }

a:active, a:visited, a:link { font-weight: normal; font-family: small fonts; font-size: 7; color: 878787; text-decoration: none; text-transform: uppercase; }
a:hover { font-weight: normal; font-family: small fonts; font-size: 7; color: 6d6d6d; text-decoration: none; text-transform: uppercase; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-weight: normal; font-family: small fonts; font-size: 7; color: 878787; text-decoration: none; text-transform: uppercase; }
a.navbar:hover { font-weight: normal; font-family: small fonts; font-size: 7; color: 6d6d6d; text-decoration: underline; text-transform: uppercase; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-weight: normal; font-family: small fonts; font-size: 7; color: 878787; text-decoration: none; text-transform: uppercase; }
a.redlink:hover  { font-weight: normal; font-family: small fonts; font-size: 7; color: 6d6d6d; text-decoration: underline; text-transform: uppercase; }

input, textarea {color: b1b1b1; background-color: ffffff; text-decoration: none; font-family: small fonts; text-transform: uppercase; font-weight: normal; font-size:7; border-style:solid; border-width:1px; border-color: cecece;}
</style>
<a href="http://phunkyphresh.com/" target="_blank"><img src="http://phunkyphresh.com/01.gif" alt="Visit PhunkyPhresh.Com" style="position:absolute; right:0px; top: 0px;" border="0" /></a>
<style>
td.text td.text table table div, td.text td.text table table a img {height:80px; width:70px !important; border-width:0px;}
td.text td.text table table table td a img {width:100px;} td.text td.text table table table td div img {width:80px;} td.text td.text table table td img {width:260px; max-width:260px; width:auto;} td.text td.text table table td div img {width:80px;} * html td.text td.text table table td img {width:80px;} * html td.text td.text table table td a img {width:90px;} * html td.text td.text table table td div img {width:80px;} </style>

Cute Music Layout

Click For Preview

Copy And Paste Code

.nametext { display: block; background-color: ffffff; font-family: arial; font-size: 30; color: b725ed; letter-spacing: -3px; text-align: left; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.blacktext12 { display: block; background-color: ffffff; font-family: small fonts; font-size: 7; color: b1b1b1; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; font-weight: normal; }
.orangetext15 { display: block; background-color: ffffff; font-family: arial; font-size: 17; color: 14c6e6; letter-spacing: -2px; text-align: left; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.whitetext12 { display: block; background-color: ffffff; font-family: arial; font-size: 17; color: f84c95; letter-spacing: -2px; text-align: left; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.btext { font-family: arial; font-size: 15; color: c1f60a; letter-spacing: -2px; text-align: center; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.blacktext10 { font-family: arial; font-size: 15; color: b725ed; letter-spacing: -2px; text-align: center; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.lightbluetext8 { display: block; background-color: ffffff; font-family: arial; font-size: 12; color: ffa235; letter-spacing: -1px; text-align: left; text-transform: lowercase; text-decoration: none; font-weight: bold; }
.redtext, .redbtext { font-family: arial; font-size:12; color: b1b1b1; font-weight: bold; }
.text { font-family: tahoma; font-size: 11; color: b1b1b1; text-transform: normal; }

Call Me Flashing Layout

Click For Preview

Copy And Paste Code

<style>
body {

background-image: url(http://phunkyphresh.com/layouts/skinny-layouts/11/bg.gif); background-attachment: fixed; background-position: top left; background-repeat:repeat; background-color:111111;}
table table table {width:100%; padding:0; background-color:111111;}

table, td {padding: 0px; width:350px;  text-transform: lowercase;}
table table {padding: 0px; text-transform: lowercase;}
table table table table {padding: 0px; text-transform: lowercase;}
table table table table table {padding: 0px;  text-transform: lowercase;}
table table table table table table {padding: 0px;  text-transform: lowercase;}
table table table table {border: 0px;  padding: 0px;} 
table table table table table {border: 0px;  padding: 0px;} 
table table table table table table {border: 0px;  padding: 2px; width:.01px;}
tr {background-color:transparent;}
table {background-color:transparent;border:0px none;}
table table{border:0px;}
table table table table{border:0px;}
td {background-color:transparent;border:0px none;}
table table table {
background-color: 111111;
border-style:solid;
border-width:1px;
border-color:000000;}
td td {}
td td td {}
td td td td { border-top: 0px solid; width: .01%;}
}
td.text td.text a img { border:0px;}
img { filter:none; }
a:hover img { filter:progid:DXImageTransform.Microsoft.Pixelate(percent=8) }

.nametext 
{ font-family: georgia; font-size:17; letter-spacing: 0pt; color:ffffff; text-transform: lowercase; text-align:left; font-weight: normal; line-height:10px; background-color:111111; border-bottom:1px solid; border-color:000000; display:block; padding:2px; }
table, tr, td, li, p, div, .text 
{ font-family:arial, verdana; font-size:10; letter-spacing: 0pt; color:ffffff; text-transform: lowercase; font-weight: normal; line-height: 9px;} 
.btext 
{ font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:B0FD36; text-transform: lowercase; font-weight: bold;} 
.redtext, .redbtext
{ font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:35B9FD; text-transform: lowercase; font-weight: normal;} 
strong 
{ font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:FD3593; text-transform: lowercase; font-weight: bold;} 
.lightbluetext8 
{ font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:ffffff; text-transform: lowercase; font-weight: normal; text-align:right; background-color:111111; border:1px solid; border-color:000000; display:block; }
.blacktext10
{ font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:ffffff; text-transform: lowercase; font-weight: normal; text-align:right; background-color:111111; border:1px solid; border-color:000000; display:block; }
.whitetext12
{ font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:35B9FD; text-transform: lowercase; font-weight: normal; text-align:right; background-color:111111; border-top:1px solid; border-bottom:1px solid; border-color:000000; display:block; }
.blacktext12
{ font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:FD3593; text-transform: lowercase; font-weight: normal; text-align:center; background-color:111111; border-top:1px solid; border-bottom:1px solid; border-color:000000; display:block; }
.orangetext15
{ font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:ffffff; text-transform: lowercase; font-weight: normal; text-align:right; background-color:111111; border:1px solid; border-color:000000; display:block; }
.big 
{ font-family:arial, verdana, arial, verdana; font-size: 21px; font-color: ffffff; letter-spacing:-2px; }

a:active, a:visited, a:link
{ text-decoration:none;  font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:FDAB35; text-transform: lowercase; font-weight: normal;} 
a:hover
{ text-decoration:none;  font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:35B9FD; text-transform: lowercase; font-weight: normal;}

a.navbar:active, a.navbar:visited, a.navbar:link 
{ text-decoration:none; font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:ffffff; text-transform: lowercase; font-weight: normal; background-color:000000;} 
a.navbar:hover 
{ text-decoration:none;  font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:35B9FD; text-transform: lowercase; font-weight: normal; background-color:zzzzzz;}

a.redlink:active, a.redlink:visited, a.redlink:link 
{ text-decoration:none;  font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:FDAB35; text-transform: lowercase; font-weight: normal;} 
a.redlink:hover 
{ text-decoration:none;  font-family:arial, verdana; font-size:10; letter-spacing: 1pt; color:35B9FD; text-transform: lowercase; font-weight: normal;} 
input, textarea
{ font-family:arial, verdana; font-size:10; color:ffffff; background:181818; text-align: left; line-height:10px; border:1px solid; border-color: 000000; }
td.text td.text table table table td div img {width:70px;}td.text td.text table table td div img{width:70px;}td.text td.text table table table td a img {width:70px;}html td.text td.text table table td img {width:70px;}
</style>
<style>
.contactTable {
height:145px; padding:0px;
background-image:url(http://phunkyphresh.com/layouts/skinny-layouts/11/contact.gif);
background-attachment:scroll; background-position:justify justify;
background-repeat:no-repeat; background-color:zzzzzz;}
.contactTable table, table.contactTable td { padding:0px;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
</style>
<a href="http://phunkyphresh.com/" target="_blank"><img src="http://phunkyphresh.com/01.gif" alt="Visit PhunkyPhresh.Com" style="position:absolute; right:0px; top: 0px;" border="0" /></a>
<style>
td.text td.text table table div, td.text td.text table table a img {height:80px; width:70px !important; border-width:0px;}
td.text td.text table table table td a img {width:100px;} td.text td.text table table table td div img {width:80px;} td.text td.text table table td img {width:260px; max-width:260px; width:auto;} td.text td.text table table td div img {width:80px;} * html td.text td.text table table td img {width:80px;} * html td.text td.text table table td a img {width:90px;} * html td.text td.text table table td div img {width:80px;} </style>

Colorful Skull Flashing Layout

Click For Preview

Copy And Paste Code

table, td {padding: 0px; width:331px;  text-transform: lowercase;}
table table {padding: 0px; text-transform: lowercase;}
table table table table {padding: 0px; text-transform: lowercase;}
table table table table table {padding: 0px;  text-transform: lowercase;}
table table table table table table {padding: 0px;  text-transform: lowercase;}
table table table table {border: 0px;  padding: 0px;} 
table table table table table {border: 0px;  padding: 0px;} 
table table table table table table {border: 0px;  padding: 2px; width:.01px;}
tr {background-color:transparent;}
table {background-color:transparent;border:0px none;}
table table{border:0px;}
table table table table{border:0px;}
td {background-color:transparent;border:0px none;}
table table table {
background-color: 000000;
border-style:solid;
border-width:1px;
border-color:e6e6e6;}
td td {}
td td td {}
td td td td { border-top: 0px solid; width: .01%;}
}
td.text td.text a img { border:0px;}
img { filter:none; }
a:hover img { filter:fliph; }

.nametext 
{ font-family: arial; background-color: c240f7; font-size:25; letter-spacing: -1pt; color:FFFFFF; text-transform: uppercase; text-align:center; font-weight: normal; line-height:30px; border-bottom:7px solid; border-color:46daca; padding-left:2px; display: block;  } 
table, tr, td, li, p, div, .text 
{ font-family:verdana; font-size:9; letter-spacing: 0pt; color:ffffff; text-transform: lowercase; font-weight: normal; line-height: 9px;} 
.btext 
{ font-family:verdana; font-size:9; letter-spacing: 0pt; color:ffffff; text-transform: lowercase; font-weight: bold;} 
.redtext, .redbtext
{ font-family:verdana; font-size:9; letter-spacing: 0pt; color:FFFFFF; text-transform: lowercase; font-weight: normal;} 
strong 
{ font-family:verdana; font-size:9; letter-spacing: 0pt; color:ffffff; text-transform: lowercase; font-weight: bold;} 
.lightbluetext8 
{ font-family:verdana; font-size:9; letter-spacing: 0pt; color:FFFFFF; text-transform: lowercase; font-weight: normal; text-align:right; background-color:c03dfb; border:0px solid; border-color:FFFFFF; display:block; }
.blacktext10
{ font-family:verdana; font-size:9; letter-spacing: 0pt; color:FFFFFF; text-transform: lowercase; font-weight: normal; text-align:right; background-color:c03dfb; border:0px solid; border-color:FFFFFF; display:block; }
.whitetext12
{ font-family:verdana; font-size:9; letter-spacing: 0pt; color:FFFFFF; text-transform: lowercase; font-weight: normal; text-align:right; background-color:c03dfb; border:0px solid; border-color:FFFFFF; display:block; }

span.blacktext12 {
visibility:visible;
background-color:transparent;
background-image:url(none);
background-repeat:repeat;
font-family:century gothic; 
font-size: 10px; 
color:ffffff; 
text-align:center;
font-weight: none; 
text-decoration: normal; 
letter-spacing: 1px; 
text-transform: lowercase; 
padding: 0px; 
margin-top: 2px;
line-height: 9px; 
background-color:fc2a7b; 
display: block;
width:331px;
margin-bottom: 2px;
display:block; filter: none; padding:0px; }
span.blacktext12 img {display:none;}
.orangetext15
{ font-family:verdana; font-size:9; letter-spacing: 0pt; color:FFFFFF; text-transform: lowercase; font-weight: normal; text-align:right; background-color:c03dfb; border:0px solid; border-color:FFFFFF; display:block; }
.big 
{ font-family:verdana, verdana; font-size: 21px; font-color: FFFFFF; letter-spacing:-2px; }

a:active, a:visited, a:link
{ text-decoration:none;  font-family:verdana; font-size:9; letter-spacing: 0pt; color:ffffff; text-transform: lowercase; font-weight: normal;} 
a:hover
{ text-decoration:none;  font-family:verdana; font-size:9; letter-spacing: 0pt; color:FFFFFF; text-transform: lowercase; font-weight: normal;}

a.navbar:active, a.navbar:visited, a.navbar:link 
{ text-decoration:none; font-family:century gothic; font-size:9; letter-spacing: 0pt; color:000000; text-transform: lowercase; font-weight: normal; background-color:b5f330;} 
a.navbar:hover 
{ text-decoration:none;  font-family:century gothic; font-size:9; letter-spacing: 0pt; color:FFFFFF; text-transform: lowercase; font-weight: normal; background-color:b5f330;}

a.redlink:active, a.redlink:visited, a.redlink:link 
{ text-decoration:none;  font-family:verdana; font-size:9; letter-spacing: 0pt; color:ffffff; text-transform: lowercase; font-weight: normal;} 
a.redlink:hover 
{ text-decoration:none;  font-family:verdana; font-size:9; letter-spacing: 0pt; color:FFFFFF; text-transform: lowercase; font-weight: normal;}

td.text td.text table table table td div img {width:70px;border:0px;}td.text td.text table table td div img{width:70px;border:0px;}
td.text td.text table table table td a img {width:70px;border:0px;}html td.text td.text table table td img {width:70px;border:0px;}
</style>
<style>

.contactTable {width:300px!important; height:150px!important; padding:0px!important; 
background-image:url(http://phunkyphresh.com/layouts/skinny-layouts/12/contact.gif);
 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 .text, .contactTable a, .contactTable img {filter:none!important;}
</style>
<a href="http://phunkyphresh.com/" target="_blank"><img src="http://phunkyphresh.com/01.gif" alt="Visit PhunkyPhresh.Com" style="position:absolute; right:0px; top: 0px;" border="0" /></a>
<style>
td.text td.text table table div, td.text td.text table table a img {height:80px; width:70px !important; border-width:0px;}
td.text td.text table table table td a img {width:100px;} td.text td.text table table table td div img {width:80px;} td.text td.text table table td img {width:260px; max-width:260px; width:auto;} td.text td.text table table td div img {width:80px;} * html td.text td.text table table td img {width:80px;} * html td.text td.text table table td a img {width:90px;} * html td.text td.text table table td div img {width:80px;} </style>