Published by LaEsquiz0 (ARG-BRA)

published 1721739233

Category: Art and Photography

View Blog View Profile Report Blog Entry

un layout pitero de Monster High

Draculaura icon | Школа монстров, Модные портреты, Вампирское искусство

Spacehey no me deja hacer layouts 🤠🔫✨

es todo el código de abajo, copia y pega (créditos a los creadores).

______________________________

</iframe>

<style>

/* replace with cd image that has transparent background. must be 150px by 150px. */

:root {

--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');

}

.profile-pic {

position: relative;

width: 183px;

filter: drop-shadow(0 0 0.25rem gray);

}

.profile-pic:after {

content: "";

background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));

background-size: contain, cover;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.profile-pic:before {

content: "";

background: var(--cd-image);

position: absolute;

top: 5px;

left: -20px;

width: 150px;

height: 150px;

background-repeat: no-repeat;

z-index: -1;

animation-name: spin;

animation-duration: 5000ms;

animation-iteration-count: infinite;

animation-timing-function: linear;

transition: left ease 0.5s;

}

.profile-pic:hover:before {

left: -75px;

}

@keyframes spin {

from {

transform:rotate(0deg);

}

to {

transform:rotate(360deg);

}

.profile-pic .pfp-fallback {

float: right;

width: 163px;

height: 160px;

border: none;

}

.general-about .profile-pic img {

max-width: inherit;

}

</style>

<style>

.general-about{

position: relative;

margin-top: 30px;

}.online{

content: url(http://www.myspacegens.com/images/online_now/5.gif);}

</style>

<style>

body{

background-image:url(https://i.pinimg.com/originals/5b/97/b3/5b97b3652a6eba9906b6f2aff65cdd2a.png); /* put your background URL here */

background-attachment:fixed;background-size:cover;

}

:root {

--logo-blue: rgba(29, 78, 216, 0.4);

--light-orange: transparent;

--dark-orange: black;

font-size-adjust: .6; /* slightly bigger/better font */

}

nav .links {

background-color: rgba(96, 165, 250, .4); /* navbar transparency */

}

#q,

footer {

background: 0 0; /* footer transparency */

color: #fff;

}

footer {

padding: 0; /* closer footer */

}

footer .links li:not(:last-child)::after,

nav .links li:not(:last-child)::after {

color: #fff; /* make the bars between nav items white */

}

#q {

border: 0;

outline: 0;

border-bottom: 1px solid #000; /* better search bar */

}

button {

border: none; /* more better search bar */

}

<style>

.logo {

content:url("https://static.wikia.nocookie.net/monsterhigh/images/e/e6/Site-logo.png/revision/latest?cb=20210624234817");

}

</style> <style>

html:before {

animation: grain 8s steps(10) infinite;

background-image: url(https://i.ibb.co/d2Np1d2/static.gif);

background-size: 200px !important;

content: "";

height: 300%;

left: -50%;

opacity:.2;

position: fixed;

top: -110%;

width: 300%;

pointer-events:none;

}

@keyframes grain {

0%, 100% { transform:translate(0, 0) }

10% { transform:translate(-5%, -10%) }

20% { transform:translate(-15%, 5%) }

30% { transform:translate(7%, -25%) }

40% { transform:translate(-5%, 25%) }

50% { transform:translate(-15%, 10%) }

60% { transform:translate(15%, 0%) }

70% { transform:translate(0%, 15%) }

80% { transform:translate(3%, 35%) }

90% { transform:translate(-10%, 10%) }

}

</style>

<style>

table.comments-table{

display: block;

height: 250px!important;

overflow-y: scroll;

}

</style>

</div>

<style>

@-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>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed;

top: 0;

left: 0;

z-index: 100;

background-image: url('https://64.media.tumblr.com/521dbe45d75ceee1ba7a2df470861e03/30ae53dc1651ab04-87/s250x400/b80459b4d655227c3c147d4cd16662434d27512f.gifv');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 7s ease 0s 1 normal forwards;

pointer-events: none;

}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>

___________________________________

que no sepas ponerlo no es mi problema💋

0 Kudos

Comments

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