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 86 comments ( View all | Add 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
rock$tar roxas	1720405081 this is fire Report Comment
Ema	1719819358 love this usinggggg Report Comment
starccsv	1718523287 Using!! Report Comment
RosieGiggles	1718146225 This is too cute! Will be using! <3 Report Comment