Dj Sisen

Description:

This design was originally published on createblog.com for MySpace on July 27, 2009 by JRock Layouts and Graphics.

I found it while browsing old web archives and decided to adapt it for SpaceHey, trying to keep its original aesthetic as faithful as possible — the colors, the structure, and that dark late-2000s layout vibe.

All credits for the original design belong to its creator.

Adapted for SpaceHey by N4TH4N43L XP.

Preview:

Code:

Copy and paste to About Me

<style>

@font-face { 
    font-family: 'MARK'; 
    src: url('https://file.garden/aZQEtGMXd3dvbXg4/Fonts/MARK.TTF');
}

/* Body */

body {
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMGs/Profile-Interfaces/dj-sisen-bg.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat;
    background-size: 1300px;
}

/* Container */

.container {
    background-color: transparent;
}

/* Nav */

nav .top, 
nav .links {
    background-color: #011B00;
}
nav .top .center form label,
nav .top .center form button,
nav .top .right a {
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
nav .links {
    text-align: center;
}
nav .links li:first-child {
    display: none;
}
nav .links li:not(:last-child)::after {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-weight: bold; 
}
nav .links li a {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}
nav .links li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/* Main */

main {
    background-color: transparent;
}

/* Name */

.profile h1,
.profile span[itemprop="name"] h1 {
    background-color: #011B00;
    border: 1px solid #292929;
    border-bottom: none;
    padding: 7px 10px;
    color: #FFFFFF;
    font: normal 30px Impact, sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.profile .edit-link {
    display: none;
}

/* General About / PFP */

.profile .general-about {
    background-color: #000000;
    border-left: 1px solid #292929;
    border-right: 1px solid #292929;
    margin-top: -12px; 
    padding: 7px 10px;
}
.profile .general-about .profile-pic img {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
    object-fit: cover;
    border: 1px solid #FFFFFF;
}
.profile .general-about .details {
    height: 180px;
    overflow: hidden auto;
}
.profile .general-about .details .icon {
    display: none;
}
.profile .general-about .details p {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}
.profile .general-about .details a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .general-about .details a:hover {
    color: #FFFFFF;
}
.profile .general-about .details .online {
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMGs/Online-Now-cons/online-(10).gif");
}
.profile .general-about .details::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

/* Mood */

.profile .mood {
    background-color: #000000;
    border: 1px solid #292929;
    border-top: none;
    padding: 7px 10px;
    margin-bottom: 10px;
}
.profile .mood p,
.profile .mood b { 
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}
.profile .mood a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .mood a:hover {
    color: #FFFFFF;
}

/* Contacto */

.profile .contact {
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMGs/Contact-Table/dj-sisen-contact.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid #292929;
    margin-top: 10px;
}
.profile .contact .heading,
.profile .contact .icon {
    display: none;
}
.profile .contact .inner .f-row .f-col a {
    display: inline-block;
    width: 100%;
    line-height: 1;
    margin: 2.50px -7px 2.50px;
    padding: 0px 10px;
    color: #FFFFFF;
    font-size: 0px;
    font-family: 'MARK', Impact;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-text-stroke: 1px #000000;
}
.profile .contact .inner .f-row .f-col a::before {
    display: block;
    font-size: 20px;
}
.profile .contact .inner .f-row .f-col a:has(img[src*="add.png"])::before { 
    content:"Add Me";
}
.profile .contact .inner .f-row .f-col a:has(img[src*="hourglass.png"])::before { 
    content:"Requests";
}
.profile .contact .inner .f-row .f-col a:has(img[src*="delete.png"])::before { 
    content:"Remove";
}
.profile .contact .inner .f-row .f-col a:has(img[src*="award_star_add.png"])::before { 
    content:"Favorite";
    text-align: right;
}
.profile .contact .inner .f-row .f-col a:has(img[src*="comment.png"])::before {
    content:"Message";
}
.profile .contact .inner .f-row .f-col a:has(img[src*="arrow_right.png"])::before {
    content:"Frwrd";
    text-align: right;
}
.profile .contact .inner .f-row .f-col a:has(img[src*="email.png"])::before { 
    content:"Im";
}
.profile .contact .inner .f-row .f-col a:has(img[src*="exclamation.png"])::before {
    content:"Block";
    text-align: right;
}
.profile .contact .inner .f-row .f-col a:has(img[src*="group_add.png"])::before {
    content:"Group";
}
.profile .contact .inner .f-row .f-col a:has(img[src*="flag_red.png"])::before {
    content:"Report";
    text-align: right;
}

/* Url Info */

.profile .url-info {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px;
}
.profile .url-info p,
.profile .url-info a { 
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .url-info a:hover {
    color: color: #FFFFFF;
}
.profile .url-info b {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}

/* Interests & Links */

.profile .table-section {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile .table-section .icon {
    display: none;
}
.profile .table-section .heading {
    background-color: #070707;
}
.profile .table-section .heading h4 {
    color: #FFFFFF;
    font: normal 18px Impact, sans-serif;
    text-transform: uppercase;
}
.profile .table-section a { 
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .table-section a:hover {
    color: #FFFFFF;
}
.profile .table-section .inner .details-table td:first-child {
    background-color: #070707;
    border: 1px solid #292929;
}
.profile .table-section .inner .details-table td:first-child p, 
.profile .table-section .inner .details-table td:first-child a {
    color: #FFFFFF;
    font: normal 12px Impact, sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .table-section .inner .details-table td:nth-child(2) { 
    background-color: #000000; 
}
.profile .table-section .inner .details-table td:nth-child(2) p, 
.profile .table-section .inner .details-table td:nth-child(2) ul, 
.profile .table-section .inner .details-table td:nth-child(2) li {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}
.profile .table-section .inner .details-table td:nth-child(2) a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .table-section .inner .details-table td:nth-child(2) a:hover {
    color: #FFFFFF;
}
.profile .table-section .inner .details-table td:nth-child(2) b {
    color: #42CB42; 
    font: bold 13pt candara;
    letter-spacing: 0; 
}
.profile .table-section .inner .details-table td:nth-child(2) i { 
    color: #C0CB47;
    font: italic 13pt candara; 
    letter-spacing: -0.5px; 
}
.profile .table-section .inner .details-table td:nth-child(2) u { 
    color: #4C7D00; 
    font: bold 13pt candara;
    text-decoration: none; 
    border-bottom: 2px solid #B80C00;
}
.profile .table-section .inner .details-table td:nth-child(2) h1, 
.profile .table-section .inner .details-table td:nth-child(2) h2, 
.profile .table-section .inner .details-table td:nth-child(2) h3, 
.profile .table-section .inner .details-table td:nth-child(2) h4, 
.profile .table-section .inner .details-table td:nth-child(2) h5, 
.profile .table-section .inner .details-table td:nth-child(2) h6 {
    color: #FFFFFF; 
    font-family: Impact, sans-serif; 
    font-weight: normal; 
    text-transform: uppercase;
}
.profile .table-section .inner .details-table td:nth-child(2) img {
    width: 100%;
    height: auto;
    border: 1px solid #FFFFFF;
}

/* Main Right */

main .right::before {
    content: "";
    display: block;
    height: 515px;
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMGs/Profile-Interfaces/dj-sisen.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid #292929;
}

/* Info */

.profile .profile-info {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile .profile-info .inner h3 {
    color: #FFFFFF;
    font: normal 18px Impact, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
.profile .profile-info .inner h3 a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .profile-info .inner h3 a:hover {
    color: #FFFFFF;
}

/* Blogs */

.profile .blog-preview {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
    padding-bottom: 5px;
}
.profile .blog-preview .icon {
    display: none;
}
.profile .blog-preview h4 {
    background-color: #070707;
    margin: 0;
    padding: 1px 7px;
}
.profile .blog-preview h4,
.profile .blog-preview h4 a {
    color: #FFFFFF;
    font: normal 18px Impact, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
.profile .blog-preview h4 a:hover {
    color: #FFFFFF;
}
.profile .blog-preview p {
    margin: 0;
    padding: 5px 8px;
    display: block; 
    line-height: 1.2;
}
.profile .blog-preview p {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}
.profile .blog-preview a {
    display: inline;
}
.profile .blog-preview a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .blog-preview a:hover {
    color: #FFFFFF;
}

/* Blurbs */

.profile .blurbs {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile .blurbs .heading {
    background-color: #070707;
}
.profile .blurbs .heading h4 {
    color: #FFFFFF;
    font: normal 18px Impact, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
.profile .blurbs a { 
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .blurbs a:hover {
    color: #FFFFFF;
}
.profile .blurbs .inner .section:nth-child(1) h4:nth-child(1),
.profile .blurbs .inner .section:nth-child(2) h4:nth-child(1) {
    background-color: #070707;
    color: #FFFFFF;
    font: normal 18px Impact, sans-serif;
    text-transform: uppercase;
}
.profile .blurbs .inner .section p, 
.profile .blurbs .inner .section ul, 
.profile .blurbs .inner .section li {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}
.profile .blurbs .inner .section a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .blurbs .inner .section a:hover {
    color: #FFFFFF;
}
.profile .blurbs .inner .section b {
    color: #42CB42; 
    font: bold 13pt candara;
    letter-spacing: 0; 
}
.profile .blurbs .inner .section i { 
    color: #C0CB47;
    font: italic 13pt candara; 
    letter-spacing: -0.5px; 
}
.profile .blurbs .inner .section u { 
    color: #4C7D00; 
    font: bold 13pt candara;
    text-decoration: underline; 
    border-bottom: 2px solid #B80C00;
}
.profile .blurbs .inner .section h1, 
.profile .blurbs .inner .section h2, 
.profile .blurbs .inner .section h3, 
.profile .blurbs .inner .section h4, 
.profile .blurbs .inner .section h5, 
.profile .blurbs .inner .section h6 {
    color: #FFFFFF; 
    font-family: Impact, sans-serif; 
    font-weight: normal; 
    text-transform: uppercase;
}
.profile .blurbs .inner .section img {
    width: 100%;
    height: auto;
    border: 1px solid #FFFFFF;
}

/* Friends */

.profile .friends {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: -10px; 
}
.profile .friends .icon {
    display: none;
}
.profile .friends .heading {
    background-color: #070707;
}
.profile .friends .heading h4, 
.profile .friends .heading .more {
    color: #FFFFFF;
    font: normal 18px Impact, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .friends .heading .more:hover {
    color: #FFFFFF;
}
.profile .friends .inner p b {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}
.profile .friends .inner .count {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none !important; 
    text-transform: uppercase;
}
.profile .friends .inner .friends-grid {
    text-align: center;
}
.profile .friends .inner .friends-grid .person a, 
.profile .friends .inner .friends-grid .person a p {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile .friends .inner .friends-grid .person a:hover, 
.profile .friends .inner .friends-grid .person a:hover p {
    color: #FFFFFF;
}
.profile .friends .inner .friends-grid .person::after {
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMGs/Online-Now-cons/online-(10).gif");
    display: block;
}
.profile .friends .inner .friends-grid .person .pfp-fallback {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 1px solid #FFFFFF;
}

/* Comments */

.profile #comments {
    background-color: #000000;
    border: 1px solid #292929;
    margin-top: 10px; 
}
.profile #comments .icon {
    display: none;
}
.profile #comments .heading {
    background-color: #070707;
}
.profile #comments .heading h4 {
    color: #FFFFFF;
    font: normal 18px Impact, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments a { 
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none !important; 
    text-transform: uppercase;
}
.profile #comments a:hover {
    color: #FFFFFF;
}
.profile #comments .inner p b {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}
.profile #comments .inner p b a,
.profile #comments .inner .count {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none !important; 
    text-transform: uppercase;
}
.profile #comments .inner p b a:hover {
    color: #FFFFFF;
}
.profile #comments .inner .comments-table, 
.profile #comments .inner .comments-table td {
    border: none;
    background-color: #000000;
}
.profile #comments .inner .comments-table td:first-child a, 
.profile #comments .inner .comments-table td:first-child a p {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .inner .comments-table td:first-child a:hover, 
.profile #comments .inner .comments-table td:first-child a:hover p {
    color: #FFFFFF;
}
.profile #comments .inner .comments-table td:first-child::after {
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMGs/Online-Now-cons/online-(10).gif");
    display: block;
}
.profile #comments .inner .comments-table td:first-child .pfp-fallback {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 1px solid #FFFFFF;
}
.profile #comments .inner .comments-table td:nth-child(2) p, 
.profile #comments .inner .comments-table td:nth-child(2) ul, 
.profile #comments .inner .comments-table td:nth-child(2) li {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}
.profile #comments .inner .comments-table td:nth-child(2) a {
    color: #00DD00;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .inner .comments-table td:nth-child(2) a:hover {
    color: #FFFFFF;
}
.profile #comments .inner .comments-table td:nth-child(2) b {
    color: #42CB42; 
    font: bold 13pt candara;
    letter-spacing: 0; 
}
.profile #comments .inner .comments-table td:nth-child(2) i { 
    color: #C0CB47;
    font: italic 13pt candara; 
    letter-spacing: -0.5px; 
}
.profile #comments .inner .comments-table td:nth-child(2) u { 
    color: #4C7D00; 
    font: bold 13pt candara;
    text-decoration: underline; 
    border-bottom: 2px solid #B80C00;
}
.profile #comments .inner .comments-table td:nth-child(2) h1, 
.profile #comments .inner .comments-table td:nth-child(2) h2, 
.profile #comments .inner .comments-table td:nth-child(2) h3, 
.profile #comments .inner .comments-table td:nth-child(2) h4, 
.profile #comments .inner .comments-table td:nth-child(2) h5, 
.profile #comments .inner .comments-table td:nth-child(2) h6 {
    color: #FFFFFF; 
    font-family: Impact, sans-serif; 
    font-weight: normal; 
    text-transform: uppercase;
}
.profile #comments .inner .comments-table td:nth-child(2) button {
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.profile #comments .inner .comments-table td:nth-child(2) .comment-replies {
    background-color: #000000;
    border: none;
}

