GOAT's profile picture

Published by

published
updated

Category: Web, HTML, Tech

GOAT presents: community build-a-blog

update: IT IS FINISHED XDD

this is it guys, your very own community build-a-blog, with very minimal input from myself, acting only as a conduit for whatever crazy happening stuff you wanted here!! <333

ty everyone who partipcated - pls enjoy ur free to use blog theme below!!

(i also made it easy to copy - just click and the whole code is highlighted for u!!)

ily all tysm omgggg xoxo

~ GOAT



om
<style>
@import url('https://fonts.googleapis.com/css2?family=Bagel+Fat+One&display=swap');

* {
cursor: url(https://cur.cursors-4u.net/toons/too-12/too1107.cur), auto !important; }

body {
background-position: top left;
background-image: url(http://64.media.tumblr.com/6674b1fe5872c53405aac80e2a192f21/92ea25e4cb72f665-20/s400x600/db386971e49b64991a474f879d6dd9316342d139.gif); }

main {
background-image: url('https://i.postimg.cc/GtKqMjwh/dog-pup-ezgif-com-video-to-gif-converter.gif') !important;
background-repeat: repeat;
background-size: 300px 200px !important;
background-color: rgba(0,255,0,0.3);
background-blend-mode: lighten;
}

.container {
width: 1200px !important;
}

.container p {
font-weight:bold;
display: block;
-webkit-text-fill-color: revert;
background-clip: text;
color: transparent;
font-size: 18px !important;
font-family: "Bagel Fat One", system-ui;
background: url('https://i.pinimg.com/originals/e6/f8/0b/e6f80be8122d7019c37b39b02dd6ec2c.gif');
text-shadow:1px 2px black;
-webkit-background-clip: text !important;
background-size: 30% 60% !important;
padding: 4px; }


p {
background: url('https://i.pinimg.com/originals/e6/f8/0b/e6f80be8122d7019c37b39b02dd6ec2c.gif');
background-clip: text;
color: transparent;
font-size: 18px !important;
font-family: 'Bagel Fat One', sans-serif;
}

.comments-table {
border-style : hidden!important; }

.comments-table td{
background: url('https://cdn.dribbble.com/userupload/19378131/file/original-8cb66a0ffe82558ce3b1f98a2ce9ba04.gif') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important;
border-radius: 25px !important;
border: solid 10px #fffnav::after {
content: url(https://i.postimg.cc/FHyQ7h7n/ddc28aa2-214f-4c0b-9ac9-566472d28f38.jpg); } !important;
}

nav .top {
background-image: url(http://i.postimg.cc/FHyQ7h7n/ddc28aa2-214f-4c0b-9ac9-566472d28f38.jpg);
background-size:195px;
background-repeat:repeat; }

.pfp-fallback {
content: url(http://media1.tenor.com/m/WcEJQMAcDoIAAAAd/touch-grass-hello-neighbor.gif) !important; }

.profile-pic img {
content: url(http://i.postimg.cc/L4yzrh2G/4edcb4ed88f87d4b8f4c6a1777c7f64e.jpg) !important; }

.title {
font-size:22px;
font-weight:bold;
font-family:helvetica;
color:limegreen;
text-shadow:2px 2px lightpink;
background-color:black;
padding:4px; }

.content {
padding:5px;
border:2px solid silver;
background-color: rgba(0,0,0,0.8);
background-blend-mode: darken, luminosity;
background-image: url(https://files.catbox.moe/tatc9x.jpeg);
background-size:195px;
background-repeat:repeat; }

    @-webkit-keyframes snowflakes-fall {
        0% {
            top: -10%
        }
        100% {
            top: 100%
        }
    }
    
    @-webkit-keyframes snowflakes-shake {
        0%,
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        50% {
            -webkit-transform: translateX(80px);
            transform: translateX(80px)
        }
    }
    
    @keyframes snowflakes-fall {
        0% {
            top: -10%
        }
        100% {
            top: 100%
        }
    }
    
    @keyframes snowflakes-shake {
        0%,
        100% {
            transform: translateX(0)
        }
        50% {
            transform: translateX(80px)
        }
    }
    
    .snowflake {
        position: fixed;
        top: -10%;
        z-index: 9999;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-animation-name: snowflakes-fall, snowflakes-shake;
        -webkit-animation-duration: 10s, 3s;
        -webkit-animation-timing-function: linear, ease-in-out;
        -webkit-animation-iteration-count: infinite, infinite;
        -webkit-animation-play-state: running, running;
        animation-name: snowflakes-fall, snowflakes-shake;
        animation-duration: 10s, 3s;
        animation-timing-function: linear, ease-in-out;
        animation-iteration-count: infinite, infinite;
        animation-play-state: running, running
    }
    
    .snowflake:nth-of-type(0) {
        left: 1%;
        -webkit-animation-delay: 0s, 0s;
        animation-delay: 0s, 0s
    }
    
    .snowflake:nth-of-type(1) {
        left: 10%;
        -webkit-animation-delay: 1s, 1s;
        animation-delay: 1s, 1s
    }
    
    .snowflake:nth-of-type(2) {
        left: 20%;
        -webkit-animation-delay: 6s, .5s;
        animation-delay: 6s, .5s
    }
    
    .snowflake:nth-of-type(3) {
        left: 30%;
        -webkit-animation-delay: 4s, 2s;
        animation-delay: 4s, 2s
    }
    
    .snowflake:nth-of-type(4) {
        left: 40%;
        -webkit-animation-delay: 2s, 2s;
        animation-delay: 2s, 2s
    }
    
    .snowflake:nth-of-type(5) {
        left: 50%;
        -webkit-animation-delay: 8s, 3s;
        animation-delay: 8s, 3s
    }
    
    .snowflake:nth-of-type(6) {
        left: 60%;
        -webkit-animation-delay: 6s, 2s;
        animation-delay: 6s, 2s
    }
    
    .snowflake:nth-of-type(7) {
        left: 70%;
        -webkit-animation-delay: 2.5s, 1s;
        animation-delay: 2.5s, 1s
    }
    
    .snowflake:nth-of-type(8) {
        left: 80%;
        -webkit-animation-delay: 1s, 0s;
        animation-delay: 1s, 0s
    }
    
    .snowflake:nth-of-type(9) {
        left: 90%;
        -webkit-animation-delay: 3s, 1.5s;
        animation-delay: 3s, 1.5s
    }
    
    .snowflake:nth-of-type(10) {
        left: 25%;
        -webkit-animation-delay: 2s, 0s;
        animation-delay: 2s, 0s
    }
    
    .snowflake:nth-of-type(11) {
        left: 65%;
        -webkit-animation-delay: 4s, 2.5s;
        animation-delay: 4s, 2.5s
    }

.comments-table td:first-child img:not(.icon) {
width:150px; }

.blog-entry .kudos-btn {
padding:4px !important;
font-family:helvetica;
font-weight:bold;
color: #FEFEFF !important;
text-shadow:1.5px limegreen !important;
font-size: 30px;
background-color: black !important; }

.kudos-btn:hover {
text-decoration:none !important;
color:crimson !important;
text-shadow: 0 1px 2px yellow; }

.jermaroll {
position: relative;
animation: rotation 1s infinite linear;
content: url(https://i.ibb.co/CpLShj7x/jerma.png); }
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}

.jermaroll2 {
 -moz-transform:translateX(-100%);
 -webkit-transform:translateX(-100%);    
 transform:translateX(-100%);
 -moz-animation: jermaroll2 5s linear infinite;
 -webkit-animation: jermaroll2 5s linear infinite;
 animation: jermaroll2 5s linear infinite;
}
@-moz-keyframes jermaroll2 {
 0%   { -moz-transform: translateX(-100%); }
 100% { -moz-transform: translateX(100%); }
}
@-webkit-keyframes jermaroll2 {
 0%   { -webkit-transform: translateX(-100%); }
 100% { -webkit-transform: translateX(100%); }
}
@keyframes jermaroll2 {
 0%   {
 -moz-transform: translateX(-100%);
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);         
 }
 100% {
 -moz-transform: translateX(100%);
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 }
}

footer {
margin:0px;
background-color: rgba(225,0,0,0.3);
background-blend-mode: darken, luminosity;
background-image: url(https://static9.depositphotos.com/1000975/1202/i/950/depositphotos_12023014-stock-photo-funny-clown-on-the-white.jpg);
background-size:115px; }

nav .links {
background-image: url(https://as1.ftcdn.net/jpg/05/62/13/54/1000_F_562135455_9cRKUGrx050EVpT8iyn9Q5DgThUG8l28.jpg);
background-size:200px;
color:black;
padding:10px;
font-size:20px;
text-align:center; }

nav .links a {
padding:2px;
color:black;
background-color:white; }

nav .links a:hover {
text-decoration:none;
padding:2px;
color:white;
background-color:red; }

.goatcontainer1 {
width:800px;
text-align:left;
background-color: grey;
padding:5px;
border:3px solid limegreen;
box-shadow:0 0 2px 1px lightpink; }

body:before {
content: " ";
height:100%;
width:100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('http://i.pinimg.com/originals/e2/8e/22/e28e22f5091b5882cf3576c33830b67a.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 5s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

.kudos-btn::after {
display:block;
content: url(http://media.tenor.com/cJtDhl2-MP0AAAAj/goku-dragon-ball.gif); }

footer::before {
position:absolute;
left:1200px;
animation: rotation 3s infinite linear;
content: url(http://i.ibb.co/bMtyGRW2/buildermna.png); }

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
</style>

for the falling haggus:

<div class="snowflake"><img src="https://s1.ticketm.net/dam/a/dc8/264d257a-eef9-4c8e-a9f1-1904e09cbdc8_TABLET_LANDSCAPE_LARGE_16_9.jpg" style="width:75px;"></div>

OR

<div class="snowflake"><img src="LINK_TO_YR_IMAGE.JPG" style="width:75px;"></div>



56 Kudos

Comments

Displaying 20 of 35 comments ( View all | Add Comment )

GOAT

GOAT's profile picture
Pinned

also pls kindly let us know if yr using this so we can all go check yr pages out omggg

<333


Report Comment

GOAT

GOAT's profile picture
Pinned

ty to everyone who partipcated!!

obvs no further amendments are being made but

feel free to grab the code, play around with it

i mean it is urs anyway omggggggg

<333


Report Comment

callisto

callisto's profile picture

THIS IS SO GOOD OMG?????


Report Comment

pocono

pocono's profile picture

this is a piece of art, thank you goat of spacehey 🙏


Report Comment

4kFiend

4kFiend's profile picture

whoever added that jumpscare omg i hate them lmaoooo


Report Comment



:3333

by pen.name.nekomara; ; Report

Xx_Spencer Swag_xX

Xx_Spencer Swag_xX's profile picture

SORRY FOR BEING SO LATE TO RESPOND TO MY THING HERES THE BUILDERMNA URL CAN HE BE IN THE BOTTOM RIGHT

https://files.catbox.moe/k14i62.webp


Report Comment



done and made him rotate just like shrekolas cage on my profiel :DD

<33

by GOAT; ; Report

pen.name.nekomara

pen.name.nekomara's profile picture

if u can add a loading screen that's just the foxy jumpscare


Report Comment



done!! :DD

by GOAT; ; Report

4kFiend

4kFiend's profile picture

Goku flying around the screen would be fun


Report Comment



lol im running out of ideas of where to actually put things so

he's in the kudos button XDD

by GOAT; ; Report

4kFiend

4kFiend's profile picture

I just tried to post an edited version but it didn't show up :( but it showed up when i was on the edit screen


Report Comment



we havent finished makin this thing yet lmaooo

(community build-a-blog = post yr ideas itt)

xoxo

by GOAT; ; Report

✶Rib𓆩𓁺𓆪Eye Black Dragon✶

✶Rib𓆩𓁺𓆪Eye Black Dragon✶'s profile picture

The way the colours rippling in the comment section is so mesmerizing
( ꩜ ヮ ꩜;)


Report Comment

kiko!

kiko!'s profile picture

have the navigation bar buttons in random places in the screen as different Pokemon characters of your choosing (probably too much effort/work but it'd be really cool if you did)


Report Comment



lol that would be too chaotic and reduce functionality but

I kinda compromised and included pokemons in the nav bar :3

by GOAT; ; Report

venus7

venus7's profile picture

the swinging dog background makes me happy


Report Comment

pocono

pocono's profile picture

for the footer just repeat a stock image of a clown. thinkin about something like this: https://static9.depositphotos.com/1000975/1202/i/950/depositphotos_12023014-stock-photo-funny-clown-on-the-white.jpg


Report Comment



aw yea check it out :DD

by GOAT; ; Report

amazing 10/10

by pocono; ; Report

Boxalister

Boxalister's profile picture

Can you add a small jerma running across the screen


Report Comment



well i couldnt find an image of him running

nor am i gonna make one but

i did recycle the nickroll from an earlier blog so

here comes that jermaroll XDDD

by GOAT; ; Report

GOAT

GOAT's profile picture

surface area as of yet untainted by dank :o

- top nav links
- edit-info / author info
- footer
- cant think of anything else but pls lmk

xoxo


Report Comment

Explorer of Wonder

Explorer of Wonder's profile picture

This blog need MUSIC!!! (Cursed one)
<
iframe width="0" height="0" src="https://www.youtube.com/embed/Ts8BKIGa7OM?//&;amp;;autoplay=1&;loop=1&;controls=1" title="ITSONLYAGIRLIFYOUCANHAVESEXWITHIT" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;picture-in-picture" allowfullscreen="" loading="eager"
>

The URL: https://youtu.be/Ts8BKIGa7OM?


Report Comment



This fits pretty well too:
https://youtu.be/lw1UdbUJXxw?

by Explorer of Wonder; ; Report

Or this one:
https://youtu.be/8ZcqaolcjUI?

by Explorer of Wonder; ; Report

autoplay is go

<33

by GOAT; ; Report

SUKO555

SUKO555's profile picture

make the spacehey logo a picture of jerma985


Report Comment

♡kittyink♡

♡kittyink♡'s profile picture

can you add images of haggus falling down the screen :3


Report Comment



haggus or haggis :o

by GOAT; ; Report

its haggus!! :J
https://file.garden/Zw-WrPSD2y6tAK2x/uglycreatures

by ♡kittyink♡; ; Report

done :DD

by GOAT; ; Report

(had to look up a premade code for that cause its not the sort of thing i normally would use XDD)

xoxo

by GOAT; ; Report

wow its so pretty.. <3

by ♡kittyink♡; ; Report

𝚡♡𝚡.𝚂𝚑𝚒𝚗_𝚃𝚜𝚞𝚔𝚒𝚖𝚒.𝚡♡𝚡

𝚡♡𝚡.𝚂𝚑𝚒𝚗_𝚃𝚜𝚞𝚔𝚒𝚖𝚒.𝚡♡𝚡's profile picture

Can you change the text at the bottom of the website that's like "this is a fanmade project based on myspace" ? I think it would be funny if you changed it to "this is a based epic gamer project that runs on swag "


Report Comment



we are gonna need the following:

>doritos
>mtn dew
>nerfs
>360 noscope
>snoop

MLGMAXX THIS THING XDD

by GOAT; ; Report

but check it rn :o

by GOAT; ; Report

ofc i will have to get rid of it cause cant alter the footer or tos stuff :o

sry ;__;

by GOAT; ; Report

Domo

Domo's profile picture

THIS IS AWESOME


Report Comment



tyty anything u wanna see added or changed or

lmk pls ty xoxo

by GOAT; ; Report

ahh i'm not sure of what else we could add, would it be possible to change the cursor :p

by Domo; ; Report

absolutely yes

lmk what you have in mind xoxo

by GOAT; ; Report

spongebob pls

by Domo; ; Report

it is done :DD

by GOAT; ; Report

SO FIREE TYY <33

by Domo; ; Report