jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2025-01-29 08:44 pm
10billionghosts) wrote2025-01-29 08:44 pm
Entry tags:
code: TRAILBLAZE IT MINI - a teeny HSR texting mock up
Header Text
Shitty Bill
Here is a longish message, to illustrate how something a bit longer will appear in this code. Doesn't this look like something!
Galactic Baseballer
Word from our sponsor.
Shitty Bill
Last year one of my friends asked if I could make them a bite sized version of TRAILBLAZE IT that worked with the ALBOE NU set. It was shockingly easy!! And then... I didn't release it because (gestures broadly).
Anyway, it's here now, folks. TRAILBLAZE IT MINI! This code is a VERY direct conversion from the larger version of this code, and as such most of the options from the larger version will work in this code either out of the box or with slight tweaks. Please refer to the HOW TO USE section for more details.
ALSO BE MINDFUL OF WHICH VERSION OF THIS CODE YOU GRAB! If you want to use this as part of of a larger ALBOE NU deck, grab the Alboe Nu Card version. Otherwise, use the standalone version of the code.
GET THE STANDALONE VERSION OF THE CODE:
GET THE ALBOE NU OF THE CODE:
HOW TO USE:
❣️ Mind the lj-raw tags!
❣️ This code is mobile compatible! I did not test it on InsaneJournal, but it's probably IJ friendly because the bigger version was.
❣️ IF YOU ARE WANTING TO USE THIS AS PART OF AN ALBOE NU DECK make sure you've got the outer wrapper for the code from the original ALBOE NU posts.
❣️ By default, this code is set so that the area where the text messages are will generate a scroll bar. This is to keep with the styling in game. If you would like the code to scale height-wise with more content, find and delete "overflow:auto" from the code. This will only work with the standalone version of the code.
❣️ The menu closing "X" in the header is totally optional. Delete it if you don't want it or change it to whatever you'd like.
❣️ By default this code comes with 1 incoming message, 1 outgoing message, and incoming and outgoing stickers. If you would like the full photo code, you can just use the one from the full-sized version of this code. It should work seamlessly!
❣️ All messages should be loaded in where indicated in the code (within the NEW CONTENT HERE comments).
❣️ Make sure you replace any instance of IMG_URL with an appropriate image. [portrait]s and [image]s will resize to appropriately fit the space given. [sticker]s will size down to 25% of the window size.
❣️ The [sticker] code can be used as a standalone message or pasted directly beneath a [message] in the code, as shown in the example. For best results, stickers should be gifs or transparent pngs.
❣️ Want to change the colors? Be sure to use find-replace to update them. Here's a breakdown of each hex code:
❣️ 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!
Anyway, it's here now, folks. TRAILBLAZE IT MINI! This code is a VERY direct conversion from the larger version of this code, and as such most of the options from the larger version will work in this code either out of the box or with slight tweaks. Please refer to the HOW TO USE section for more details.
ALSO BE MINDFUL OF WHICH VERSION OF THIS CODE YOU GRAB! If you want to use this as part of of a larger ALBOE NU deck, grab the Alboe Nu Card version. Otherwise, use the standalone version of the code.
GET THE ALBOE NU OF THE CODE:
HOW TO USE:
❣️ Mind the lj-raw tags!
❣️ This code is mobile compatible! I did not test it on InsaneJournal, but it's probably IJ friendly because the bigger version was.
❣️ IF YOU ARE WANTING TO USE THIS AS PART OF AN ALBOE NU DECK make sure you've got the outer wrapper for the code from the original ALBOE NU posts.
❣️ By default, this code is set so that the area where the text messages are will generate a scroll bar. This is to keep with the styling in game. If you would like the code to scale height-wise with more content, find and delete "overflow:auto" from the code. This will only work with the standalone version of the code.
❣️ The menu closing "X" in the header is totally optional. Delete it if you don't want it or change it to whatever you'd like.
❣️ By default this code comes with 1 incoming message, 1 outgoing message, and incoming and outgoing stickers. If you would like the full photo code, you can just use the one from the full-sized version of this code. It should work seamlessly!
❣️ All messages should be loaded in where indicated in the code (within the NEW CONTENT HERE comments).
❣️ Make sure you replace any instance of IMG_URL with an appropriate image. [portrait]s and [image]s will resize to appropriately fit the space given. [sticker]s will size down to 25% of the window size.
❣️ The [sticker] code can be used as a standalone message or pasted directly beneath a [message] in the code, as shown in the example. For best results, stickers should be gifs or transparent pngs.
❣️ Want to change the colors? Be sure to use find-replace to update them. Here's a breakdown of each hex code:
- hex code #1f1f1f - primary text color, declared at top of code.
- hex code #d5d5d5 - light gray "background" color, declared at least twice. use find-replace to update.
- hex code #acacad - this is just the divider line between the header and body
- hex code #5f5f5f - secondary header text color, find-replace this once you're done otherwise editing the code.
- hex code #ebebeb - off-white. background for incoming texts.
- hex code #d4ba8b - background for outgoing texts.
❣️ 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!