Published by N4TH4N43L XP

published 1746936104

Privacy: Link-only
Category: Web, HTML, Tech

View Blog View Profile Report Blog Entry

Layout The Executioner - Pyramid Head

Tags: Silent Hill, Horror, Div Overlay

Description:

GUIDE FOR USING THIS LAYOUT

1. *Contacting Table: Here, you should copy your ID number and paste it in the place that says "IDNUMBER".

2. *Profile Picture/You/Status/Mood/View My: In this section, you need to:

- Enter your name where it says "YOUR NAME".

- Add up to four images as profile photos in the "Profile Photo" section.

- Configure your "You," "Status," and "Mood" options.

- Enter your ID number again in the place that says "IDNUMBER" under "View My".

3. *About Me: Here, you should write information about yourself.

4. *Who I'd Like to Meet: In this section, you can write about the people you would like to meet or something similar.

5. *Interests: In this section, you will find several options to fill in:

- General: Here, you can write a brief summary of your interests.

- Music: Here, you can mention your favorite music genres, artists, or bands.

- Movies: Here, you can list your favorite movies.

- Television: Here, you can mention your favorite TV series.

- Books: Here, you can list your favorite books.

- Heroes: Here, you can mention your heroes or inspiring people.

6. *Links: In this section, you can add your social media links:

- Where it says "YOUR xxxx LINK," you should enter the link to your profile on that social network.

- Where it says "USER NAME," you should enter your username on that social network.

7. *Top 8 Friends: In this section, you can add your top 8 SpaceHey friends:

- Enter your ID number again in the place that says "IDNUMBER".

- Where it says "YOUR FRIEND'S LINK," you should enter the link to your friend's profile.

- Where it says "FRIEND NAME," you should enter your friend's name.

- You can also change the image and add your friend's profile picture.

CREDITS

Credits to the original code designer

Designer's name:

Cindy Hau

Designer's social media:

Myspace Profile, Createblog Profile

Original code:
The Executioner - Pyramid Head

Design published by:

Createblog

Preview:

click on the image for a larger preview

Layout Code

Copy and paste to About Me

</div>

</div>

MISTY DAYS;<br/>

REMAINS OF THE JUDGMENT <br/>

<span style="font-size:25pt;">EXECUTIONER</span>

</div>

<br/>

<br/>

<br/>

</div>

</p>

</center>

What are you doing right now?

</span>

<br/>

<span style="font-size: 20px; font-family: Impact, Arial; font-weight: normal; color:#6A5847;">Status:</span>

How are you feeling right now?

</span>

<br/>

A few short words about yourself.

</span>

<br/>

<a href="https://blog.spacehey.com/user?id=IDNUMBER" target="_self">Blog</a> |

<a href="https://spacehey.com/userbulletins?id=IDNUMBER" target="_self">Bulletins</a> |

<a href="https://forum.spacehey.com/user?id=IDNUMBER" target="_self">Forum Topics</a>

</div>

<h2 class="ctitle1" style="left: 55%;">ABOUT ME</h2>

Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text,

</p>

</p>

<h2 class="ctitle3" style="left:5%;">INTERESTS</h2>

<span style="font-size: 20px; font-family: Impact, Arial; font-weight: normal;">General:</span>

</span>

<br/>

<span style="font-size: 20px; font-family: Impact, Arial; font-weight: normal;">Music:</span>

</span>

<br/>

<span style="font-size: 20px; font-family: Impact, Arial; font-weight: normal;">Movies:</span>

</span>

<br/>

<span style="font-size: 20px; font-family: Impact, Arial; font-weight: normal;">Television:</span>

</span>

<br/>

<span style="font-size: 20px; font-family: Impact, Arial; font-weight: normal;">Books:</span>

</span>

<br/>

<span style="font-size: 20px; font-family: Impact, Arial; font-weight: normal;">Heroes:</span>

</span>

</p>

<h2 class="ctitle4" style="left:385px;">LINKS</h2>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

</span>

</p>

<h2 class="ctitle5" style="left:30%;">TOP 8 FRIENDS</h2>

Displaying 8 of 8 best friends ( <a href="https://spacehey.com/friends?id=IDNUMBER" target="_self">View all</a> )

<br/>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

</p>

<h2 class="ctitle6" style="left:5%;">COMMENTS</h2>

</div>

Layout Code

Copy and paste to I'd Like to Meet

<style>

