dark-faery-jasmine-7 | dark-faery-jasmine-7 Slides | Gothic Myspace Layouts | powered by Darkfaery Subculture Magazine |

Myspace Layout, background, comment, forum or blog graphic: dark-faery-jasmine-7

These Codes also work on other social network sites, blogs, and forums.

Full Size Image Download | dark-faery-jasmine-7 | 1024 x 768 | 66kbytes

Copy and Paste URL to use in a layout editor or on forums:

Copy and Paste code to use as Xanga layout:

}

/* edits the date */
div.blogheader, .caption 
{background-image: url();
background-repeat:no-repeat;
background-position:top center;
font-family: FONT FAMILY;
text-transform:none;
font-size:16px;
line-height:#px;
font-weight:bold;
color:#E75858;
letter-spacing:2px;
background-color:#transp;
text-align:center;
border:0px solid;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #EFCFCF;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #4080BF;
font:normal 10px FONT FAMILY;
background-color: transp.;
font-color:#EBEBEB;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color:transparent; 
background-image:url(http://www.dfsm.org/screenblack0tb.png); 
background-repeat:repeat; width:100%; border-color:FFFFFF; border-style:Dotted; border-width:1px;
background-color:transp.;

text-transform: none;
text-align:center;
font-family: FONT FAMILY;
text-transform:none;

font-size:14px;
line-height:#px;
font-weight:normal!important!;
color:#EBEBEB;
letter-spacing:2px;}
 
table.left { 
/* this edits the menu module */
width:180px;
color:EBEBEB;
background-color:transp;
BORDER: #EBEBEB 1px solid;
background-color:transparent; 
background-image:url(http://www.dfsm.org/screenblack0tb.png); 
background-repeat:repeat; width:100%; border-color:FFFFFF; border-style:Dotted; border-width:1px;
}

font,td,p,xmp
{color:#EBEBEB;
font-face: verdana;
font-weight:normal;
font-size:10px;
text-align:justify;}

table.blogbody tr td { 
/* this edits the left margin of blog */ 
width:0px; 
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the  blog is */

background-color:transparent; 
background-image:url(http://www.dfsm.org/screenblack0tb.png); 
background-repeat:repeat; width:100%; border-color:FFFFFF; border-style:Dotted; border-width:1px;
family-font: FONT FAMILY;
BORDER:none;

width:460px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: #pt; 
font-family: FONT FAMILY;
font-weight:normal; 
color:#E75858;

text-transform:none;
font-size:12px; 
cursor:crosshair;}

a:active
{font-family: FONT FAMILY; 
color:#9FE758; 
text-transform:none;
font-size:12px; 
cursor:crosshair;}

a:visited
{font-family: FONT FAMILY; 
color:#BF4040; 
text-transform:none;
text-decoration:strikeout;
font-size:12px;

cursor: crosshair;}

A:hover {font-family:FONT FAMILY;
color:#707070;
text-transform:; 
cursor: crosshair; 
font-weight:bold;
font-size:12px}</style>

Layout from <a href="http://www.dfsm.org">Darkspace Graphics</a>

Copy and Paste code to use as Hi5 layout:

color: #000000;
}
.box_profile_info_large_heading{
font-weight:bold;
font: 18px century gothic, Arial, Helvetica, sans-serif;
color: #000000;
}
.box_profile_info_small_content,.box_profile_info_large_content{
font-weight:bold;
font: 18px century gothic, Arial, Helvetica, sans-serif;
color: #000000;
}

a, a:visited, a:active,a.link_blue {
color: #0ab4ef;
font: 14px century gothic, Arial, Helvetica, sans-serif;
font-weight: bold;
}

body {
background-color:#000000; 
	background-image: url(http://www.dfsm.org/layouts/images/dark-faery-jasmine-7.jpg); 
	background-attachment: fixed;
	background-position: bottom left; 
	background-repeat: no-repeat; 
	border-color:#a80014;
	border-width:0px;
	border-style: solid;
}

.bg_content{
background-color:transparent;
}

td#p_center {
background-color:transparent;
}

.window_content {
color:#000000;
}

.profile-module-body {
color:#000000;
}

.friendUpdates {
	background-color:#000000;
}

td.bg_content table tbody tr td table tbody tr td, .profile-module-body, .window_content  
{
	background-color:#000000;
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80; 
	-khtml-opacity:0.80;
}

</style>

<br>
Hi5 Layout from <a href="http://www.dfsm.org">Darkspace Graphics</a>

Copy and Paste code to use as Blogger Theme:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     
Designer: Darkspace Graphics
URL:      www.dfsm.org
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#000000" value="#000000">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#cfcfcf" value="#cfcfcf">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#cfcfcf" value="#cfcfcf">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#cfcfcf" value="#cfcfcf">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#cfcfcf" value="#cfcfcf">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#999999" value="#999999">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal

100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"

value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia,

Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-

serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-

serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */

body {
  background:$bgcolor;
  margin:0;
  color:se.datadosen.util.SmartResourceBundle@f565d38color;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  background-color:#000000; 
	background-image: url(http://www.dfsm.org/layouts/images/dark-faery-jasmine-7.jpg); 
	background-attachment: fixed;
	background-position: bottom left; 
	background-repeat: no-repeat; 
	border-color:#a80014;
	border-width:0px;
	border-style: solid;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:dark-faery-jasmine-7color;
  text-decoration:underline;
}
a img {
  border-width:0;
  }

/* Header
-----------------------------------------------
 */

#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  background-color:#000000;
  
  }

#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}

#header { 
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
  background-color:#000000;
  
}

#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}

#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }

#header a:hover {
  color:$pagetitlecolor;
  }