/* Footer */

footer {
    background-color: #011B00;
}
footer p,
footer p i {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
}
footer p a {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}
footer p a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
footer .links {
    text-align: center;
}
footer .links li:not(:last-child)::after {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-weight: bold; 
}
footer .links li a,
footer .copyright a {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}
footer .links li a:hover,
footer .copyright a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/* Credit */

.credit {
   position: fixed; 
   top: 0; 
   left: 3px;
   width: 3%;
}

/* MOBILES (Max 600px) */

@media (max-width: 600px) {

/* Friends */

.profile .friends .inner .friends-grid .person:nth-child(9) {
        display: none;
    }
    .profile .friends .inner .friends-grid .person:nth-child(9)::after {
        display: none;
    }
    .profile .friends .inner .friends-grid .person:nth-child(9) p {
        display: none;
    }

/* Credit */

.credit {
        display: none;
    }
}

</style>

Latest Uploads

Generators & Editors List

Profile design editor Create a custom layout with live preview.

Blog design editor Create a custom layout with live preview.

Group design editor Create a custom layout with live preview.

All Our Generators & Editors Discover more tools and customize your profile to the next level.

N4TH4N43L XP

Add to Friends

Instant Message

Add to Favorites

View Profile

+UP+ -DOWN-

Tomino's Hell

姉は血を吐く、妹は火吐く可愛いトミノは宝玉を吐くひとり地獄に落ちゆくトミノ地獄くらやみ花も無き鞭で叩くはトミノの姉か鞭の朱総が気にかかる叩けや叩きやれ叩かずとても無間地獄はひとつみち暗い地獄へ案内をたのむ金の羊に、鶯に皮の嚢にやいくらほど入れよ無間地獄の旅支度春が来て候林に谿に暗い地獄谷七曲り籠にや鶯、車にや羊可愛いトミノの眼にや涙啼けよ、鶯、林の雨に妹恋しと声かぎり啼けば反響が地獄にひびき狐牡丹の花がさく地獄七山七谿めぐる可愛いトミノのひとり旅地獄ござらばもて来てたもれ針の御山の留針を赤い留針だてにはささぬ可愛いトミノのめじるしに

Yomota Inuhiko トミノの地獄

Advertising Stamps

cr33pyb00m advertisement featuring a person smoking