jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2022-12-19 09:15 pm
10billionghosts) wrote2022-12-19 09:15 pm
Entry tags:
code: AQUARIUM - a multi-purpose box
name, name & name
date . location . rating
⚠ cw, cw, cw ⚠
AQUARIUM is a code to make text a little more exciting. It comes with a bunch of fully optional subsections, including a fake LJ-cut, so that you can use it for just about anything: thread headers, tags, flash reactions, IC/OOCs, full logs, informational pages -- it's dynamic! You can click this link for the full post.
Check it out! You can store additional text beneath the fake lj-cut here and it'll automatically stretch the height of this code. You can put a ton of words in here if you want. The world is your oyster.
Merry Draftsmas! Here is code ten of the release block, AQUARIUM. I figure it makes a good combination thread header/first post in a thread, or maybe a flash reaction or IC/OOC post, or even something to post a full log in. IDK. It's sort of mysterious.
A lot of my codes start out as A Weird Thing that I have no actual goal for. I make them, go "Is this anything?" and say not really and shelve it until I can look at it again with fresh eyes. This is one of those codes.
This code has a number of fully optional subsections -- basically anything that appears in the white space. They are all clearly labeled in the code and can be deleted or duplicated to suit your needs. By default, the code comes with all of the thread topper subsections (portraits, location/date, cw warnings, summary with pre-styled link), a fake LJ-cut, and space for a body of text -- basically what you see at the top of this post. I've additionally coded up a simple mood board that'll fit inside, and styled a textarea code, so you can use it for stuff like gifts, flash reaction posts, or ic/oocs. You can pick up those bonus codes, and see live previews of them, at the bottom of this post.
CODE HERE:
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile compatible and insanejournal friendly!
❣️ If you would like to make this code wider to better accommodate a lot of text, simply change the max-width: value at the top of the code to a larger number. I find that 500px to 600px looks nice.
❣️ Every single subsection found under the 'CONTENT' header is optional -- basically anything that is titled [between brackets like this]. You can move these around, duplicate them, delete them entirely, or add display:none to their starting tags to disappear them.
❣️ This code is pretty dynamic, and if you're at least a little familiar with HTML and CSS, you can customize the CONTENT area to make it into a whole lot of things -- game ads, bios, playlists, for instance.
❣️ If you don't want to use the default fake LJ-cut, be sure you remove the fake lj-cut sections from the code where indicated.
❣️ Be sure to replace any IMG_URL placeholder text you see! For the big header and footer images, you can just use the same image twice -- that usually looks nice -- but feel free to get creative. I was thinking character gifs might be a nice touch for a 2 person thread/log.
❣️ By default, the upper and lower images are set to position center. This should be fine if you're doing two different images, but if you're using the same image twice, you may want to try changing the top to background-position:center top; and the bottom image to background-position:center bottom;
❣️ You can put text in the tiny solid color header and footer, which are found under the HEADER FOOTER section of the code. Look for the words !!text or delete!! to see where to change those.
❣️ #URL_FOR_POST is placeholder text that you MUST change if you are using the fake LJ-cut code. #URL_FOR_POST should be changed to, you guessed it, the URL for your post.
❣️ Under the teeny portraits subsection, you can remove extra portraits by deleting the full link, or add more by copy-pasting one link over and over. They're in a flex grid, so they'll shuffle nicely.
❣️ ICON_URL_HERE appears under the teeny portraits subsection, and as the name implies, is for icons. Don't forget to change CHARACTER NAME! as well, and update #JOURNAL_URL_HERE with the appropriate URL.
❣️ hex code #254753 is the default color for plain text in the code. It is only declared once, at the top of the code. I would recommend keeping this color as close to black as possible, or if you're going for a dark mode version with a black background, very light gray.
❣️ rgba(0, 144, 135,.85) is the color of the little solid bar header and footer surrounding the white text area. It's declared twice, and only in the HEADER FOOTER section. Change the first three numbers to the corresponding rgb values of the color you'd like to use. Fiddle with the .85 to adjust the opacity.
❣️ rgb(0, 144, 135) is used for the top and bottom border lines on the TEXT BACKGROUND section. It's the same color as above, but without a transparency value. Change the three numbers to the rgb value of the color you'd like to use.
❣️ hex code #06839d appears several times and is used for sub-headers and links. For an easy time, just find-replace this hex code color with the one you'd like to use.
❣️ This code comes with a credit by default. Appreciate it if you leave it in, but you can delete if you want! :)
❣️ 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 one of the charities listed on the main draftmas hub post.
A lot of my codes start out as A Weird Thing that I have no actual goal for. I make them, go "Is this anything?" and say not really and shelve it until I can look at it again with fresh eyes. This is one of those codes.
This code has a number of fully optional subsections -- basically anything that appears in the white space. They are all clearly labeled in the code and can be deleted or duplicated to suit your needs. By default, the code comes with all of the thread topper subsections (portraits, location/date, cw warnings, summary with pre-styled link), a fake LJ-cut, and space for a body of text -- basically what you see at the top of this post. I've additionally coded up a simple mood board that'll fit inside, and styled a textarea code, so you can use it for stuff like gifts, flash reaction posts, or ic/oocs. You can pick up those bonus codes, and see live previews of them, at the bottom of this post.
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile compatible and insanejournal friendly!
❣️ If you would like to make this code wider to better accommodate a lot of text, simply change the max-width: value at the top of the code to a larger number. I find that 500px to 600px looks nice.
❣️ Every single subsection found under the 'CONTENT' header is optional -- basically anything that is titled [between brackets like this]. You can move these around, duplicate them, delete them entirely, or add display:none to their starting tags to disappear them.
❣️ This code is pretty dynamic, and if you're at least a little familiar with HTML and CSS, you can customize the CONTENT area to make it into a whole lot of things -- game ads, bios, playlists, for instance.
❣️ If you don't want to use the default fake LJ-cut, be sure you remove the fake lj-cut sections from the code where indicated.
❣️ Be sure to replace any IMG_URL placeholder text you see! For the big header and footer images, you can just use the same image twice -- that usually looks nice -- but feel free to get creative. I was thinking character gifs might be a nice touch for a 2 person thread/log.
❣️ By default, the upper and lower images are set to position center. This should be fine if you're doing two different images, but if you're using the same image twice, you may want to try changing the top to background-position:center top; and the bottom image to background-position:center bottom;
❣️ You can put text in the tiny solid color header and footer, which are found under the HEADER FOOTER section of the code. Look for the words !!text or delete!! to see where to change those.
❣️ #URL_FOR_POST is placeholder text that you MUST change if you are using the fake LJ-cut code. #URL_FOR_POST should be changed to, you guessed it, the URL for your post.
❣️ Under the teeny portraits subsection, you can remove extra portraits by deleting the full link, or add more by copy-pasting one link over and over. They're in a flex grid, so they'll shuffle nicely.
❣️ ICON_URL_HERE appears under the teeny portraits subsection, and as the name implies, is for icons. Don't forget to change CHARACTER NAME! as well, and update #JOURNAL_URL_HERE with the appropriate URL.
❣️ hex code #254753 is the default color for plain text in the code. It is only declared once, at the top of the code. I would recommend keeping this color as close to black as possible, or if you're going for a dark mode version with a black background, very light gray.
❣️ rgba(0, 144, 135,.85) is the color of the little solid bar header and footer surrounding the white text area. It's declared twice, and only in the HEADER FOOTER section. Change the first three numbers to the corresponding rgb values of the color you'd like to use. Fiddle with the .85 to adjust the opacity.
❣️ rgb(0, 144, 135) is used for the top and bottom border lines on the TEXT BACKGROUND section. It's the same color as above, but without a transparency value. Change the three numbers to the rgb value of the color you'd like to use.
❣️ hex code #06839d appears several times and is used for sub-headers and links. For an easy time, just find-replace this hex code color with the one you'd like to use.
❣️ This code comes with a credit by default. Appreciate it if you leave it in, but you can delete if you want! :)
❣️ 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 one of the charities listed on the main draftmas hub post.
name, name & name
date . location . rating
⚠ cw, cw, cw ⚠
a few sentences summarizing what this thread is! if you are using a fake lj-cut, here is your pre-styled link. delete it if you don't need it.
Sweet roll jujubes sugar plum lollipop chocolate bar biscuit topping cotton candy. Gummi bears ice cream cupcake jelly donut halvah. Candy donut lemon drops jelly-o jujubes. Sweet roll topping ice cream muffin cake chupa chups. Carrot cake sugar plum wafer candy chocolate bar bear claw jelly-o dessert liquorice.
Lemon drops toffee jelly beans jelly-o jelly. Wafer muffin bear claw fruitcake biscuit sweet roll cake gummies muffin.
Sesame snaps jelly-o caramels halvah oat cake. Fruitcake cheesecake liquorice cake jelly beans. Jelly-o tootsie roll cotton candy chocolate bar toffee chocolate cake jelly-o pudding oat cake. Bear claw muffin croissant icing sugar plum dragée donut biscuit. Powder powder bear claw sesame snaps candy. Gummi bears jujubes pie gummies toffee.
Sweet roll biscuit danish sweet ice cream danish candy. Candy lemon drops caramels candy canes macaroon carrot cake chupa chups fruitcake toffee. Donut marshmallow toffee marshmallow dessert sesame snaps cupcake gingerbread. Candy jujubes biscuit brownie cheesecake pastry donut.
Lemon drops toffee jelly beans jelly-o jelly. Wafer muffin bear claw fruitcake biscuit sweet roll cake gummies muffin.
Sesame snaps jelly-o caramels halvah oat cake. Fruitcake cheesecake liquorice cake jelly beans. Jelly-o tootsie roll cotton candy chocolate bar toffee chocolate cake jelly-o pudding oat cake. Bear claw muffin croissant icing sugar plum dragée donut biscuit. Powder powder bear claw sesame snaps candy. Gummi bears jujubes pie gummies toffee.
Sweet roll biscuit danish sweet ice cream danish candy. Candy lemon drops caramels candy canes macaroon carrot cake chupa chups fruitcake toffee. Donut marshmallow toffee marshmallow dessert sesame snaps cupcake gingerbread. Candy jujubes biscuit brownie cheesecake pastry donut.