code: IT'S OK I GUESS - a steam review mock up code

[10billionghosts]

No one has rated this review as helpful yet

Recommended
7,995.5 hrs on record (7,995.0 hrs at review time)

★

it's ok i guess

Posted May 8, 2005.

Was this review helpful?

Yes No Funny Award

Nobody asked for this, but here it is! (The title of my autobiography.) it's ok i guess is a mock up of steam user reviews that I made after making a goof at Churl the other day.

It is mobile compatible and has several spaces for links hard coded in, and plenty of space for text. There's also a thumbs down image linked within the code so you can NOT RECOMMENDED things if you want lmao. I figure it'll make for a fun splash page or possibly a goofy CR chart?

Anyway, enjoy! Don't forget to read the how to use!

<lj-raw><div style="max-width:640px;width:100%;margin:15px auto;display:flex;flex-wrap:wrap;justify-content;start;align-items:stretch;align-content:start;font-family:helvetica, sans serif;font-size:13px;color:#fff;"> <!-- top row --> <div style="box-sizing:border-box;width:100%;min-height:34px;padding:5px 10px;display:flex;justify-content;start; align-items:center;align-content:center;background: linear-gradient(90deg, rgba(48,57,68,1) 0%, rgba(78,92,104,1) 100%);border-top:2px solid #425a76;color:#adb8c1"> No one has rated this review as helpful yet </div> <!-- top row end --> <!-- second row --> <div style="box-sizing:border-box;width:100%;height:1px;background: linear-gradient(260deg, rgba(93,106,117,1) 0%, rgba(66,74,85,1) 100%);"></div> <div style="box-sizing:border-box;width:100%;min-height:150px;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-contents:start;gap:0px;background: linear-gradient(225deg, rgba(86,100,114,1) 0%, rgba(49,59,71,1) 100%);"> <!-- image/label space --> <div style="box-sizing:border-box;width:208px;"> <div style="box-sizing:border-box;width:184px;height:69px;margin:0 auto 10px;padding:7px;background:#ccc url('IMG_URL')top;background-size:115%;"> <a href="#URL_HERE" style="width:100%;height:100%;display:flex;justify-content:end;align-items:end;text-decoration:none;text-shadow:1px 1px 2px #5d6a75;color:#fff">link text</a> </div> </div> <!-- image/label end --> <!-- review space --> <div style="box-sizing:border-box;width:auto;flex-grow:1;display:grid;"> <!-- recommendation --> <div style="box-sizing:border-box;width:100%;height:45px;display:grid;grid-template-columns:44px 1fr 25px;background:linear-gradient(90deg, rgba(54,63,73,1) 0%, rgba(71,85,98,1) 100%);"> <!-- HELLO! IF YOU WOULD LIKE A THUMBS DOWN, HERE IS THE URL: https://i.imgur.com/t3stSrm.png --> <img src="https://i.imgur.com/qGqdr5A.png"> <!-- rec text --> <div style="max-width:270px;padding:4px 0 0 10px;"> <b style="font-size:14px;">Recommended</b><br/> <small>120.5 hrs on record (101 hrs at review time)</small> </div> <!-- star --> <div style="display:flex;justify-content:center;align-items:center;font-size:20px;color:#678192">★</div> </div> <!-- recommendation bar end --> <!-- review text --> <div style="width:100%;margin:10px 0;line-height:1.5;text-align:justify;"> </lj-raw>Your review text here!<lj-raw> </div> <!-- review text end --> <!-- posted on; just delete the text if you don't want this part, don't delete the code --> <div style="width:100%;padding-bottom:10px;border-bottom:1px solid #363f4c;font-size:11px;font-style:italic;color:#adb8c1"> Posted May 8, 2005. </div> <!-- posted on end --> <!-- bottom line; you can use the buttons as links if you want! --> <div style="box-sizing:border-box;width:100%;padding:10px;display:flex;flex-wrap:wrap;justify-content:start;align-items:start;align-content:start;gap:5px;font-size:11px;"> <div style="padding-right:3px;line-height:2;color:#adb8c1">Was this review helpful?</div> <a href="#URL_HERE" style="text-decoration:none;padding:3px 5px;border-radius:2px;background:#22282e;color:#67c1f5;">Yes</a> <a href="#URL_HERE" style="text-decoration:none;padding:3px 5px;border-radius:2px;background:#22282e;color:#67c1f5;">No</a> <a href="#URL_HERE" style="text-decoration:none;padding:3px 5px;border-radius:2px;background:#22282e;color:#67c1f5;">Funny</a> <a href="#URL_HERE" style="text-decoration:none;padding:3px 5px;border-radius:2px;background:#22282e;color:#fff;">Award</a> </div> <!-- bottom line end --> </div> </div> <!-- second row end --> <!-- credit --> <div style="width:100%;text-align:right;"><a href="https://10billionghosts.dreamwidth.org/" style="font-size:8px;text-decoration:none;color:#CBCCDA;">code</a></div> </div>

