GOAT's profile picture

Published by

published
updated

Category: SpaceHey

ya wanna style the heck outta bulletins

note: i only figured this out myself a few days ago and there is a trick to it

yr bulletin code and accompanying hello world blurb or whatever

all of that stuff HAS to be on a single line of code

(line breaks rly are the enemy here guys omggg)

anyway, let's do something v simple - adding a background to bulletins

<style>body {background-image: url(https://media.tenor.com/P0H0U96Kj1oAAAAM/hey.gif);</style>

(btw triumphant return of the nick lmfao)

ofc ya gonna want to do other stuff other than slap a background on things

so here's some more code to adjust stuff like .edit-info, .row, .links, blah blah blah

<style>:root { --light-orange: #000;
ย  --even-lighter-orange: #000; } body { background-image: url(YOUR_BACKGROUND_IMAGE_HERE.GIF); } .container { margin-top:10px; border: 4px solid silver; } footer { margin:0px; color:white; background-color:black; } body a { color:#b8fcbc; } body a:hover { color: crimson; text-decoration: none; } .content { font-family: courier; font-size: 20px; font-weight: bold; text-shadow: 2px 2px 1px limegreen; } .row { background-color: black; color: white; } .edit-info { width:225px; left: -150px; position: relative; box-shadow: 4px 2px 1px lightpink; border: 3px solid limegreen; transform: rotate(6deg); text-align: center; color: black; font-weight: bold; background-color: #808080; } .edit-info a { color: #FFCBCB; text-decoration: none; } .profile-pic img { content: url(YOUR_ANIMATED_PFP_HERE.GIF); border: 2px #ff03f7 solid !important; box-shadow: 2px 2px cyan !important; } .pfp-fallback:hover { transition: transform .7s ease-in-out; transform: rotate(1080deg); }</style><p>whatever text you want here just dont forget that you cannot have line breaks okay that part is v important omgggg xoxo</p><p>(but creating new paragraphs with the p tag will def work so there u go :DD)</p>

also, i do have an actual free-to-use bulletin layout

but there's a catch :o

I'M CURRENTLY SHARING IT VIA MY BULLETINS LMFAOOO

spacehey.com/bulletin?id=5626755

so if we aint frens, add me up && get a free bulletin layout :DD

ty for reading ily xoxo




50 Kudos

Comments

Displaying 5 of 5 comments ( View all | Add Comment )

Sploingledoo

Sploingledoo's profile picture

very kewl very radical


Report Comment

Maberious

Maberious's profile picture

I must be really stupid cause I can never get the background parts to work. I'll put a link in this are (YOUR_BACKGROUND_IMAGE_HERE.GIF) and just nothin


Report Comment



lol sry bout that :o

(it's so hard to read/write code when its condensed right down onto one line so yea, there was a prob with the body/background part which ive now fixed)

xoxo

by GOAT; ; Report

just checked the rest of it to see if i missed out a bracket or semi colon and im not seeing any issues so i think yr good to go now :DD

by GOAT; ; Report

Alright, thank you

by Maberious; ; Report

๐ŸŽ€๐’ฎ๐’ถ๐“‚o๐“ƒ๐ŸŽ€

๐ŸŽ€๐’ฎ๐’ถ๐“‚o๐“ƒ๐ŸŽ€'s profile picture

IMMA USE THIS FOREVA TYSMMMM


Report Comment



glad ur enjoyin!! <33

by GOAT; ; Report

Null_

Null_'s profile picture

this is so useful, how is this post not top of the frontpage yet?


Report Comment



cause it brand heckin new XDD

(only posted v recently) xoxo

by GOAT; ; Report

kiko!

kiko!'s profile picture

Would you happen to have a list of containers for profile, blog, and bulletins??? *bats eyelashes cutely*


Report Comment



that could easily become a v long post

cause there sure are a lot of em XDD

anyway protip

>right click anywhere on yr own profile, bulletin, blog
>inspect q

you'll see the code and can tweak it locally per browser sesh

you might find that quite useful!! xoxo

by GOAT; ; Report

Iโ€™m on Mac, I canโ€™t inspect 3,: (or maybe I just Tony know how, Mac sucks)

by kiko!; ; Report

YOURE A LIFE SAVOR!! (ใฅ ฬ„ ยณ ฬ„)ใฅ

by kiko!; ; Report

YOURE A LIFE SAVOR!! (ใฅ ฬ„ ยณ ฬ„)ใฅ

by kiko!; ; Report

<333

by GOAT; ; Report