myspace photography layouts

S A M P L E S of P I C T U R E S

Black Photographic Layouts MySpace
Dark photographic Layouts
Mix and match to make an artsy beautiful elegant myspace page. There are 68 images and matching contact tables. There are seven choices in background color combinations. Statistically that makes for thousands of unique possibilities for your myspace page.

These pre-code layouts come in 3 or 4 simple steps..

1/First you copy and paste which color combination you would like

2/ Choose your photograph and paste that in
3/ Choose your contact table

You can go in any order..as well..You might want to start with your picture and then match the colors to that!
4/ Step Four will be adding the skinny code if you like. It makes it artsy but also shrinks your profile pic and comments down
So have fun..Follow the easy step guide and you won't be disappointed!

S T E P   O N E
Choose your colors..IMPORTANT: You are not choosing these layouts only the basic colors that they are!
When you are finished Copying and Pasting these codes into the ABOUT ME..return here to choose your picture and contact table. Click on code beside the picture and EDIT COPY and PASTE into your ABOUT ME section
white on white

S A M P L E
will open in new window
Close to return here CODE HERE
EDIT COPY and EDIT PASTE into ABOUT ME
<style type="text/css"> body { scrollbar-track-color:white; scrollbar-face-color: black; scrollbar-3dlight-color: cccccc; scrollbar-highlight-color:999999 ; scrollbar-darkshadow-color: 333333; scrollbar-shadow-color: white; scrollbar-arrow-color: white; } </style> <style>body{border-style:solid; border-top-width:15px; border-bottom-width:13px; border-left-width:13px; border-right-width:15px; border-color:black;}</style> <style type="text/css"> body {background-color:cccccc; background-image:url(); background-position:Top Left; background-attachment:fixed; background-repeat:repeat;} Table, Td { background-color:transparent; border-style:none; } table table td { width:100%; } table table table table td { width:auto; } table table table {background-color:white; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:666666; border-style:Dotted; border-width:2px; padding:4px;} table table table table{ background-image:none; background-color:transparent; border-style:none; } .orangetext15, { color:333333; padding: 10px 0; margin: 0 0 10px; text-transform:uppercase; border-top: 2 px dotted; border-bottom: 2 px dotted; border-bottom-color: black; font: bold 6pt verdana, sans-serif; letter-spacing:3px; background-color:transparent; text-align: left; display: block; } .blacktext10,.whitetext12, .btext { color:black; font-family:verdana; letter-spacing:2; font-size: 7px; border-color:black; display:block; background-color:9C9D99; border-top-width:2px; border-top-style:solid; border-bottom-width:2px; border-bottom-style:solid; text-align:right;} .lightbluetext8 { font-weight: normal;font-size:7px; letter-spacing:2; color:black; background-color: 999999; display: block; text-align:left;} .nametext {line-height: 20px;text-transform: uppercase!important;color:black; font-size:18px; font-family:century gothic; border-bottom-width:2px; text-align:justify; text-transform:none ! important;border-bottom-color:9C9D99; display:block;background-color:999999;border-bottom-style:solid; text-align: center;} body,table, td, li, p, div, textarea {font:normal 10px verdana; color:000000;} .text, .redtext {font:normal 11px verdana; color:black; font-weight:none; border:0px; text-transform: none; line-height:12px;} .navbar {color: 333333; } a.navbar:link, a.navbar:active, a.navbar:visited {color: white!important; background-color:black;} a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.redlink:link, a.redlink:active,a.redlink:visited { font: normal 10px verdana; font-weight: normal; text-transform:none; color:666666 ; padding: 2px; text-decoration:none;} a:hover, a.redlink:hover, a.navbar:hover { font: normal 10px verdana; text-transform:none; color: 8E8EA8; font-weight: normal; text-decoration: none;} I, em {font-family: verdana; font-style: italic; } .standard b, p b, B, strong { color:black; } a.navbar:hover { font: normal 10px verdana; text-transform:none; color:white; background-color:999999; font-weight: normal; text-decoration: none;} a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover { color: 000000; text-decoration: none; } </style> <div style="position:absolute;left:0px;top:0px;"><center><a href="http://www.myspacefools.com/"> <img src="http://www.myspacefools.com//graphics/photography.gif" alt="MySpace Layouts" border="0" /> </a></div>

cool olive

