Forum:
Sooo I tried to add something to my layout code, it didn't work and decided to give up on it and deleted it all together. I deleted the code I added but I have no idea what happened but it also seemingly deleted the some of code I had for my original code.
and now I have no idea what is missing since I did this layout almost two years ago and I can't find the creator I based the layout of.
so if you like pointing out peoples mistakes in coding feel free to .
.Thank you!!
<!-- (c) Layout created by wesley (https://layouts.spacehey.com/layout?id=34630) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=New+Rocker&display=swap');
body{
font-family: Anonymous Pro;
font-size: 120%;
}
body{background:url("https://i.redd.it/acvtrwf98po41.png")
no-repeat fixed; background-size:cover;
nav img.logo {
background-colour:black;
filter: brightness(100%) saturate(100%) invert(0%) sepia(94%) saturate(10%) hue-rotate(167deg) brightness(95%) contrast(105%) !important;
}
.online{ content:
url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExazUxcGwydGF6MWxyMHpheDZnbDJoeW5waWtzN3hucG5mazJ5YXc3cSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/mDZ9ZL3g5tMyCNC7Iw/giphy.gif);
padding: 1px 0px;
width: 200px;
height: 200px;
}
a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
color: #e0d8e8!important;
}
.profile .blurbs .heading, .profile .friends .heading {
background:url(https://e1.pxfuel.com/desktop-wallpaper/1017/4/desktop-wallpaper-hi-i-ve-made-a-phone-of-micropop-enjoy-jackstauber-jack-stauber-phone.jpg);
opacity: 0.8;
background-position: left center;
border: 5px dashed black;
}
.profile .blurbs .section h4 {
margin: 0;
color: #e0d8e8
}
main:before {
width: 100%;
height: 200px;
display: block;
content: "";
background-image: url(https://mir-s3-cdn-cf.behance.net/project_modules/disp/2dba6170442963.5ba38a7b43681.gif);
background-position: center;
}
h1{
background-color: black!important;
border: 5px black;
padding:5px;
}
button {
background-color: #e0d8e8!;
background-position: center;
border: none;
color: black;
font-weight: bold;
}
.general-about .details {
border: 5px none!important;
padding-bottom: 70px;
}
.mood {
background-color: black;
border: 5px transparent;
padding: 3px;
margin-bottom: 10px;
}
.contact, .table-section, .blurbs, .friends, .profile-info {
background-color: black;
border: 5px dashed black!important;
}
.blog-preview{
background:url(https://static.wikia.nocookie.net/jackstauber/images/9/94/Micropop_ep6.png/revision/latest?cb=20220805170351);
opacity: 0.8;
background-position: left center;
border: 5px dashed black!important;
}
.comments-table td {
background:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c27170fd-adac-47ff-9cee-49eee4fafa38/dfwfgsu-84b05832-c82f-4e20-97eb-75d75f224f72.png/v1/fill/w_1024,h_1821,q_80,strp/deviantart_profile_skin___weirdcore_aesthetic_by_zebracorn_chan_dfwfgsu-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MyNzE3MGZkLWFkYWMtNDdmZi05Y2VlLTQ5ZWVlNGZhZmEzOFwvZGZ3ZmdzdS04NGIwNTgzMi1jODJmLTRlMjAtOTdlYi03NWQ3NWYyMjRmNzIucG5nIiwiaGVpZ2h0IjoiPD0xODIxIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uud2F0ZXJtYXJrIl0sIndtayI6eyJwYXRoIjoiXC93bVwvYzI3MTcwZmQtYWRhYy00N2ZmLTljZWUtNDllZWU0ZmFmYTM4XC96ZWJyYWNvcm4tY2hhbi00LnBuZyIsIm9wYWNpdHkiOjk1LCJwcm9wb3J0aW9ucyI6MC40NSwiZ3Jhdml0eSI6ImNlbnRlciJ9fQ.RZqCORkplXYmSxynfLqYk4xOt0Tsce7YXMbOIkUbwC0);
background-position: top;
border: 3px solid white;
}
.table-section td {
border: 3px solid white;
width: 1000px;
height: 50px;
}
.comment-reply:not(:first-child) {
border-top: none;
}
body {
}
.url-info {
background: url(https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExN203N2V0M2gweDgwYTV6OWlrNWZrdnd6NmNtZGZtdHFwdXE0d2JwbCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/mAP2rcbtstULPtdgf7/giphy.gif);
background-position: center;
border: 1px black!important;
background-size: cover;
font-size: 0px;
height: 275px;
}
.contact .inner a img{
font-size: 0;
}
.contact .inner a img:before{
font-size: 1em;
display: block
}
/*ADD TO FRIENDS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
content: url("https://supplies.ju.mp/assets/images/gallery04/c5b73200_original.gif?v=9163b103")
}
/*ADD TO FAVS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
content: url("https://supplies.ju.mp/assets/images/gallery04/b5afaba8_original.gif?v=9163b103")
}
/*SEND MESSAGE*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
content: url("https://supplies.ju.mp/assets/images/gallery04/3cc2c9b0_original.gif?v=9163b103")
}
/*FORWARD TO FRIEND*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
content: url("https://supplies.ju.mp/assets/images/gallery05/8d557e7f_original.gif?v=9163b103")
}
/*INSTANT MESSAGE*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
content: url("https://supplies.ju.mp/assets/images/gallery05/a6e671c2_original.gif?v=9163b103")
}
/*BLOCK USER*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
content: url("https://supplies.ju.mp/assets/images/gallery05/3ddc11c4_original.gif?v=9163b103")
}
/*ADD TO GROUP*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
content: url("https://supplies.ju.mp/assets/images/tiny1/7e740d8a_original.gif?v=9163b103")
}
/*REPORT USER*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
content: url("https://supplies.ju.mp/assets/images/gallery05/994ee2fa_original.gif?v=9163b103")
}
.contact {
border-radius: 8px;
background-image: url(https://cdna.artstation.com/p/assets/images/images/056/864/082/large/feline-stemp-dreamcore-env-wip-2.jpg?1670276990);
background-position: center;
background-repeat: repeat;
background-attachment: scroll;
Width: 300px;
Height:180px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px teal, 0 0 3px darkgreen; }
.comment-replies {
border: 3px none;
}
nav .top, nav .links {
background-color: transparent;
color: black;
font-weight: bold;
}
h1{
animation: type 3s steps(27);
color: white;
font-size: 10px;
font-family: courier;
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:27ch;
}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.col, main, footer, nav::before,.online , {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
<style>
img:hover , .url-info:hover,.online:hover ,.mood:hover ,.blog-preview:hover{
animation: shake 1s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
main, footer {
background-color: transparent;
}
.friends:not(#comments) {
margin-bottom: 10px;
}
.friends-grid{
text-align:center;
padding:0px!important;
}
.friends .person{
background-color: white;
width:80px!important;
display: inline-flex!important;
flex-direction: column-reverse;
margin:10px;
vertical-align: top;
padding-left:5px!important;
padding-top:5px!important;
box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
}
.friends .person p{
text-align: center;
word-wrap: break-word;
}
.profile .friends .person img:not(.icon){
max-width:70px!important;
}
.profile .friends .person:nth-of-type(1){
transform: rotate(-4deg);
}
.profile .friends .person:nth-of-type(2){
transform: rotate(5deg);
}
.profile .friends .person:nth-of-type(3){
transform: rotate(-2deg);
}
.profile .friends .person:nth-of-type(4){
transform: rotate(6deg);
}
.profile .friends .person:nth-of-type(5){
transform: rotate(6deg);
}
.profile .friends .person:nth-of-type(6){
transform: rotate(-1deg);
}
.profile .friends .person:nth-of-type(7){
transform: rotate(3deg);
}
.profile .friends .person:nth-of-type(8){
transform: rotate(-3deg);
}
.comments-table {
border: none;
border-spacing: 5px;
}
.profile-pic {
padding: 15px;
}
.heading {
background-color: transparent!important;
}
td {
background-color: transparent!important;
}
</style>
<style>
html:before {
animation: grain 8s steps(10) infinite;
background-image: url(https://i.ytimg.com/vi/8ewfMByTveo/maxresdefault.jpg);
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>
:root {
--polaroid-name: ""; /* name displayed on polaroid */
--name-size: 1.6em; /* font size of name */
--toggle-displayname: initial; /* change this to "initial" to restore display name */
}
@font-face {
font-family: 'teabeer';
src: url('https://fluorescent-lights.neocities.org/teabeer.ttf') format('truetype');
}
.profile h1 {
display: var(--toggle-displayname);
}
.general-about .profile-pic {
position: relative;
filter: drop-shadow(0 0 0.25rem gray);
transform: rotate(4deg);
margin: 0 20px 8px -5px;
transition: transform .5s;
}
.general-about .profile-pic:hover {
transform: scale(1.2) rotate(-3deg);
}
.general-about .profile-pic:before {
content: var(--polaroid-name);
font-family: 'teabeer';
font-size: var(--name-size);
position: absolute;
z-index: 2;
bottom: 15px;
left: -10px;
width: 100%;
text-align: center;
}
.general-about .profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/polaroid.png');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: 7px;
left: 10px;
width: 170px;
height: 210px;
}
.mood {
margin-top: 50px;
}
</style>
Report Topic
