brokeNCYDE fanpage layout

Tags: brokencyde, crunkcore, scene

Description:

lately im just feeling like brokencydes members are my role models and i wanna dress just like them for some reason so i made this spectacular thing.

basically a copy of brokencydes myspace layout from 2007 but a little more fancy. and of course this comes with brokencyde banners and song!

copy and paste the banners and video into your music section. do not put the banners or video into the about me because the banners will overflow in the about me section and the video just looks better in the "who id like to meet". trust me. unless you like it that way?

test here and here.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by x.{finn}.x (https://layouts.spacehey.com/layout?id=23393) -->

<iframe width="315" height="176" src="https://www.youtube.com/embed/-TH5ibABP4U?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

<a href="https://web.archive.org/web/20071011224214/http://www.myspace.com/brokencyde" target="_blank"><img src="https://web.archive.org/web/20071011224214im_/http://i11.tinypic.com/5xo2ekm.gif" alt="SUPPORT BROKENCYDE"/></a>

<a href="https://web.archive.org/web/20071011224214/http://www.myspace.com/brokencyde" target="_blank"><img src="https://web.archive.org/web/20071011224214im_/http://i19.tinypic.com/61wbrk0.jpg" alt="SUPPORT BROKENCYDE"/></a>

<style>

@import url('https://fonts.googleapis.com/css2?family=Rubik+Puddles&display=swap');
   
body {
    background-color: black;  background-image:url(https://web.archive.org/web/20071011224229im_/http://aycu28.webshots.com/image/28147/2002608903717276115_rs.jpg);
background-attachment:fixed; 
background-repeat: no-repeat;
background-size: 119%; 
background-position: top;
}

main {
    background: transparent;
  color: white;
  border: 0px;
  font-family: courier new;
}

nav .top {
    background: transparent;
    border: none
}

  .count{
color: #FF0000;
}
  
nav .links {
    background-color: transparent;
}

nav .links a, .logout-btn, .logout-form {
color: #FF0000;
    font-family: courier new;
text-align: center;
}

.search-wrapper input, button {
   background: white;
   color: black;
}

button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: transparent;
   border: none;
color: white;
}
.profile-info {
   background-image: url(https://live.staticflickr.com/3012/3766849984_03090dd5a4_c.jpg);
    align-items: center;
background-size: contain;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    color:#FF0000;
background-repeat: no-repeat;
  background-position: center;
    font-family: courier new !important;
border: none;
height:300px;
}


.profile .friends .inner {
  background: transparent;  
  }

.online{
background-color: transparent;
content: url(https://ia601501.us.archive.org/10/items/onlinenow_202210/onlinenow.gif);
}

.online img{
display: none;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    border: none;
    background: transparent;
  color: white;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    color: white;
background: transparent;
}

  .profile h1 {
    font-family: courier new, serif;
    color: #FF0000;
   background: transparent;
  padding:4px;
  font-size: 20px;
  }

  .profile .general-about {
    background-color: transparent ;
    border: none;
    padding: 0.5em;
    font-family: courier new !important;
    height: 180px;
  }
  
  .profile .mood {
 color: white; 
}

  .profile .blurbs, .profile .friends {
border: none;
background: transparent; 
font-family: courier new !important;
  }

.profile .blurbs {
 background-image: url(https://d10j3mvrs1suex.cloudfront.net/u/150218/bf5aeacbb613435ec682e88cf1550060ffe69e2f/original/brokencyde-by-picibence.jpg?1415625568);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
height: 400px;
color: black;
}

.profile .blurbs .inner {
color: black;
}
.profile .blurbs .section {
color: black;
}
  
 .profile .friends .person p {
    color: #FF0000;
  }
  
  .profile .blog-preview {
    color: white;
    font-family: courier new !important;
  }
  
  .profile .blurbs .section h4 {
    color: black;
    padding: 0.5em 0em 0.5em 0em;
    font-family: courier new !important;
  }
  
  .comments-table {
    display: block;
    outline: none !important;
    font-family: courier new !important;
  border: none;
}

.comment-reply {
    padding: 5px 3px;
  border: 4px #696868 inset;
}
  .comment-replies {
      padding: 10px 5px;
  border: #484546 1px inset;
  }
 
.contact {
  background-image: url(https://s3.amazonaws.com/quietus_production/images/articles/1954/broke1_1245841547.jpg);
  padding: 0px !important;
    background-attachment: scroll;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
 line-height: 3.6;
  text-align: center;
  } 



  
  .contact a{
font-family: 'Rubik Puddles', cursive;
  }
  
.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: "🐖"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "🐖"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🐖"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "🐖"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "🐖"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "💀"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: "🐖"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "💀"
} 
  
  
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: white;
}
.details-table td:not(td:first-child) {
    color: white;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    font-family: courier new;
    text-transform: lowercase;
    color:white;
  }
  
  table.details-table {
    background-color: transparent;
}
  
.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
    background: transparent;
}
.comments-table td, .music-table td {
    color: white;
}
.comments-table td:first-child a, .music-table td:first-child a {
    color: red;
}

  .search-wrapper input, button {
    background: white;
    color: black;
  border: solid dimgrey 2px;
   }


footer { 
  color:white;
    border: none;
background: transparent;
}


  a{
color: #FF0000;
}

a:visited {
color: #FF0000;
}
a:hover {
color: white;
}

a:active {
  color: #FF0000;
}

nav .links a:hover{
color: white;
}

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

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

eve :3	1719599188 USING Report Comment
XxTH3GH0ST.0FYOUxX	1716338434 Using !! XD Report Comment
mikeys at the cabaret	1712276799 usinjgg!! :3 Report Comment
TR1X13	1668992449 OMG USEING Report Comment