S A M P L E
will open in new window
Close to return here CODE HERE
EDIT COPY and EDIT PASTE into ABOUT ME
<style type="text/css"> body { scrollbar-track-color:black; scrollbar-face-color: A7621F; scrollbar-3dlight-color: cccccc; scrollbar-highlight-color:AB9B2D ; scrollbar-darkshadow-color: 333333; scrollbar-shadow-color: white; scrollbar-arrow-color: ; } </style> <style>body{border-style:solid; border-top-width:15px; border-bottom-width:13px; border-left-width:13px; border-right-width:15px; border-color:A7621F;}</style> <style type="text/css"> body {background-color:999933 ; background-image:url(); background-position:Top Left; background-attachment:fixed; background-repeat:repeat;} Table, Td { background-color:transparent; border-style:none; } table table td { width:100%; } table table table table td { width:auto; } table table table {background-color:999933; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:white; border-style:solid; border-width:2px; padding:4px;} table table table table{ background-image:none; background-color:transparent; border-style:none; } .lightbluetext8, {color:black; background-color:A7621F; font-size:7pt; letter-spacing:3; font-face:verdana;} .lightbluetext8, .whitetext12, .redtext, .redbtext {color:cccccc; font-size:10pt; font-weight:bold; font-style:normal; font-family:Courier New,arial,verdana,sans-serif;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:white; font-size:8pt; font-weight:bold; font-style:normal; font-family:Verdana,arial,verdana,sans-serif;} .orangetext15 {color:black; font-size:8pt; font-weight:bold; font-style:normal; font-family:,arial,verdana,sans-serif; letter-spacing:2;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:white; font-size:8pt; font-weight:bold; font-style:normal; font-family:Verdana,arial,verdana,sans-serif;} .nametext, {color:black; font-size:19pt; font-weight:bold; font-style:normal; font-family:verdana,sans-serif; letter-spacing:-2;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:white; font-size:8pt; font-weight:bold; font-style:normal; font-family:Verdana,arial,verdana,sans-serif;} a, a:link, a:visited, a.man, a.man:link, a.man:visited {color:666666; font-size:8pt; text-decoration:underline; font-style:normal; font-family:Verdana,arial,verdana,sans-serif;} a.navbar, a.navbar:link, a.navbar:visited {color:black; background-color:a7621f; font-size:8pt; text-decoration:underline; font-style:normal; font-family:Verdana,arial,verdana,sans-serif;} a:hover, a:active, a.navbar:active, a.man:hover, a.man:active, {color:black; font-size:8pt; text-decoration:underline; font-style:normal; font-family:Verdana,arial,verdana,sans-serif;} a.searchlinkSmall:hover, a.searchlinkSmall:active {color:black; font-size:8pt; font-style:normal; font-family:Verdana,arial,verdana,sans-serif;} a.navbar:hover {color:black; background:color:white; font-size:8pt; text-decoration:underline; font-style:normal; font-family:Verdana,arial,verdana,sans-serif;} </style> <img src="http://www.myspacefools.com/graphics/photography.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"></style>

dark gray and black

S A M P L E
will open in new window
Close to return here CODE HERE
EDIT COPY and EDIT PASTE into ABOUT ME
<style type="text/css"> body {background-color:666666; background-image:url(); background-position:Top Left; background-attachment:fixed; background-repeat:repeat;} Table, Td { background-color:transparent; border-style:none; } table table td { width:100%; } table table table table td { width:auto; } table table table {background-color:black; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:white; border-style:Inset; border-width:2px; padding:4px;} table table table table{ background-image:none; background-color:transparent; border-style:none; } .orangetext15, { color:999999; padding: 10px 0; margin: 0 0 10px; text-transform:uppercase; border-top: 2 px dotted; border-bottom: 2 px dotted; border-bottom-color: black; font: bold 6pt verdana, sans-serif; letter-spacing:3px; background-color:transparent; text-align: left; display: block; } .blacktext10,.whitetext12, .btext { color:black; font-family:verdana; letter-spacing:2; font-size: 7px; border-color:black; display:block; background-color:9C9D99; border-top-width:2px; border-top-style:solid; border-bottom-width:2px; border-bottom-style:solid; text-align:right;} .lightbluetext8 { font-weight: normal;font-size:7px; letter-spacing:2; color:black; background-color: 999999; display: block; text-align:left;} .nametext {line-height: 20px;text-transform: uppercase!important;color:black; font-size:18px; font-family:century gothic; border-bottom-width:2px; text-align:justify; text-transform:none ! important;border-bottom-color:9C9D99; display:block;background-color:999999;border-bottom-style:solid; text-align: center;} body,table, td, li, p, div, textarea {font:normal 10px verdana; color:white;} .text, .redtext {font:normal 11px verdana; color:white; font-weight:none; border:0px; text-transform: none; line-height:12px;} .navbar {color: 333333; } a.navbar:link, a.navbar:active, a.navbar:visited {color: white!important; background-color:black;} a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.redlink:link, a.redlink:active,a.redlink:visited { font: normal 10px verdana; font-weight: normal; text-transform:none; color:666666 ; padding: 2px; text-decoration:none;} a:hover, a.redlink:hover, a.navbar:hover { font: normal 10px verdana; text-transform:none; color: cccccc; font-weight: normal; text-decoration: none;} I, em {font-family: verdana; font-style: italic; } .standard b, p b, B, strong { color:white; } a.navbar:hover { font: normal 10px verdana; text-transform:none; color:white; background-color:999999; font-weight: normal; text-decoration: none;} a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover { color: ffffff; text-decoration: none; } </style> <div style="position:absolute;left:0px;top:0px;"><center><a href="http://www.myspacefools.com/"><img src="http://www.myspacefools.com//graphics/photography.gif" alt="MySpace Layouts" border="0" /> </a></div></center>