#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: <p><span class="folderDescription">All of these Images were made by me. 
Folklorists generally use the term ‘fairy’ rather loosely, to cover a range of 
non-human yet material beings with magical powers. These could be visible or 
invisible at will, and could change shape; some lived underground, others in 
woods, or in water; some flew. Some were believed to be friendly, giving luck, 
prosperity, or useful skills to humans who treated them respectfully; many were 
regarded as troublesome pranksters, or, in extreme cases, as minor demons; 
sometimes they were blamed for causing sickness, stealing human babies, and 
leaving changelings. Human adults might be invited (or abducted) into fairyland.<br>
<br>Fairies can be divided into two major groups: ‘social’ fairies, imagined as 
living in communities and pursuing group activities such as dancing and 
feasting; and ‘solitary’ fairies, of which some (the brownie type) attach 
themselves to human households as helpers and luck-bringers, while others (the 
bogey/ boggart type) haunt an open-air site, often as a more-or-less serious 
threat to passers-by. But it is not always clear-cut; pixies, for example, can 
be either ‘social’ or ‘solitary’, while Robin Goodfellow behaves equally readily 
as prankster or helpful household sprite. Conversely, informants sometimes 
insist on rigid separations between categories; a brownie, for instance, might 
be regarded as a quite different creature from a fairy, and a shape-changing 
apparition like the Yorkshire guytrash as something different again—which, from 
a functionalist point of view, is true enough. The number of local words for 
species and sub-species, and for individuals, is considerable. The original 
English term for the whole species was elf, but in Middle English this was 
largely replaced by ‘fairy’, borrowed from French.<br><br>The clergy, whether 
Catholic or Protestant, usually insisted that all such creatures could only be 
devils; many realized their similarity to the fauns, satyrs, nymphs, etc., of 
classical mythology, which they also regarded as demons. In popular belief, 
however, fairies were fitted into the Christian frame of reference in ways which 
left them morally ambiguous; in Cornwall, they were said to be angels who 
refused to side either with God or with Lucifer when the latter rebelled, and 
so, being ‘too good for Hell and too bad for Heaven’, were thrown down to earth 
and lived wherever they happened to fall. Alternatively, they could be 
identified with ghosts—either of the dead in general, or of special categories 
such as unbaptized infants. The latter was commonly said of the 
Will-o'-the-Wisp.<br><br>Belief in the household brownie (or pixy, or puck) was 
closely linked to farming; he threshes corn, tends horses, herds sheep, churns 
butter, cleans the kitchen, and so on, like an ideal farm servant. He also 
brings prosperity, and can take it away again if offended; he punishes anyone 
who mocks him, and those who work badly. The knockers had a similar role in tin 
and lead mining, but not in coal mines, indicating that this belief had faded by 
the time the latter industry was established.<br></span></p>

