https://www.reddit.com/r/imagineuihad/ https://www.reddit.com/r/linguinik/ They are very good subreddits. I am on #teamlinguinik.
bro it took me like 2 fucking hours to code that shit try making a better subreddit be honest did u even try /r/linguinik heres the code Spoiler: CSS code for linguinik master .redditname a{ background:url(%%image%%); height: 1000px; width: 1000px;} @keyframes spaceboots { 0% { transform: translate(2px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(0px, 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(2px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(2px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } @-moz-keyframes spaceboots { 0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } } @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } /* Begin text styling */ body { background-color: #FFB057 !important; background-image: url(%%imagine%%); content: "oh man i am not good with computer plz to help"; text-transform: uppercase; font-size: 25px !important; /* shaking intensifies*/ -webkit-animation-name: spaceboots; -webkit-animation-duration: 0.8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spaceboots; -moz-animation-duration: 0.8s; -moz-transform-origin:50% 50%; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: spaceboots; animation-duration: 0.8s; transform-origin:50% 50%; animation-iteration-count: infinite; animation-timing-function: linear; } h1 { color: green !important; text-align: center; } p { font-family: "Comic Sans MS"; font-size: 25px; background: yellow; border: 20px solid red; } .md p { font-family: "Arial", sans-serif !important; } a:hover { font-size: 500px; color: green; } /* End text styling */ /* End header styling */ /* Begin sidebar styling */ .side { background-color: blue; } .title a:before { content: url(%%image%%) } div.titlebox span.number { font-weight: bold; color: red; } div.titlebox span.number:before { content: "that is some GUUUUD linguism!" } div.titlebox span.number:after { content: " that is some GOOOOD linguism!" } div.titlebox span.word { display: none } .side blockquote + hr { border-width: 0; width: 0; background-color: transparent; margin: 10px 0 0; } /* End sidebar styling */ /* Begin footer styling */ .footer-parent { height: 800px; padding-top: 0px; padding-bottom: 0px; clear: both; text-align: center; width: 100%; } .footer-parent:after { content: "♥♥♥ thats so good linguistic! yup "; font-size: 120px; background: white !important; } /* End footer styling */ /* Begin announcement sticky */ div.content { /* This lowers the links to create space */ margin-top: 50px; } .titlebox form { /* Hack to enable repositioning of child elements */ position: static; } .side h3:nth-of-type(1) { /* This code positions the sticky */ position: absolute; display: block; top: 130px; left: 40px; } #header-bottom-left{ height: 1500px;} /*simple, most commonly used backgrounds*/ body { background: url(%%imagine%%) no-repeat fixed center center }p:after { content: "linguistic enthusiasm"; } a:after { content: "linguistic orgasm"; } body:after { content: "linguistic enthusiasm"; font-size: 120px !important; } .redditname a{ text-indent:-9001px; } #header-img-a, .redditname a, .tabmenu { display: inline; float: left;} .tabmenu{ position:relative; top:100%; margin-top:-16px!important;} /*Change vote arrows*/ .arrow.up { background-image: url(%%imagine%%); background-position: 100px 100px; height: 142px; width: 135px; } .arrow.upmod { background-image: url(%%image%%); background-position: 0px 0px; height: 141px; width: 159px; } .arrow.down { background-image: url(%%image%%); background-position: 0px 0px; height: 250px; width: 150px; } .arrow.downmod { background-image: url(%%image%%); background-position: 0px 0px; height: 250px; width: 250px; } @-webkit-keyframes header-img { 0% {background:red;} 25% {background:yellow;} 50% {background:blue;} 75% {background:green;} 100% {background:red;} } @keyframes header-img { 0% {background:red;} 25% {background:yellow;} 50% {background:blue;} 75% {background:green;} 100% {background:red;} } #header-img { -webkit-animation: header-img 5s linear infinite; animation: header-img 5s linear infinite; } /* Begin spinning everything on hover except important things */ /** { transition: 200ms linear all; } *:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); } body:hover, .content:hover { transform: none; -webkit-transform: none; }*/ /* End spinning everything on hover except important things */ /* Begin spinning things */ /*@-webkit-keyframes spin { 0% {-webkit-transform:rotate(0deg);} 100% {-webkit-transform:rotate(359deg);} } @keyframes spin { 0% {transform:rotate(0deg);} 100% {transform:rotate(359deg);} } * { font-size: 100%; border-radius: 500px; border: 2px solid black; animation: spin 2s linear infinite !important; -webkit-animation: spin 2s linear infinite !important; }*/ /* End spinning things */ /* Begin body element rotation */ /* body { -webkit-animation: bodyspin 5s linear infinite; animation: bodyspin 5s linear infinite; } @-webkit-keyframes bodyspin { 0% {-webkit-transform: rotate(0deg)} 25% {-webkit-transform: rotate(-1deg)} 75% {-webkit-transform: rotate(1deg)} 100% {-webkit-transform: rotate(0deg)} } @keyframes bodyspin { 0% {transform: rotate(0deg)} 25% {transform: rotate(-1deg)} 75% {transform: rotate(1deg)} 100% {transform: rotate(0deg)} } #header { background-color: #695321; } /* End header styling */ /* Begin sidebar styling */ .side { background-color: #695321; } .title a:before { content: url(%%imagine%%) } div.titlebox span.number { font-weight: bold; color: purple; } div.titlebox span.number:before { content: "linguistic enthusiasm" } div.titlebox span.number:after { content: "john loop!!!!!" } div.titlebox span.word { display: none } .side blockquote + hr { border-width: 0; width: 0; background-color: transparent; margin: 10px 0 0; } #header-img { -webkit-animation: header-img 5s linear infinite; animation: header-img 5s linear infinite; } * { cursor: url(%%imagine%%), auto; } .footer-parent { height: 800px; padding-top: 0px; padding-bottom: 0px; clear: both; text-align: center; width: 100%; }