Dreamcore

Tags: dreamcore, dream, weirdcore, purple, blue

Description:

First layout ive ever uploaded, lets hope this goes well.

I may make edits to this if i feel like it, if theres anything you'd like added, tell me in the comments and ill see what i can do :)

credit is appreciated but not necessary, though i would like a comment if u use it :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by scourge the jeff the killer (https://layouts.spacehey.com/layout?id=3377) -->

<style>
footer, footer .links {
  background: none !important;
}
div {
  font-family: "papyrus", Times, serif;
  font-size: 102%
}
#overlay {
  content: "";
  pointer-events:none;
  z-index: 10000;
  position: fixed;
  width: 100%;
  height: 100%; 
  opacity: 50%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  background-size: 100%;
  background-image: url(https://i1.glitter-graphics.org/pub/99/99631dh5gfgzyyt.gif)
}
.logo {
  
}
.comments-table td, td {
  border: solid 3px #003d99;
  border-radius: 25px;
}
#comments td, td {
  background: url(https://64.media.tumblr.com/d3ec9291e525623c44e4fad37264331a/41382239a762f37c-be/s540x810/09a42547a89da6518e50b6edc4e17bb653dbc92b.gifv) !important;
}
td p {
  color: black;
}
 td {
  color: black !important;
}
.comments-table {
  
}
td {
    color: #0066ff !important;
    border-radius: 25px;
  padding:3px;
}
.online:after {
  display: inline-block;
  content: "";
  background-image: url('https://64.media.tumblr.com/6cbf50d286f93d4b96856ba92dd77981/0029a9e9ab07cc70-9f/s250x400/4a0860b62ec1b04ad05b0992b722741a90636385.gifv');
  background-size: 120px 20px;
  width: 120px;
  height: 20px;
  position: relative;
  left: 90px;
  top: -100px;
}
.online {
  font-size: 0px
}
.links {
    background-image: url('https://64.media.tumblr.com/eaa976660b7810587290fb9d87d173f6/a4e133f493d76342-5c/s500x750/3f978de8cd02e1eefebbaeb3fd9c2514be5375b6.gifv') !important;
  background-size: 100% !important;
  background-position: top !important;
}
.top {
  background-image: url('https://64.media.tumblr.com/eaa976660b7810587290fb9d87d173f6/a4e133f493d76342-5c/s500x750/3f978de8cd02e1eefebbaeb3fd9c2514be5375b6.gifv') !important;
  background-size: 100% !important;
  background-position: bottom !important;
}
.comments-table {
  border: none;
}
.person {
  filter: grayscale(100%) blur(2px) saturate(100%);
  transition: filter 400ms ease-in-out;
}
.person:hover {
  filter: none !important;
    animation-name: shake;
    animation: shake 4s;
    animation-iteration-count: infinite;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.icon.verified {
  border: none !important;
}
.person img {
      border: solid darkblue !important;
  border-radius: 25px;
}
.links {
  border-right: solid #003d99 !important;
    border-left: solid #003d99 !important;
}
main, .top {
    border: solid #003d99 !important;
}
.top {
  margin-top: 5px;
      border-top-right-radius: 25px;
    border-top-left-radius: 25px;
  padding: 10px;
}
.heading, .person p, h4 {
  color: #ff3333 !important;
    border-radius: 25px;
  padding:3px;
  background: pink !important;
}
.general-about {
  margin-bottom: 10px; 
  height: 200px;
  padding: 10px;
}
.profile-info, .mood, .url-info, .contact, .table-section, .friends,.general-about, .blurbs, .blog-preview, h1 {
  background: rgba(255, 255, 255, .8);
  border-radius: 25px;
  padding: 10px;
  border: solid darkblue !important;
  color: darkblue;
  margin: 4px;
  text-align: center;
}
main {
  background: rgba(255, 205, 200, .4);
}
body {
  background-size: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  
  background-image: url(https://i.pinimg.com/originals/ac/51/aa/ac51aa7ee5885cc63fbbec20bc12ccab.jpg);
}
.icon.verified {
  border: none !important;
}
.person img {
      border: solid rgb(15, 10, 50) !important;
  border-radius: 25px;
}
.links {
  border-right: solid rgb(15, 10, 50) !important;
    border-left: solid rgb(15, 10, 50) !important;
}
main, .top {
    border: solid rgb(15, 10, 50) !important;
}
.top {
  margin-top: 5px;
      border-top-right-radius: 25px;
    border-top-left-radius: 25px;
  padding: 10px;
}
.heading, .person p {
    border-radius: 25px;
  padding: 10px;
  border: solid rgb(185, 40, 100) !important;
}
.general-about {
  margin-bottom: 10px; 
  height: 200px;
  padding: 10px;
}
.profile-info, .mood, .url-info, .contact, .table-section, .friends,.general-about, .blurbs, .blog-preview, h1 {
  background: rgba(255, 255, 255, .8);
  border-radius: 25px;
  padding: 10px;
  border: solid rgb(185, 40, 100) !important;
  color: darkblue;
}
main {
  background: rgba(255, 205, 200, .4);
}
body {
  background-size: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  
  background-image: url(https://i.pinimg.com/originals/ac/51/aa/ac51aa7ee5885cc63fbbec20bc12ccab.jpg);
}
</style>
<div id="overlay"></div>

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 26 comments ( View all | Add Comment )

K4nn1e	1713623044 Using! Report Comment
monique	1710787022 using!! Report Comment
Zander	1708052205 Using :) Report Comment
TomDelongeExists	1706470362 Using Report Comment
K4nd1_G1rl	1706136603 Using (:::: Report Comment
BEN ↆ	1705589305 using Report Comment
TwistedPhantom	1702106282 using Report Comment
XZEILLI0N's Commissions	1699633751 Usingg! Report Comment
mal ´ᴥ`	1693893003 LOVE the font in this Report Comment
✞ Ethan ✞	1690234898 using!! Report Comment
♡ Kyle ♡	1689701510 using :DD Report Comment
Moshroom	1689611982 Using it, it looks cool thanks Report Comment
Toledo2763	1688945602 using!!! ^_^ Report Comment
Eli.SPACEHEYY!!	1688698663 using!! :3 Report Comment
softro	1688238881 using!! ^^ Report Comment
Operator	1683458710 How did you do the blur effect on friend profiles? Btw amazing layout! Report Comment .person { filter: grayscale(100%) blur(2px) saturate(100%); transition: filter 400ms ease-in-out; } !!! also thank u sm! by scourge the jeff the killer; 1683533338; Report
꒰ঌ ⍀⍜⊬☊⟒ ໒꒱ ? ?	1683344429 usinggg Report Comment ty!! by scourge the jeff the killer; 1683355056; Report np! i love it! by ꒰ঌ ⍀⍜⊬☊⟒ ໒꒱ ? ?; 1683366612; Report
arkyq_	1682369784 i'd love to use this im4ge but is there 4 w4y to ch4nge the font? Report Comment ty! also yea, all u gotta do is find this line of code: div { font-family: "papyrus", Times, serif; font-size: 102% } and replace the text after the "font-family" with wutever font u want heres a w3 page that may help u as well: https://www.w3schools.com/css/css_font.asp by scourge the jeff the killer; 1682381915; Report
𝙲𝚑𝚊𝚛𝚕𝚒𝚎 ミ★	1672559718 yo this is sick but how am i able to get rid of the clouds in my links and stuff Report Comment thanks! just delete or edit this part in the code: #comments td, td { background: url(https://external-media.spacehey.net/media/sUT_4vvVfvz9B7ucpCDaN-eL5uKxIytnxUnGZrEQoW1k=/https://64.media.tumblr.com/d3ec9291e525623c44e4fad37264331a/41382239a762f37c-be/s540x810/09a42547a89da6518e50b6edc4e17bb653dbc92b.gifv) !important; } if you dont want the clouds removed from the comments, just delete the second td: #comments td { background: url(https://external-media.spacehey.net/media/sUT_4vvVfvz9B7ucpCDaN-eL5uKxIytnxUnGZrEQoW1k=/https://64.media.tumblr.com/d3ec9291e525623c44e4fad37264331a/41382239a762f37c-be/s540x810/09a42547a89da6518e50b6edc4e17bb653dbc92b.gifv) !important; } by scourge the jeff the killer; 1672614246; Report thank you!! by 𝙲𝚑𝚊𝚛𝚕𝚒𝚎 ミ★; 1672626144; Report mhm!! ^-^ by scourge the jeff the killer; 1672777719; Report
xXKittenXx	1648673804 can you let me know how to change the bg to something else? Otherwise I love this! Just what I was looking for!1 Report Comment thank you! and ofc! just go down to the bottom of the code where it says "background-image: url(https://i.pinimg.com/originals/ac/51/aa/ac51aa7ee5885cc63fbbec20bc12ccab.jpg); }" and replace the image url with ur own!! by scourge the jeff the killer; 1648680258; Report neat thankies! by xXKittenXx; 1648682717; Report np!! by scourge the jeff the killer; 1648685085; Report