jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2022-12-26 08:14 pm
10billionghosts) wrote2022-12-26 08:14 pm
code: RIBBON STAMP - a cast list code
Merry Draftsmas! Let's try to shuffle these last few codes out the door before the new year, eh? Here's code 12 (I think we're on 12), RIBBON STAMP.
I originally made RIBBON STAMP back in 2019 for Peckenpaugh, but the code was an utter mess and too unreliable to implement for the game so it never got used. In the years since, I've learned enough about coding to recreate RIBBON STAMP with much less code. A testament to sticking to hobbies and reviewing and redoing your old shit, I guess.
THAT ALL SAID, RIBBON STAMP is still a tiny bit of a pain in the ass. This code comes in two styles: one with one column of cards, and one with two columns of cards (as seen above). Be sure you're picking out the right code for your purposes and then thoroughly read the HOW TO USE section.
SINGLE COLUMN CODE HERE:
TWO COLUMN CODE HERE:
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile compatible and insanejournal friendly!
❣️ This code is sorta comment compatible! You may need to be a bit more conservative with how much text you use.
❣️ This code comes with two different styles of card, CARD (left text) and CARD (right text). They're labeled as such the code, which comes with one of each. The design looks best when these are alternated, but you can use all left-text or all right-text without breaking anything.
❣️ FOR THE TWO COLUMN CODE, for optimal results, you should also start the second column with the opposite style of card that ends your first column. So if the last card in your first column is CARD (left text) start your second column with CARD (right text).
❣️ Each card has one instance of IMG_URL to change. This is sized specifically for 100x100 icons, but you can replace IMG_URL with any portrait or gif and it will auto-scale to fit.
❣️ Each card's background ribbon uses a gradient background by default. That is 'background: linear-gradient(90deg, rgba(255,57,57,1) 0%, rgba(207,0,0,1) 100%);' (left-text card) or 'background: linear-gradient(90deg, rgba(207,93,152,1) 0%, rgba(252,186,223,1) 100%);' (right-text card).
❣️ 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.
I originally made RIBBON STAMP back in 2019 for Peckenpaugh, but the code was an utter mess and too unreliable to implement for the game so it never got used. In the years since, I've learned enough about coding to recreate RIBBON STAMP with much less code. A testament to sticking to hobbies and reviewing and redoing your old shit, I guess.
THAT ALL SAID, RIBBON STAMP is still a tiny bit of a pain in the ass. This code comes in two styles: one with one column of cards, and one with two columns of cards (as seen above). Be sure you're picking out the right code for your purposes and then thoroughly read the HOW TO USE section.
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile compatible and insanejournal friendly!
❣️ This code is sorta comment compatible! You may need to be a bit more conservative with how much text you use.
❣️ This code comes with two different styles of card, CARD (left text) and CARD (right text). They're labeled as such the code, which comes with one of each. The design looks best when these are alternated, but you can use all left-text or all right-text without breaking anything.
❣️ FOR THE TWO COLUMN CODE, for optimal results, you should also start the second column with the opposite style of card that ends your first column. So if the last card in your first column is CARD (left text) start your second column with CARD (right text).
❣️ Each card has one instance of IMG_URL to change. This is sized specifically for 100x100 icons, but you can replace IMG_URL with any portrait or gif and it will auto-scale to fit.
❣️ Each card's background ribbon uses a gradient background by default. That is 'background: linear-gradient(90deg, rgba(255,57,57,1) 0%, rgba(207,0,0,1) 100%);' (left-text card) or 'background: linear-gradient(90deg, rgba(207,93,152,1) 0%, rgba(252,186,223,1) 100%);' (right-text card).
- If you would like to have a solid color instead of a gradient, remove everything from 'linear-gradient' to '100%)' and replace it with a single hex code.
- To customize the gradients, I'd suggest using a CSS gradient generator like cssgradient.io. Just copy paste the code for the gradient you generate there into the code over the default gradient code.
❣️ 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.
no subject
no subject