black and white

S A M P L E
will open in new window
Close to return here CODE HERE
EDIT COPY and EDIT PASTE into ABOUT ME
<style type="text/css"> body {background-color:black; background-image:url(); background-position:Top Left; background-attachment:fixed; background-repeat:repeat;} Table, Td { background-color:transparent; border-style:none; } table table td { width:100%; } table table table table td { width:auto; } table table table {background-color:white; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:666666; border-style:Inset; border-width:3px; padding:4px;} table table table table{ background-image:none; background-color:transparent; border-style:none; } .orangetext15, { color:333333; padding: 10px 0; margin: 0 0 10px; text-transform:uppercase; border-top: 2 px dotted; border-bottom: 2 px dotted; border-bottom-color: black; font: bold 6pt verdana, sans-serif; letter-spacing:3px; background-color:transparent; text-align: left; display: block; } .blacktext10,.whitetext12, .btext { color:black; font-family:verdana; letter-spacing:2; font-size: 7px; border-color:black; display:block; background-color:9C9D99; border-top-width:2px; border-top-style:solid; border-bottom-width:2px; border-bottom-style:solid; text-align:right;} .lightbluetext8 { font-weight: normal;font-size:7px; letter-spacing:2; color:black; background-color: 999999; display: block; text-align:left;} .nametext {line-height: 20px;text-transform: uppercase!important;color:black; font-size:18px; font-family:century gothic; border-bottom-width:2px; text-align:justify; text-transform:none ! important;border-bottom-color:9C9D99; display:block;background-color:999999;border-bottom-style:solid; text-align: center;} body,table, td, li, p, div, textarea {font:normal 10px verdana; color:000000;} .text, .redtext {font:normal 11px verdana; color:black; font-weight:none; border:0px; text-transform: none; line-height:12px;} .navbar {color: 333333; } a.navbar:link, a.navbar:active, a.navbar:visited {color: white!important; background-color:black;} a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.redlink:link, a.redlink:active,a.redlink:visited { font: normal 10px verdana; font-weight: normal; text-transform:none; color:666666 ; padding: 2px; text-decoration:none;} a:hover, a.redlink:hover, a.navbar:hover { font: normal 10px verdana; text-transform:none; color: 8E8EA8; font-weight: normal; text-decoration: none;} I, em {font-family: verdana; font-style: italic; } .standard b, p b, B, strong { color:black; } a.navbar:hover { font: normal 10px verdana; text-transform:none; color:white; background-color:999999; font-weight: normal; text-decoration: none;} a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover { color: 000000; text-decoration: none; } </style> <div style="position:absolute;left:0px;top:0px;"><center><a href="http://www.myspacefools.com/"><img src="http://www.myspacefools.com//graphics/photography.gif" alt="MySpace Layouts" border="0" /> </a></div>

