mashup of other layoutz and html snippets to form noelle holiday i think

Tags:

Description:

use at free will this was meant fo my bestfriend but now its free for all
credits to the original maker of the layout i used to base this out of your awesome 💯💯💯💯

comes with: autoplaying music (girl next door), a noelle pagedoll (only visible on pc tho.. sucks to suck mobile users!), animated icon, comic sans font (thats the most important)(also i won't bother to fix it but it only appears on pc too), a ''holiday'' addon onto ur user, and other stuffs! guh this sucked to make im going to go now bye

Code:

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

<img src="https://pagedeco.carrd.co/assets/images/gallery14/e20c3170.png?v=1cb5da6d"/>
<br/>
replace this text with whatever you want to turn into your about me! just highlight it, delete and transform it into whatever! (not the ''img src'' part or the ''br'' part to keep in mind.. only this text!)


<style>
main {
    background: transparent;
    color: white;
    border-radius: 0px;
}
body{
    background-image:url(https://pbs.twimg.com/media/FnxILwMXwAEGozk.jpg:large); 
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    font-family: Comic Sans MS;
    text-align: center;
    text-transform: none;
    padding-top: 45px;
    font-size: 15px;
    text-shadow: 0px 0px 5px placeholder;
    margin-left: auto;
    color: white;
    -webkit-animation: fadeIn ease 3s;
}
a {
    color: yellow;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
    margin: 0;
    display: inline-block;
    font-size: 25px;
}
div.col.w-40.left {
    margin-top: 20px;
    background: black;
    border: 2px solid white;
    border-radius: 0px;
    margin-bottom: 20px;
    max-width: 550px;
}
div.col.right {
    margin-top: 20px;
    background: black;
    border: 2px solid white;
    border-radius: 0px;
    margin-bottom: 20px;
    max-width: 550px;
}
div.top{
    background: black;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    text-align: center;
    display: flex!important;
}
.logout-btn {
    font-family: Comic Sans MS;
    text-shadow: 0px 0px 5px placeholder;
    text-decoration: wavy;
    text-decoration-line: underline;
}
.logout-btn, .logout-form {
    color: placeholder;
    display: inline-block;
    font-size: 100%;
}
nav .top a {

    text-decoration-line: underline;
    color: yellow;
}
ul.links{
    background: black;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    text-align: center;
}
nav .links a {

    text-decoration-line: underline;
    color: yellow;
    font-size: 0.98em;
}
.profile h1 {
    font-size: 25px;
    margin: 0 0 10px 0;
}
.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border: 2px solid white;
    border-radius: 50%;
    background-position: center;
}
.online img {
    height: 1.5em;
    margin-right: 5px;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1.0,0,0,1.0);
    animation-duration: 2s;
}
.online {
    color: green;
    font-weight: bold;
    font-size: 95%;
}
.icon, .award img {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}
.profile-info {
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}
div.blog-preview>h4 {
    background: black;
    border: 2px solid white;
    font-size: 25px;
    text-transform: none;
    padding: 2px 7px;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: black;
    color: white;
    border: 2px solid white;
    padding: 2px 7px;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: white;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: black;
    color: white;
    border: 2px solid white;
    padding: 2px 7px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    background: black;
    width: 100%;
    border: 2px solid white;
    margin: 10px 0;
}
.count {
    color: white;
}
.profile .friends .person p {
    color: yellow;
    font-weight: bold;
    width: 100%;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}
.profile .friends .person img:not(.icon) {
    width: 95px;
    height: 95px;
    border: 2px solid #00FF00;
    border-radius: 0%;
    background-position: center;
    display: block;
    object-fit: cover;
    margin: 0 auto;
}
.icon.verified {
    height: 0.8em !important;
    width: 0.8em !important;
}
.comments-table td:first-child, .music-table td:first-child {
    background: black;
    text-align: center;
    font-weight: bold;
    width: 38%;
}
.comments-table td, .music-table td {
    background: black;
    vertical-align: top;
}
.comment-replies {
    padding: 0 5px;
    border: 5px solid white;
    margin-top: 10px;
}
.details-table td {
    background: black;
    vertical-align: top;
}
.details-table td:first-child {
  background: black;
  color: yellow;
  font-weight: bold;
  width: 33%;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: black;
    border: 2px solid white;
    border-radius: 0px;
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
.online {
  color: #00FF00;
}
a {
  color: #FFFF00;
  text-decoration: none;
}
nav .links a:hover {
  text-decoration: underline;
  color: #FFFFAE;
}
</style>

<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://file.garden/ZSHrFmTvf253N3H3/noelle-dance.gif') no-repeat;
    background-size: 100%!important;
    position: fixed;
    left: 40px;
    bottom: 0px;
    height: 320px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<style>
.profile h1::after {
    content: " Holiday";
<style></style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/PBlfwcY2TRA?loop=1&autoplay=1&controls=0&start=0&playlist=PBlfwcY2TRA&&#x201D;title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;">
</iframe>


<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://file.garden/ZSHrFmTvf253N3H3/noelle-holiday-lick.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } 
</style>

<style>
 .profile-pic {
        border-radius: 0px;
        border: solid brown 3px;
        overflow: hidden;
        margin-top: 10px!important;
<style></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 0 of 0 comments ( View all | Add Comment )