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 don't forget that you cannot have line breaks (by that i mean pressing ENTER to create a new line - using <br> works just fine) - xoxo</p><p>(also creating new paragraphs with the <p> tag will def work so there u go)</p>

update: full bulletin layout has now been migrated from my bulletins to here!! :D

<style>.content::after { content: "MADE BY A GOAT XOXO (spacehey.com/winning)"; } .dankcode { border: 1px solid white; font-size: 14px; color:cyan; background-color: grey; padding:5px; } .comments-table { border: 4px solid gray; box-shadow: 4px 4px lightpink; } .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; } body { background-image: url(LINK_2_UR_BACKGROUND_IMAGE.GIF); } main {background-color:black; } .content { font-family: courier; font-size: 20px; font-weight: bold; text-shadow: 2px 2px 1px limegreen; } .row { background-color: black; color: white; } nav .top { background-color:black; color:white; } nav .links { background-color:black; text-align:center; font-size:14px; } nav .links a { text-decoration:none; color:lightpink; } nav .links a:hover { text-decoration:none; color:limegreen; } .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(LINK_TO_UR_ANIMATED_PFP.GIF); border: 2px #ff03f7 solid !important; box-shadow: 2px 2px cyan !important; } .pfp-fallback:hover { transition: transform .7s ease-in-out; transform: rotate(1080deg); } .title { -webkit-transform: perspective(250px) rotateX(20deg); -webkit-text-stroke: 2px #ffb4ff; display: block; letter-spacing: 5px; background-image: url(A_GIF_TO_FILL_THIS_TXT_WITH.GIF) !important; -webkit-background-clip: text !important; background-size: 30% 60% !important; color: transparent; font-size: 40px; text-align: center; } :root { --light-orange: black; --even-lighter-orange: black; } .comments-table: color: black; font-size: 16px; } .comments-table a { color:white; text-decoration:none; } .comments-table a:hover { color:limegreen; text-decoration:none; } .author-details a:hover { color:limegreen; } .goatgang { font-size:18px; font-family: "Tektur", sans-serif; border: 2px solid green; padding:5px; text-align:center; width:300px; background-image: url(https://i.pinimg.com/originals/0d/fc/c7/0dfcc74e548331e5ebba00d093b5fba8.gif); color:black; -webkit-text-stroke: 2px silver; } .goatgang a { color:black; -webkit-text-stroke: 2px silver; } .goatgang a:hover { color:crimson; -webkit-text-stroke: 2px black; text-decoration:none; }</style><p>WHATEVER TEXT YOU WANT HERE XOXO</p>

btw yr all v welcome <33

subscrb

frens

profiel

discord

116 Kudos

Comments

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

joizzyb33	1752764707 HOLY THIS IS SO FREAKING COOL Report Comment
invis077	1752722043 this is so cool but i'm not even going to try to use it and format it to match my profile LMAO Report Comment
iloveyou2_	1752615091 hi guys sorry I'm new to this, how to I add this to my blog? Report Comment its for bulletins this stuff right here but there is another post i got up with a blog layout :D by GOAT; 1752615474; Report ohh okay tysmmm <33 by iloveyou2_; 1752615562; Report
Volffffff	1752506262 You CAN use line breaks of html - add " where you want a line break - it should work Report Comment i guess that would hapen but can't edit lol its " < b r / > " but without quotes and spaces by Volffffff; 1752506310; Report update: yeah used this template and yep br tag works by Volffffff; 1752506495; Report yeah but it has to be one continuous chunk of code so <br> tags work yea but pressin enter to start a new line thats the no no part :o by GOAT; 1752507284; Report which is a bit annoyin tbf cause im so used to separatin my stylesheets with linebreaks so going from that to staring at a continous chunk of code the latter is def more of a headache lmaooo by GOAT; 1752507466; Report
Blackwater William	1752494285 Ay thats pretty coo Report Comment
weirdAlchemist	1752224251 I love this! It’s so groovy Report Comment
Sploingledoo	1752061617 very kewl very radical Report Comment
Maberious	1751850896 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; 1751868254; 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; 1751868737; Report Alright, thank you by Maberious; 1751894441; Report
🎀𝒮𝒶𝓂o𝓃🎀	1751813754 IMMA USE THIS FOREVA TYSMMMM Report Comment glad ur enjoyin!! <33 by GOAT; 1751868586; Report
Null_	1751707979 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; 1751708022; Report
kiko!	1751657818 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; 1751657997; Report I’m on Mac, I can’t inspect 3,: (or maybe I just Tony know how, Mac sucks) by kiko!; 1751658426; Report YA JUST GOTTA BE AWKWARD AINTCHA XDD lol jk i gotchu fam dw <33 developer.apple.com/documentation/safari-developer-tools/inspecting-safari-macos developer.apple.com/documentation/safari-developer-tools/web-inspector :DD by GOAT; 1751659095; Report YOURE A LIFE SAVOR!! (づ ̄ ³ ̄)づ by kiko!; 1751659335; Report YOURE A LIFE SAVOR!! (づ ̄ ³ ̄)づ by kiko!; 1751659337; Report <333 by GOAT; 1751813170; Report