Just A Bit Silly (Weirdcore Theme)

Tags: weird, weirdcore

Description:

Maybe not entirely weirdcore, but still fun.

Preview:

click on the image for a larger preview

Code:

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

<iframe width="450" height="30" src="https://www.youtube.com/embed/JdUfYtHTrdg//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
 
<style>
 @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth863.ani), url(https://ani.cursors-4u.net/others/oth-9/oth863.png), auto !important;} /* End https://www.cursors-4u.com */
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 400px;
    display: block;
    content: "";
    background-image: url("https://i.pinimg.com/550x/ac/51/aa/ac51aa7ee5885cc63fbbec20bc12ccab.jpg"); 
    background-position: center center;
    background-size: cover;
}
*{
  border-radius: 9px;
}
:root{
  --logo-blue: url(https://external-preview.redd.it/u2MKaAsakSa7PhWu8hJVtQzTju0rOmRAX-5_rFzz4oM.png?format=pjpg&auto=webp&s=d73d7b6a0680b63b68e007a4fea3dc46f25a9568);
  --darker-blue: #3d36f7;
  --lighter-blue: #3d36f7;
  --even-lighter-blue: #3d36f7;
  --lightest-blue: #3d36f7;
  --dark-orange: #ffffff;
  --light-orange: #3d36f7;
  --even-lighter-orange: #3d36f7;
  --green: #3d36f7;
  --dark-green: #3d36f7;
}
 
*{
  box-sizing: border-box;
}
html, body{
  margin: 0;
  padding: 0;
}
body{
  background-color: #000000
;
  background-image: url(https://e0.pxfuel.com/wallpapers/974/369/desktop-wallpaper-weirdcore-traumacore-thumbnail.jpg);
  font-family: 'Press Start 2P', cursive;
  font-size: small;
  padding: 10px;
}
.profile .profile-info {
	background-image: url(https://www.quotev.com/quizi/15303967/0/1668807841);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #cc0f39;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none; 
}
.friends:not(#comments) {
  grid-area: friends;
  background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQyfTxY9GULvAz4apk1aTupgbm6Oz_c5SMp9Q&usqp=CAU);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: 768px;  
  border-radius: 15px
}

.contact {
  grid-area: friends;
  background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQyfTxY9GULvAz4apk1aTupgbm6Oz_c5SMp9Q&usqp=CAU);
  background-size: 360px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center; 
  border-radius: 15px
}
.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 100px;
  background-image: url(https://media.tenor.com/hvBl7xrrs3oAAAAi/weirdcore-cat.gif);
  background-repeat: no-repeat;
  background-size: 90px;
}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 200px;
  background-image: url(https://i.pinimg.com/originals/bc/28/38/bc283873b6a4d1828a043f3f149aae61.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;
}
.blurbs:after{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 170px;
  background-image: url(https://64.media.tumblr.com/665f8c110a73e2d2702a9652851e4e5a/cd353e4b0e931c87-20/s1280x1920/1017a48c594b1ac4b5eddbcb3dec0524211aa6bd.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 193px;
  background-image: url(https://brynnstic1.carrd.co/assets/images/image02.gif?v=d53e6c2f);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 290px;
} 
 
img {
}
 
.container{
  width: 810px;
  max-width: 100%;
  border-width: 2px;
  border-style: solid;
  border-color: #cc0f39;
  margin: 0 auto 10px;
}
time.ago{
  opacity: 0;
}
.soon{
  opacity: 0.7;
}
details summary{
  cursor: pointer;
  user-select: none;
}
a{
  color: #ffffff
;
  text-decoration: underline;
}
a:hover,
a:active,
.blog-entry .kudos-btn:hover,
.blog-entry .kudos-btn:active{
  color: #9f9cff
;
}
.logout-btn:hover,
.logout-btn:active{
  color: inherit;
  text-decoration: underline;
}
p, ol li{
  font-size: 0.875em;
}
ol li ol li{
  font-size: 100%;
}
nav{
  color: #ffffff;
  font-size: 72%;
}
nav .top{
  background: var(--logo-blue);
  padding: 15px 10px 14px 10px;
  display: flex;
}
nav .top a{
  text-decoration: none;
  color: inherit;
}
nav .top a:hover{
  text-decoration: underline;
}
nav .top div{
  display: inline-block;
  vertical-align: top;
}
nav .top .left a{
  text-decoration: none;
  color: inherit;
}
nav .top .left img{
  margin: 0 0 0 6px;
}
nav .top .left .logo{
  min-height: 35px;
  width: 165px;
}
nav .top .left .christmas{
  height: 42px;
}
nav .top .center{
  text-align: center;
  flex: 1;
}
nav .top .right{
 
}
nav .top .center form{
  margin-top: -2px;
  width: 100%;
}
nav .links{
  background-color: #cc0f39;
  padding: 3.5px 16px 5.5px 16px;
}
nav .links,
footer .links{
  margin: 0;
  list-style: none;
}
footer .links{
  font-size: 0.875em;
  margin: 16px 0 5px 0;
  padding: 0;
  text-align: center;
}
nav .links li,
footer .links li{
  display: inline-block;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
  content: url("https://hiimorion.carrd.co/assets/images/gallery14/97e76d62.gif?v=6323a902");
  color: #ffffff;
}
nav .links a{
  text-decoration: none;
  color: #0ffbf9;
  font-size: 0.98em;
}
nav .links a:hover{
  text-decoration: underline;
  color: #ffffff;
}
main{
  background: url(https://media.tenor.com/JcGfSNSV-gMAAAAM/random.gif);
  color: #ffffff;
  padding: 6px 0px;
  font-size: 80%;
}
.profile .contact .heading,
.profile .table-section .heading,
.home-actions .heading{
  background: var(--lighter-blue);
  color: #ffffff;
  padding: 2px 7px;
}
.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;
  color: #ffffff;
}
.profile .friends .person{
  width: 105px;
  display: inline-block;
  padding: 0 10px 15px 0;
}
.profile .friends .person p{
  color: #ffffff;
  font-weight: bold;
  width: 100%;
  word-break: break-word;
  font-size: 100%;
  text-align: center;
}
.profile .friends .person img:not(.icon){
  max-width: 95px;
  max-height: 95px;
  display: block;
  margin: 0 auto;
}
.count{
  color: #fb04db;
}
.online{
  color: #66ed59;
  font-weight: bold;
  font-size: 95%;
}
<style>.online { visibility: hidden; } .online img { content: url("https://hiimorion.carrd.co/assets/images/gallery16/28dcbe20.gif?v=4999f952"); animation-name: none; visibility: visible; height: 35px;}</style>
 
<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.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://hiimorion.carrd.co/assets/images/gallery02/33a69d1e.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://hiimorion.carrd.co/assets/images/gallery14/426a0b00.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://hiimorion.carrd.co/assets/images/gallery16/2cb7c19b.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://hiimorion.carrd.co/assets/images/gallery16/17fc7414.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://hiimorion.carrd.co/assets/images/gallery14/e1c0efc2.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://hiimorion.carrd.co/assets/images/gallery16/e07d55d6.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://hiimorion.carrd.co/assets/images/gallery02/6d801c5f.gif?v=6323a902")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://hiimorion.carrd.co/assets/images/gallery02/e275e6c3.gif?v=6323a902")
}   
footer {
background-color: #3d36f7;
}
</style>
<div style="float:  ; max-height: 800px; position: fixed; right: 1px; bottom: 1px; z-index: 200;"><img src="https://data.whicdn.com/images/302254058/original.gif" width="300"/></div>
<div style="float:  ; max-height: 800px; position: fixed; left: 1px; top: 1px; z-index: 200;"><img src="https://i.pinimg.com/originals/17/8b/11/178b119f407efbc0a1b5c87267ebb729.gif" width="200"/></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 2 of 2 comments ( View all | Add Comment )

JUNIPER

1686633937

I'd like to use this but change a couple of the images, is that okay?

Report Comment

Yeah, totally

by ✨Orionnn✨; 1686634324; Report

ok ty!! using it

by JUNIPER; 1686724925; Report

How do I do this? I don't know HTML :(

by saulcalliope; 1692338829; Report

if u wanna swap images you have to find where in the code the image urls are kept. I think nearly all urls in this code are for the images so just search for those, and check those links to see which pic they go to and what area on the page they affect.

Any image you want to upload also needs its own url, so you have to store it somewhere. I just dumped mine into a discord server and used their discord links

by JUNIPER; 1692428973; Report

Awesome, thank you!

by saulcalliope; 1693124469; Report

Awesome, thank you!

by saulcalliope; 1693124469; Report

Killjoy

1686414452

using this!!! i love weird core hehehehe

Report Comment