HOW TO USE:

❣️ Mind the LJ-Raw tags on this one!

❣️ You can stack multiple of these on a page just copy paste the code multiple times.

❣️ This code is mobile compatible! I have not tested this code on InsaneJournal.

❣️ You've got one instance of IMG_URL to update here. Be sure to replace that with an appropriate picture URL!

❣️ Be sure to update any #URL_HEREs with proper URLs. If you'd like to remove the link function from anything, just remove href=#URL_HERE" entirely from that piece of code.

❣️ By default, the code has a thumbs up loaded in. Within the comments on the code is the URL for a thumbs down. Just swap the thumbs down in over the thumbs up URL

❣️ For the header image, you can delete the "link text" placeholder text and the image will still be a link. The text is just there to show you can add text to it. Look for the part of the code that says "HELLO!"

❣️ Don't forget to update the time played value for comedy!

❣️ The very top line by default is "No one has rated this review as helpful yet". if you want to keep in line with steam, you'd update it to "# people found this review helpful"

❣️ Since this is a mock up and it's a LOT of gradients, I'm not going to detail the various color customization things. But you're more than welcome to crack into them and edit it if you feel up to it!

❣️ Please be kind when using this code. It's intended for goofs, not hurting feelings.

❣️ This code comes with a credit by default. Appreciate it if you leave it in!

❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to my ko-fi -- it's always greatly appreciated!

3 people found this review helpful

MYDEI

Recommended
120.5 hrs on record (101 hrs at review time)

★

it's achilles. of course i love him.

Posted May 8, 2005.

Was this review helpful?

Yes No Funny Award

code

Comments

[bigwife]

you make such cool things!!!!!

[10billionghosts]

THANK YOU SOB ;A; And thank you for giving me a reason to get the idea to begin with B)

[thisismanx]

lmaooooo thank you for including my brainrot

[10billionghosts]

:))))

[thisismanx]

No one has rated this review as helpful yet

10billionghosts

Recommended
120.5 hrs on record (101 hrs at review time)

★

a kewl dude

Posted March 14, 2025.

Was this review helpful?

Yes No Funny Award

code

[10billionghosts]

LMAO WELL NOW WE KNOW IT'S SEMI COMMENT COMPATIBLE

[thisismanx]

lmaooo i technically had to toss an empty img code in to define the height, idk why that worked but it did

[10billionghosts]

Cracking up at our team-based engineering skills

[thisismanx]

lmao god i was too tired to realize how janky it still posted compared to the original code :playdead:

[haunted_cherries]

Sticking this in my sticky post for funsies b/c it’s absolutely, positively PERFECT!! Thank you for always make such awesome codes and sharing em with the world!! ❤️❤️

Also “ Nobody asked for this, but here it is! (The title of my autobiography.)” made me SCREECH LAUGH xD

[10billionghosts]

Aaa thank you so much for the kind words!! I'm glad you like this one ;u;

Also fdjdksal I love when my jokes go over well.

[parasitic]

this is so awesome

[10billionghosts]

Thank you!! :]