grunge11 | grunge11 Slides | Myspace Profile Layouts and Codes by Duvy | powered by Darkfaery Subculture Magazine |

Darkspace Graphics | Powered by Darkfaery Subculture Magazine | Myspace Profile Layouts and Codes by Duvy | grunge

Main Menu

Welcome to Darkspace Graphics!

LOOK For us: darkfaery subculture magazine @ trickcontreat
If you are in Oklahoma don't miss it! http://trickcontreat.com/

ShoutBox

Radio Blog

Welcome to Darkspace!

Top index page » grunge

grunge11 [3 of 11]

Copy and Paste code to use as myspace layout:

<Style type="text/css"> body{ background-color:000000; background-image:url(image_url_here); 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>

Full Size Image Download

| grunge11 | 1024 x 768 | 241kbytes

Myspace Layout, Background, Theme, Comment, Forum or blog graphic: grunge11

ExhibitPlus grunge11

Full Size Image Download

| grunge11 | 1024 x 768 | 241kbytes

Scroll down for more codes!

Darkspace Graphics | Powered by Darkfaery Subculture Magazine | Myspace Profile Layouts and Codes by Duvy | grunge

Info:

These Codes also work on other social network sites like Vampirefreaks, Facebook, Xanga, Hi5, blogger, and Friendster. Some profile codes also work on your own blogs, and forums. You never know til you try them!
I have converted all the codes into Hi5, Xanga, Blogger, and Friendster layouts. If you click on the pictures it will take you to a slide page where you will find 10 or 11 different codes for your use on other sites. You can scroll through the images using the slides to get all the codes. I also stripped down the slide pages to make them load faster.

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/grunge11.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:$textcolor;
  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/grunge11.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:$titlecolor;
  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: $descriptionfont;
  color: $descriptioncolor;
 }

#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:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}

.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>
  <link rel="alternate" href="../album.rss" type="application/rss+xml">
</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> 
<script type="text/javascript"><![CDATA[//><!]]></script>

</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/grunge11.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/grunge11.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):

© Darkfaery Subculture Magazine, Contents contained within Darkfaery Subculture Magazine are subject to US Copyright Laws and are the property of their respective authors, artists and labels. Commercial use prohibited.

Categories

Archives

Affiliates

Advertisement

Newsflash

Main Menu

DFSMagazine

About Me

Subdirectories:

Resources

Layout Generator

Stats

My Products

Lord of the Beer

MYSPACE TWEAKS

BASIC CODES

ShoutBox

Radio Blog