white and light grey
S A M P L E
will open in new window
Close to return here CODE HERE
EDIT COPY and EDIT PASTE into ABOUT ME
<style type="text/css"> body {background-color:white; background-image:url(); background-position:Top Left; background-attachment:fixed; background-repeat:repeat;} Table, Td { background-color:transparent; border-style:none; } table table td { width:100%; } table table table table td { width:auto; } table table table {background-color:cccccc; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:666666; border-style:Inset; border-width:3px; padding:4px;} table table table table{ background-image:none; background-color:transparent; border-style:none; } .orangetext15, { color:333333; padding: 10px 0; margin: 0 0 10px; text-transform:uppercase; border-top: 2 px dotted; border-bottom: 2 px dotted; border-bottom-color: black; font: bold 6pt verdana, sans-serif; letter-spacing:3px; background-color:transparent; text-align: left; display: block; } .blacktext10,.whitetext12, .btext { color:black; font-family:verdana; letter-spacing:2; font-size: 7px; border-color:black; display:block; background-color:9C9D99; border-top-width:2px; border-top-style:solid; border-bottom-width:2px; border-bottom-style:solid; text-align:right;} .lightbluetext8 { font-weight: normal;font-size:7px; letter-spacing:2; color:black; background-color: 999999; display: block; text-align:left;} .nametext {line-height: 20px;text-transform: uppercase!important;color:black; font-size:18px; font-family:century gothic; border-bottom-width:2px; text-align:justify; text-transform:none ! important;border-bottom-color:9C9D99; display:block;background-color:999999;border-bottom-style:solid; text-align: center;} body,table, td, li, p, div, textarea {font:normal 10px verdana; color:000000;} .text, .redtext {font:normal 11px verdana; color:black; font-weight:none; border:0px; text-transform: none; line-height:12px;} .navbar {color: 333333; } a.navbar:link, a.navbar:active, a.navbar:visited {color: white!important; background-color:black;} a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.redlink:link, a.redlink:active,a.redlink:visited { font: normal 10px verdana; font-weight: normal; text-transform:none; color:666666 ; padding: 2px; text-decoration:none;} a:hover, a.redlink:hover, a.navbar:hover { font: normal 10px verdana; text-transform:none; color: 8E8EA8; font-weight: normal; text-decoration: none;} I, em {font-family: verdana; font-style: italic; } .standard b, p b, B, strong { color:black; } a.navbar:hover { font: normal 10px verdana; text-transform:none; color:white; background-color:999999; font-weight: normal; text-decoration: none;} a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover { color: 000000; text-decoration: none; } </style> <div style="position:absolute;left:0px;top:0px;"><center><a href="http://www.myspacefools.com/"><img src="http://www.myspacefools.com//graphics/photography.gif" alt="MySpace Layouts" border="0" /> </a></div>

soft orange

S A M P L E
will open in new window
Close to return here CODE HERE
EDIT COPY and EDIT PASTE into ABOUT ME
<style type="text/css"> body {background-color:CC9966; background-image:url(); background-position:Top Left; background-attachment:fixed; background-repeat:repeat;} Table, Td { background-color:transparent; border-style:none; } table table td { width:100%; } table table table table td { width:auto; } table table table {background-color:white; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:666666; border-style:Dashed; border-width:3px; padding:4px;} table table table table{ background-image:none; background-color:transparent; border-style:none; } .orangetext15, { color:333333; padding: 10px 0; margin: 0 0 10px; text-transform:uppercase; border-top: 2 px dotted; border-bottom: 2 px dotted; border-bottom-color: black; font: bold 6pt verdana, sans-serif; letter-spacing:3px; background-color:transparent; text-align: left; display: block; } .blacktext10,.whitetext12, .btext { color:black; font-family:verdana; letter-spacing:2; font-size: 7px; border-color:black; display:block; background-color:CC9966; border-top-width:2px; border-top-style:solid; border-bottom-width:2px; border-bottom-style:solid; text-align:right;} .lightbluetext8 { font-weight: normal;font-size:7px; letter-spacing:2; color:white; background-color: black; display: block; text-align:left;} .nametext {line-height: 20px;text-transform: uppercase!important;color:black; font-size:18px; font-family:century gothic; border-bottom-width:2px; text-align:justify; text-transform:none ! important;border-bottom-color:9C9D99; display:block;background-color:999999;border-bottom-style:solid; text-align: center;} body,table, td, li, p, div, textarea {font:normal 10px verdana; color:000000;} .text, .redtext {font:normal 11px verdana; color:black; font-weight:none; border:0px; text-transform: none; line-height:12px;} .navbar {color: 333333; } a.navbar:link, a.navbar:active, a.navbar:visited {color: white!important; background-color:black;} a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.redlink:link, a.redlink:active,a.redlink:visited { font: normal 10px verdana; font-weight: normal; text-transform:none; color:666666 ; padding: 2px; text-decoration:none;} a:hover, a.redlink:hover, a.navbar:hover { font: normal 10px verdana; text-transform:none; color: 8E8EA8; font-weight: normal; text-decoration: none;} I, em {font-family: verdana; font-style: italic; } .standard b, p b, B, strong { color:black; } a.navbar:hover { font: normal 10px verdana; text-transform:none; color:white; background-color:CC9966; font-weight: normal; text-decoration: none;} a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover { color: 000000; text-decoration: none; } </style> <div style="position:absolute;left:0px;top:0px;"><center><a href="http://www.myspacefools.com/"><img src="http://www.myspacefools.com//graphics/photography.gif" alt="MySpace Layouts" border="0" /> </a></div>