<p>All of these images are by Duvy.</p>
font;
  color: <p><span class="folderDescription">All of these Images were made by me. 
Folklorists generally use the term ‘fairy’ rather loosely, to cover a range of 
non-human yet material beings with magical powers. These could be visible or 
invisible at will, and could change shape; some lived underground, others in 
woods, or in water; some flew. Some were believed to be friendly, giving luck, 
prosperity, or useful skills to humans who treated them respectfully; many were 
regarded as troublesome pranksters, or, in extreme cases, as minor demons; 
sometimes they were blamed for causing sickness, stealing human babies, and 
leaving changelings. Human adults might be invited (or abducted) into fairyland.<br>
<br>Fairies can be divided into two major groups: ‘social’ fairies, imagined as 
living in communities and pursuing group activities such as dancing and 
feasting; and ‘solitary’ fairies, of which some (the brownie type) attach 
themselves to human households as helpers and luck-bringers, while others (the 
bogey/ boggart type) haunt an open-air site, often as a more-or-less serious 
threat to passers-by. But it is not always clear-cut; pixies, for example, can 
be either ‘social’ or ‘solitary’, while Robin Goodfellow behaves equally readily 
as prankster or helpful household sprite. Conversely, informants sometimes 
insist on rigid separations between categories; a brownie, for instance, might 
be regarded as a quite different creature from a fairy, and a shape-changing 
apparition like the Yorkshire guytrash as something different again—which, from 
a functionalist point of view, is true enough. The number of local words for 
species and sub-species, and for individuals, is considerable. The original 
English term for the whole species was elf, but in Middle English this was 
largely replaced by ‘fairy’, borrowed from French.<br><br>The clergy, whether 
Catholic or Protestant, usually insisted that all such creatures could only be 
devils; many realized their similarity to the fauns, satyrs, nymphs, etc., of 
classical mythology, which they also regarded as demons. In popular belief, 
however, fairies were fitted into the Christian frame of reference in ways which 
left them morally ambiguous; in Cornwall, they were said to be angels who 
refused to side either with God or with Lucifer when the latter rebelled, and 
so, being ‘too good for Hell and too bad for Heaven’, were thrown down to earth 
and lived wherever they happened to fall. Alternatively, they could be 
identified with ghosts—either of the dead in general, or of special categories 
such as unbaptized infants. The latter was commonly said of the 
Will-o'-the-Wisp.<br><br>Belief in the household brownie (or pixy, or puck) was 
closely linked to farming; he threshes corn, tends horses, herds sheep, churns 
butter, cleans the kitchen, and so on, like an ideal farm servant. He also 
brings prosperity, and can take it away again if offended; he punishes anyone 
who mocks him, and those who work badly. The knockers had a similar role in tin 
and lead mining, but not in coal mines, indicating that this belief had faded by 
the time the latter industry was established.<br></span></p>

<p>All of these images are by Duvy.</p>
color;
 }

#header img {
  margin-left: auto;
  margin-right: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:left;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: left;
  padding: 5px;
  border:1px solid $bordercolor;
  background-color:#000000;
  
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
  width: 220px;
  float: right;
  padding: 5px;
  border:1px solid $bordercolor;
  background-color:#000000;
  
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */

h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }

.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:dark-faery-jasmine-7color;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:dark-faery-jasmine-7color;
  font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
  color:se.datadosen.util.SmartResourceBundle@f565d38color;
}

.post p {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}

.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid $bordercolor;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  padding: 5px;
  border:1px solid $bordercolor;
  background-color:#000000;
  
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }

#blog-pager { 
  text-align: center;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
  color: $sidebartextcolor;
  line-height: 1.5em;
 }

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }

.sidebar .widget, .main .widget { 
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

.main .Blog { 
  border-bottom-width: 0;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
  padding: 5px;
  border:1px solid $bordercolor;
  background-color:000000;
  
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
  margin-left: 0px;
  margin-right: 0px;
}

.bloggerPyBar { background-color:#ff6600;
color:#114477;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weigth:bold;
padding:2px 2px 2px 6px;}
.bloggerPyBar a {color:#9cceff}
.pylogo {float:right;padding-right:9px;}

]]></b:skin>
  </head>

<body>

<span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height'

expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'

expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "

+ "background-repeat: no-repeat; "                      + "width: " + data:width +

"px; "                      + "height: " + data:height + "px;"' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:if cond='data:blog.url == data:blog.homepageUrl'>
              <data:title/>
            <b:else/>
              <a expr:href='data:blog.homepageUrl'><data:title/></a>
            </b:if>
          </h1>
        </div>
        <div class='descriptionwrapper'>
          <p class='description'><span><data:description/></span></p>
        </div>
      </div>
    </b:if>
  <b:else/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:if cond='data:blog.url == data:blog.homepageUrl'>
            <data:title/>
          <b:else/>
            <a expr:href='data:blog.homepageUrl'><data:title/></a>
          </b:if>
        </h1>
      </div>
      <div class='descriptionwrapper'>
        <p class='description'><span><data:description/></span></p>
      </div>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
    </div>
 
    <div id='content-wrapper'>

<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'

expr:id='data:widget.instanceId + "_blog-pager-newer-link"'

expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl'

expr:id='data:widget.instanceId + "_blog-pager-older-link"'

expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'> 
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/>

<data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/>

<data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl'

expr:id='data:widget.instanceId + "_backlinks-create-link"'

target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

<span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' title='permanent

link'><data:post.timestamp/></a>
        </b:if>
        </b:if>
      </span>

<b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl'

expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1

<data:top.commentLabel/><b:else/><data:post.numComments/>

<data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>

<span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url +

"#links"'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

<b:include data='post' name='postQuickEdit'/>
      </span>
      </p>

<p class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if

cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </p>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='delete-comment-icon'> </span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'

target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <span class='quick-edit-icon'> </span>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

<dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
            <a expr:name='"comment-" + data:comment.id'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl'

rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

<p class='comment-footer'>
        <a expr:href='data:post.addCommentUrl'

expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </p>
    </b:if>

<b:include data='top' name='status-message'/>

<data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
      </div>

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            (<span class='post-count'><data:i.post-count/></span>)
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +

"&dir=close&toggle=" + data:interval.toggleId +       "&toggleopen=" +

data:toggleopen'>
        <span class='zippy toggle-open'>▼ </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +

"&dir=open&toggle=" + data:interval.toggleId +         "&toggleopen=" +

data:toggleopen'>
          <span class='zippy'>► </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> 
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

<b:else/>

<b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt'

expr:height='data:photo.height' expr:src='data:photo.url'

expr:width='data:photo.width'/></a>
      </b:if>

<b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-

textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>

<b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
</b:section>
      </div>

<div class='clear'> </div>

</div>

<div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    Theme from <a href="http://www.dfsm.org">Darkspace Graphics</a>

</div>

</div></div> 
</body>
</html>

Copy and Paste code to use as friendster layout:

<Style type="text/css">
/*page background*/
body {
background-color:000000; 
	background-image: url(http://www.dfsm.org/layouts/images/dark-faery-jasmine-7.jpg); 
	background-attachment: fixed;
	background-position: bottom left; 
	background-repeat: no-repeat; 
	border-color:a80014;
	border-width:0px;
	border-style: solid;
}
/*global fonts*/
.usercontent {
  font-family:helvetica;
  color:000000;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  font-weight:bold;
  color:0ab4ef;
}
.usercontent a:hover {
  color:ffffff;
}
/*main boxes*/
.commonbox { 
  border-style: solid;
	border-width:1px; 
	border-color: 0ab4ef;
  background-color:000000;
}
.commonbox h1, .commonbox h2 { /*header*/
  color:000000;
  background-color:000000;
}
.commonbox .viewall { /*viewall link*/
  font-weight:bold;
  color:000000;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
  border-style: solid;
	border-width:1px; 
	border-color: 0ab4ef;
  background-color:000000;
}
.commonbox .dr { /*name bars below photo blocks*/
  color:000000;
  background-color:000000;
}
/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
  border-style: solid;
	border-width:1px; 
	border-color: 0ab4ef;
}
.data { /*data answers*/
  color:000000;
}
.controlpanel .q { /*data labels*/
  color:000000;
}
.data a { /*data links*/
  color:000000;
}
a.more { /*more about link*/
  color:000000;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
  color:000000;
  border-style: solid;
	border-width:1px; 
	border-color: 0ab4ef;
  background-color:000000;
}
#controlPanelButtons a:hover { /*buttons hover*/
  color:000000;
  border-style: solid;
	border-width:1px; 
	border-color: 0ab4ef;
  background-color:ffffff;
}
</style>

Hi5 layout from <a href="http://www.dfsm.org">Darkspace Graphics</a>

Copy and Paste code to use as myspace layout:

<Style type="text/css"> body{ background-color:000000; background-image:url(http://www.dfsm.org/layouts/images/dark-faery-jasmine-7.jpg); background-position:Center Center; background-attachment:fixed; background-repeat:no-repeat; scrollbar-track-color:000000; scrollbar-face-color:000000; scrollbar-highlight-color:666666; scrollbar-base-color:666666; scrollbar-darkShadow-color:666666; scrollbar-shadow-color:666666; scrollbar-arrow-color:FFFFFF; } Table, Td{ background-color:transparent; } table table table{ background-color:transparent; background-image:url(http://www.dfsm.org/screenblack0tb.png); background-repeat:repeat; width:100%; border-color:FFFFFF; border-style:Dotted; border-width:1px; } table table table table{ background-image:none; width:auto; } table table table table, table table table td{ border-style:none; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FFFFFF; font-size:12pt; font-weight:normal; font-style:normal; font-family:copperplate gothic light, verdana, arial, sans-serif; } .orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color:999999; font-size:12pt; font-weight:normal; font-style:normal; font-family:copperplate gothic light, verdana, arial, sans-serif; } a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:CCCCCC; font-size:12pt; font-weight:bold; font-style:normal; font-family:copperplate gothic light, verdana, arial, sans-serif; } a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:FF0000; font-weight:bold; font-style:normal; font-family:, verdana, arial, sans-serif; } a:hover img{ filter:alpha(opacity=90) ; opacity:0.9; -moz-opacity:0.9; } </Style><a href="http://www.dfsm.org/">Darkspace Graphics</a>

A Centered Background on myspace:

A background for use on any site:

A contact table on myspace:

Transparent Tables:

Copy and Paste code to use as comment, forums, or blog graphic:

Copy and Paste URL to use in a layout editor or on forums:

Use as a Myspace Extended Network Banner (some images might look squished):

Copy and Paste URL to use in a layout editor or on forums:

Scroll down Below image for profile codes with dark-faery-jasmine-7 | dark-faery-jasmine-7