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

(THE ENTER KEY IS THE ENEMY HERE!! DO NOT TOUCH IT!! XDD)

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>

and ofc, if you want the FULL bulletin layout, look no further :DDD

<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

251 Kudos

Comments

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

Bluecore97	1760798452 Just had a go, and jeez, this is so easy! Thanks a lot! Report Comment
ohnothankskid	1758747554 I OWE U MY LIFE THANK U Report Comment u dont owe anything just be happy bein happy <33 by GOAT; 1760788876; Report
˚❦:˚𝕰𝖗𝖔𝖙𝖎𝖈𝖆☙.:｡+ﾟ	1755847958 so how do you add this as a permanent bulletin background? do you add the code to every bulletin you post? and can I do an unanimated pfp? help me out I'm stuck xx Report Comment yeah you'd copy/paste into every new bulletin :o and you don't need an animated pic (i just love usin gifs) use whatever image you want just make sure it's the literal path (i.e. http://website.com/images/image.jpg for example) xoxo by GOAT; 1755851000; Report thank yewww XP by ˚❦:˚𝕰𝖗𝖔𝖙𝖎𝖈𝖆☙.:｡+ﾟ; 1755916506; Report and do you add all 3of the black boxes of code on this entry into one page of code? and where do u insert ur hello world blurb? I'm thinking you put it here -> " WHATEVER TEXT YOU WANT HERE XOXO " but I don't wanna do it wrong, srry!! I'm new to doing diy code by ˚❦:˚𝕰𝖗𝖔𝖙𝖎𝖈𝖆☙.:｡+ﾟ; 1755916755; Report no no the last one is the full code the other two are just examples, me explaining how it all works :3 by GOAT; 1755937116; Report and yeah, you replace the part for your text here with whatever stuff you want just remember to NOT use line breaks like this and this or like this xoxo by GOAT; 1755937197; Report
ほしの	1753371746 you deserve to be called goat fr Report Comment bless u tru believer <33 by GOAT; 1757901832; Report
Kisf	1753301516 THE GOATTTTT!!!!!🙌🙌 Report Comment
Onlyhere.fordrama22	1753242687 0MGZ TH3 L4Y0UT IS S0 K3WL! T34CH M3 2 C0D3 LIK3 TH4T! (⁠⁠˘⁠︶⁠˘⁠⁠)⁠.⁠｡⁠⁠♡ Report Comment dat me :3 by GOAT*; 1757901857; Report
ORCH1Dᯓ★	1753209429 I- OMG U DESERVE ALL THE KUDOS THIS IS SZO HELPFUL AAAA- Report Comment ty im glad u liked it :DDD by GOAT; 1757901882; Report
angel_wings..*	1753199334 you are a godsend aren't you? I ran here Report Comment just makin sure theres nuff dank code to go round <33 by GOAT; 1757901909; Report
Isa	1753120456 Thank you so much! I attempted to edit mine but was only able to do it halfway This helps a lot Report Comment yr v welcome!! :3 by GOAT; 1757901952; Report
x.Alice.x	1753047457 this is so helpful ilysm Report Comment <333 by GOAT; 1757901976; Report
kimii	1752948327 HELLO??!! I need to save this Report Comment archive it if u want :o https://help.archive.org/help/save-pages-in-the-wayback-machine/ xoxo by GOAT; 1757902038; Report hell yeah!! by kimii; 1758982785; Report
joizzyb33	1752764707 HOLY THIS IS SO FREAKING COOL Report Comment tyty!! :3 by GOAT; 1757902066; Report
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 yea readin code w/out any linebreaks is a pain for me too XDD (protip tho: ctrl+f to search - rly is a lifesaver) xoxo by GOAT; 1757902105; Report
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 tyyy <33 by GOAT; 1757902138; Report
weirdAlchemist	1752224251 I love this! It’s so groovy Report Comment :DDD by GOAT; 1757902149; Report
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𝓃(kinda inactive due to skool)🎀	1751813754 IMMA USE THIS FOREVA TYSMMMM Report Comment glad ur enjoyin!! <33 by GOAT; 1751868586; Report