grey black

S A M P L E
will open in new window
Close to return here CODE HERE
EDIT COPY and EDIT PASTE into ABOUT ME
<style type="text/css"> body {background-color:666666; background-image:url(); background-position:Top Left; background-attachment:fixed; background-repeat:repeat;} Table, Td { background-color:transparent; border-style:none; } table table td { width:100%; } table table table table td { width:auto; } table table table {background-color:black; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:cccccc; border-style:Double; border-width:2px; padding:4px;} table table table table{ background-image:none; background-color:transparent; border-style:none; } .orangetext15, { color:999999; padding: 10px 0; margin: 0 0 10px; text-transform:uppercase; border-top: 2 px dotted; border-bottom: 2 px dotted; border-bottom-color: black; font: bold 6pt verdana, sans-serif; letter-spacing:3px; background-color:transparent; text-align: left; display: block; } .blacktext10,.whitetext12, .btext { color:black; font-family:verdana; letter-spacing:2; font-size: 7px; border-color:black; display:block; background-color:9C9D99; border-top-width:2px; border-top-style:solid; border-bottom-width:2px; border-bottom-style:solid; text-align:right;} .lightbluetext8 { font-weight: normal;font-size:7px; letter-spacing:2; color:black; background-color: 999999; display: block; text-align:left;} .nametext {line-height: 20px;text-transform: uppercase!important;color:black; font-size:18px; font-family:century gothic; border-bottom-width:2px; text-align:justify; text-transform:none ! important;border-bottom-color:9C9D99; display:block;background-color:999999;border-bottom-style:solid; text-align: center;} body,table, td, li, p, div, textarea {font:normal 10px verdana; color:white;} .text, .redtext {font:normal 11px verdana; color:white; font-weight:none; border:0px; text-transform: none; line-height:12px;} .navbar {color: 333333; } a.navbar:link, a.navbar:active, a.navbar:visited {color: white!important; background-color:black;} a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.redlink:link, a.redlink:active,a.redlink:visited { font: normal 10px verdana; font-weight: normal; text-transform:none; color:666666 ; padding: 2px; text-decoration:none;} a:hover, a.redlink:hover, a.navbar:hover { font: normal 10px verdana; text-transform:none; color: cccccc; font-weight: normal; text-decoration: none;} I, em {font-family: verdana; font-style: italic; } .standard b, p b, B, strong { color:white; } a.navbar:hover { font: normal 10px verdana; text-transform:none; color:white; background-color:999999; font-weight: normal; text-decoration: none;} a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover { color: white; text-decoration: none; } </style> <div style="position:absolute;left:0px;top:0px;"><center><a href="http://www.myspacefools.com/"> <img src="http://www.myspacefools.com//graphics/photography.gif" alt="MySpace Layouts" border="0" /> </a></div>

STEP TWO : CHOOSE YOUR PHOTOGRAPH

68 exciting choices
C L I C K   H E R E
The photographs will top target in a new window. Select the CODE\ for layout under the photograph of your choice then COPY AND PASTE into ABOUT ME
Close window of photographs and return here for contact tables
STEP THREE : CHOOSE YOUR CONTACT TABLE

68 exciting choices
C L I C K   H E R E
The contact tables will top target in a new window. Select the CODE for layout under the contact table of your choice then COPY AND PASTE into ABOUT ME
Close window of contact tables and return here for skinny code

STEP FOUR : Make it Skinny

Optional
This makes it centered, artsy, small. It also shrinks your profile pic.

<style>table{width:300px !important; height:8px;}td.text td a img {width:auto !important;}table table table table table,table table table table table td {width:0px !important; padding:0px !important;}td.text a img {width:50px !important;}td.text td.text a img {width:75px !important;}td td td div strong {width:170px !important; display:block;}</style>