2000s mcbling glitz n' glam

Tags: 2000s, 00s, y2k, pink, playboy, louis vuitton, pop culture, glitter, iconic, mcbling

Description:

this is my 1st layout ever!! it's pretty good 4 my first try @ coding and html/css stuff, i must say!

i wanted it 2 b a 2000s themed layout, w/ a few grunge/punk/rave/goth/emo/scene elements. basically i wanted it 2 look like og myspace c. 2004-2007.

if u r interested in using my layout, plz give me credit on ur profile, and if u want 2, add me!!

hope u like it, and i hope 2 make bigger and better layouts in the future!!

i luv u sm!! 💓💓

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by addy allure (https://layouts.spacehey.com/layout?id=2776) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
p{
    font-family: 'Special Elite', cursive;
    font-size: 100%;
    color: hotpink;
}
a{
    font-family: 'Special Elite', cursive;
    font-size: 110%;
    color: hotpink!important;
}
.details-table td * {
    max-width: 100%;
}
h1,h2,h3,h4,h5{
    font-family: 'Funkhouse', cursive;
    font-size: 140%;
    color: hotpink;
    
}
    body{
  background: url('https://i.pinimg.com/originals/27/58/30/27583091286d1b6327255a5259f03137.png') no-repeat center center fixed;
  background-size: cover;
  color: hotpink;
    }
.profile {
    background: url(https://i.pinimg.com/originals/f0/45/f4/f045f4141843062036c6ab77c8d88119.jpg) no-repeat center center fixed;
    background-size: cover;
    color: hotpink;
}
.profile-info {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}
footer {
    border-radius: 0%;
    background-image: url(https://66.media.tumblr.com/73bf4c37de6f69cadf74bf2a3135e9a4/tumblr_pn6miyHDWP1xkzh9eo1_400.gifv?q=60);
    font-size: 75%;
    color: hotpink;
}
main:before {
    width: auto;
    margin-bottom: 0px
    border: 0px hotpink;
    height: 300px;
    display: block;
    content: "";
    background-image: url(https://cdn131.picsart.com/315006585007201.jpg);
    background-position: center;
    background-size: cover;
}
main {
    background: none;
    color: hotpink;
    padding: 0px 0px;
    font-size: 80%;
}
:root {
        --light-gray: hotpink;
        --gray: hotpink;
        --darker-gray: hotpink;
        --logo-blue: transparent;
        --darker-blue: hotpink;
        --lighter-blue: transparent;
        --even-lighter-blue: transparent;
        --lightest-blue: transparent;
        --red: hotpink;
        --dark-orange: hotpink;
        --light-orange: transparent;
        --even-lighter-orange: transparent;
        --green: hotpink;
        --dark-green: hotpink;
        --black: hotpink;
}
.comments-table, .details-table {
	border: 0px transparent;
	border-collapse: separate;
	border-spacing: 0.5em;
	max-width: 100%;
}
.comment-replies, .comment-reply {
    padding: 0 0px;
    border: 0px transparent;
    margin-top: 0px;
}
.contact .inner a img{
    display: none;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: url(https://i10.glitter-graphics.org/pub/575/575280tvjrzkx7ho.gif)
}
<a ref="/requests">
::before
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    /* pending request */
    content: url(https://i1.glitter-graphics.org/pub/1239/1239681zlvrj3lrnd.gif);

}
<a ref="/unfriend?id=71583">
::before
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    /* remove friend */
    content: url(https://i6.glitter-graphics.org/pub/1008/1008946tm1s3o7sxm.gif);

}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url(https://i6.glitter-graphics.org/pub/202/202356wshgn5jwuw.gif)
}
<a ref="/unfavorite?id=71583">
::before
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    /* remove favorite */
    content: url(https://i1.glitter-graphics.org/pub/1052/1052591sg4ydztanh.gif)

}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* send message */
	content: url(https://i3.glitter-graphics.org/pub/2041/2041633jblggiiwwu.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url(https://i2.glitter-graphics.org/pub/2289/2289222i0xu1pqmry.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url(https://i10.glitter-graphics.org/pub/2041/2041650dsb7ifs3t2.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url(https://i4.glitter-graphics.org/pub/50/50164eie5021ho4.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url(https://i4.glitter-graphics.org/pub/1224/1224294w77uzg05rb.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url(https://i4.glitter-graphics.org/pub/944/944674lqy0a7b8ef.gif)
}
.friends a p{
    color: hotpink!important;
}
button, label, .logout-btn, footer p{
	  font-family: 'Special Elite';
	  font-size: 95%;
	  color:hotpink;
	  background: none;
	  border: none;
}
.search-wrapper input{
	background-color: hotpink;
	border: 0.0px solid hotpink;
	font-size: 1rem;
	font-family: 'Special Elite', cursive;
	color: black;
}
nav img.logo{
    filter: invert(52%) sepia(39%) saturate(1563%) hue-rotate(301deg) brightness(111%) contrast(101%);
}
nav .links a, .links p{
	  font-family: 'Special Elite';
	  font-size: 95%;
	  color:hotpink;
}
.online{
    content: url(https://www.myspacegens.com/images/online_now/1.gif);
}
* {
    color: hotpink;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
    content: " | ";
    color: hotpink;
}
body {
  overflow-x: hidden; /* Hide horizontal scrollbar */
}
.logout-btn, .logout-form {
    color: hotpink;
    display: inline-block;
    font-size: 100%;
}
nav .top{
    font-size: 110%;
}
</style>
<div class="snowflakes">
  <div class="snowflake">
   <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
     <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://images2.fanpop.com/images/photos/4000000/Playboy-Bunny-playboy-4061488-71-107.gif"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #27cff5;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px rgba(0,0,0,0.7);
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style><style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-1/ani199.ani), url(https://cur.cursors-4u.net/anime/ani-1/ani199.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/07/blinking-hello-kitty-7.html" target="_blank" title="Pretty Blinking Hello Kitty"></a>

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 20 of 90 comments ( View all | Add Comment )

♡ Brook ♡	1747357363 USINGGGG Report Comment
. grim , 🌹	1745745575 using Report Comment
august	1745281091 using Report Comment
vaswore	1744995847 using ty Report Comment
Ruca Records	1742581610 usng Report Comment
𝓉𝒽𝒶𝓍𝒾𝓃𝓃	1739784113 using ittt Report Comment
RXNA	1739098336 using! Report Comment
mattko	1738639331 using <3 Report Comment
6l!tter_6lue	1738421825 6l!tter_6lue Report Comment
imjustagirl🎀	1738060347 using! Report Comment
___Rinamoon</3	1737989864 using !!! Report Comment
Dalia Alvarez	1737688644 Using Report Comment
Abigail	1737486561 using ! Report Comment
Alee 🍒	1736728282 Usiing Report Comment
4r$h <3	1735944855 using <3 Report Comment
Butterfly	1735357919 using!! Report Comment
zsa!	1734570992 Using xx Report Comment
Morena	1731036518 Estou usando, ficou lindo Report Comment
D☆L!	1724026577 thank u so much luv <333 Report Comment
☆liam☆	1720841925 i fw this usingggggg Report Comment