nav .top {

background: linear-gradient(#000000, #000000 3%, #0E0100);

}

nav .top .center form {

margin-top: 10px;

margin-left: 100px;

width: auto;

}

#q{

background:linear-gradient(#FFFFFF, #FFFFFF 1%, #F6F6F6);

border: 1px solid #FFFFFF;

border-radius: 4px;

height:21px;

}

label{

font-size: 0px

}

input {

width: 300px;

}

button:not(.logout-btn) {

background:linear-gradient(#FFFFFF, #FFFFFF 1%, #D7D7D7);

color: #000000;

border: 1px solid #D7D7D7;

border-radius: 2px;

padding: 2px;

width: 60px; height:21px;

}

nav .links {

background: linear-gradient(#000000, #000000 3%, #0E0100);

text-align:center

}

.links li a{

text-shadow:none;

font-weight:500;

font-family: Courier New;

color:#B5A78B;

text-decoration: none

Letter-spacing: 0px;

font-weight: bold;

}

.links li a:hover{

font-family: Courier New;

color:#8A7655;

Letter-spacing: 0px;

font-weight: bold;

}

a, a:link{

font-family: Courier New;

color:#B5A78B;

text-decoration: none

Letter-spacing: 0px;

font-weight: bold;

}

a:hover {

font-family: Courier New;

color:#8A7655;

Letter-spacing: 0px;

font-weight: bold;

}

::-webkit-scrollbar {

width: 0px;

height: 0px;

}

:root {

--light-orange:trasnsparent;

}

main:before {

display: block;content: "";

width: auto; height: 680px;

background-color:#000000;

background-image:url("http://cbimg6.com/layouts/09/10/35851aa.gif");

background-size:850px;

background-repeat:no-repeat;

background-position: center center;

}

.topbanner {

position: relative; position: absolute;

top: 0px; left:0px;

width: 804.2px;

}

a.elink{

width: 236px; height: 208px;

overflow: hidden;

background: url(https://i.postimg.cc/44b9B8DJ/35851al.png) no-repeat; display: table-cell;

}

a.elink:hover{

background-position: bottom left;

}

body {

background: url(http://cbimg6.com/layouts/09/10/35851ab.gif) no-repeat;

margin:0px;

background-color:#000000;

background-attachment: fixed;

background-position: top left;

background-repeat: no-repeat;

background-attachment: fixed;

}

main {

position: relative;

background-color:#000000;

box-shadow: 0px 50px 90px black;

}

.icon { display: none;}

h1 { display: none; }

h4 { display: none; }

.edit-link { display: none;}

.general-about { display: none;}

.profile .mood { display: none;}

.profile .url-info { display: none;}

.profile .table-section { display: none;}

.profile-info { display: none;}

body > div > main > div.row.profile > div.col.right > div:nth-child(4) { display: none;}

.blog-preview { display: none;}

.profile .heading { display: none;

}

.contact {

position: absolute;

top: -5000% !important;

width: 38% !important;

display: table !important;

}

.blurbs {

background-color:#000000;

}

.comments-table {

border: none;

border-spacing: 5px;

}

.comment-replies {

background-color: transparent;

border: 1px Solid transparent;

}

.comments-table {

background-color: transparent;

border: 1px Solid transparent;

}

.comments-table td {

background-color: transparent;

border: 1px Solid transparent;

}

.comments-table button {

background:linear-gradient(#FFFFFF, #FFFFFF 1%, #D7D7D7);

color: #000000;

border: 1px solid #D7D7D7;

border-radius: 2px;

padding: 2px;

font-size: 12px;

width: 75px; height: 21px;

}

.count {

color: black;

background:transparent;

}

.profile {

display: flex;

flex-direction: column;

}

.fondo {

background:#000000;

}

.title {

font-family: Impact;

font-size: 15pt;

color:#715B3D;

letter-spacing: 1px;

display:block;

}

.link1{

height: 58px;

width: 58px;

overflow: hidden;

background: url(https://i.postimg.cc/brp0LBwy/Boton-1.png) no-repeat;

display: table-cell;

border: 3px solid;

border-color:#000000;

}

.link1:hover{

background-position: bottom left;

}

.link2{

height: 58px;

width: 58px;

overflow: hidden;

background: url(https://i.postimg.cc/WbtqjvCR/Boton-2.png) no-repeat;

display: table-cell;

border: 3px solid;

border-color:#000000;

}

.link2:hover{

background-position: bottom left;

}

.link3{

height: 58px;

width: 58px;

overflow: hidden;

background: url(https://i.postimg.cc/wB96q5Mt/Boton-3.png) no-repeat;

display: table-cell;

border: 3px solid;

border-color:#000000;

}

.link3:hover{

background-position: bottom left;

}

.link4{

height: 58px;

width: 58px;

overflow: hidden;

background: url(https://i.postimg.cc/Bb3Wp4Fj/Boton-4.png) no-repeat;

display: table-cell;

border: 3px solid;

border-color:#000000;

}

.link4:hover{

background-position: bottom left;

}

.link5{

height: 58px;

width: 58px;

overflow: hidden;

background: url(https://i.postimg.cc/Dz1BgsPc/Boton-5.png) no-repeat;

display: table-cell;

border: 3px solid;

border-color:#000000;

}

.link5:hover{

background-position: bottom left;

}

.link6{

height: 58px;

width: 58px;

overflow: hidden;

background: url(https://i.postimg.cc/P5sDM73B/Boton-6.png) no-repeat;

display: table-cell;

border: 3px solid;

border-color:#000000;

}

.link6:hover{

background-position: bottom left;

}

.link7{

height: 58px;

width: 58px;

overflow: hidden;

background: url(https://i.postimg.cc/9XywQbFb/Boton-7.png) no-repeat;

display: table-cell;

border: 3px solid;

border-color:#000000;

}

.link7:hover{

background-position: bottom left;

}

.link8{

height: 58px;

width: 58px;

overflow: hidden;

background: url(https://i.postimg.cc/nrdJhNsM/Boton-8.png) no-repeat;

display: table-cell;

border: 3px solid;

border-color:#000000;

}

.link8:hover{

background-position: bottom left;

}

.link9{

height: 58px;

width: 58px;

overflow: hidden;

background: url(https://i.postimg.cc/DZM6fgvn/Boton-9.png) no-repeat;

display: table-cell;

border: 3px solid;

border-color:#000000;

}

.link9:hover{

background-position: bottom left;

}

h2.title {

font-family: Impact, Arial;

color:#A88A02;

position: relative;

font-weight: normal;

text-transform: Uppercase;

line-height: 18px;

width: 100%;

letter-spacing: 10px;

text-align: left;

}

h2.ctitle1, .ctitle2, .ctitle3, .ctitle4, .ctitle5, .ctitle6 {

position: relative;

width: 40%;

font-family: Impact, Arial;

color:#000000;

font-weight: normal;

text-transform: Uppercase;

line-height: 18px;

letter-spacing: 10px;

text-align: right;

align; right;

padding: 10px;

}

h2.ctitle1 {

background: url(http://cbimg6.com/layouts/09/10/35851am.gif);

}

h2.ctitle2{

background: url(http://cbimg6.com/layouts/09/10/35851an.gif);

}

h2.ctitle3{

background: url(http://cbimg6.com/layouts/09/10/35851ao.gif);

}

h2.ctitle4{

background: url(http://cbimg6.com/layouts/09/10/35851am.gif);

}

h2.ctitle5{

background: url(http://cbimg6.com/layouts/09/10/35851an.gif);

}

h2.ctitle6{

background: url(http://cbimg6.com/layouts/09/10/35851ao.gif);

}

p.content1, .content2, .content3, .content4, .content5, div#comments {

border: 0px;

FONT: 9pt Courier New;

font-weight: bold;

COLOR#000000;

LETTER-SPACING: 0px;

TEXT-ALIGN: justify;

padding: 5px;

}

p.content1 {

background: url(http://cbimg6.com/layouts/09/10/35851am.gif);

}

p.content2 {

background: url(http://cbimg6.com/layouts/09/10/35851an.gif);

}

p.content3 {

background: url(http://cbimg6.com/layouts/09/10/35851ao.gif);

}

p.content4 {

background: url(http://cbimg6.com/layouts/09/10/35851am.gif);

}

p.content5 {

background: url(http://cbimg6.com/layouts/09/10/35851an.gif);

}

div#comments {

background: url(http://cbimg6.com/layouts/09/10/35851ao.gif);

}

p.content1:first-line, .content2:first-line, .content3:first-line, .content4:first-line, .content5:first-line, div#comments:first-line {

font: 14pt Courier New;

color:#000000;

font-style: italic;

font-weight: bold;

}

p.intro:first-letter {

font: 18pt Courier New;

color:#730902;

text-transform: uppercase;

font-style: italic;

}

p.intro:first-line {

font: 10pt Courier New;

color:#6A5847;

text-transform: uppercase;

font-style: italic;

font-weight: bold;

}

p.intro {

border: 0px;

FONT: 9pt Courier New;

COLOR:#6A5847;

LETTER-SPACING: 0px;

TEXT-ALIGN: justify;

font-style: italic;

}

footer {

background: linear-gradient(#000000, #000000 3%, #0E0100);

font: 9pt Courier New;

margin-top: 15px 106px 15px 106px;

padding: 5px 5px 5px 5px;

text-align:center;

color:#6A5847;

line-height: 20px;

letter-spacing: 1px;

font-style: italic;

}

/* MOBILE */

@media (max-width: 600px) {

main {

position: relative;

left: 180px;

}

</style>

Comments

Displaying 0 of 0 comments ( View all | Add Comment )