jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2023-01-13 08:10 pm
10billionghosts) wrote2023-01-13 08:10 pm
Entry tags:
code: SCROLL - a post topper with hidden insides
Happy new year! Say hello to SCROLL. As you can see, this design comes with a simple post topper and hidden body and footer sections. You'll get just the header on reading pages, and an open information box on the post's entry page. Use it for thread starters, IC/OOCs, flash reactions, announcements, letters, short narratives -- whatever you'd like!
The code comes in two versions:
ANYWAY, code and instructions below. Enjoy! ❤️
The code comes in two versions:
- One with three images in the header (background left rectangle, background right rectangle, and foreground circle)
- One with two images in the header (background rectangle and foreground circle)
ANYWAY, code and instructions below. Enjoy! ❤️
Remember! This code has just two variants.
If you want two images in the background rectangle bar at the top of the code, pick the FIRST code. If you want just one background image for the rectangle at the top of the code, pick the SECOND code. If you would like JUST the top of the code without the text box or footer, check the HOW TO USE section for instructions.
DUAL RECTANGLE CODE HERE:
SOLO RECTANGLE CODE HERE:
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile compatible and insanejournal friendly!
❣️ You've got multiple instances of the placeholder text IMG_URL to replace here. Be sure to look for each one and replace it with an appropriate image URL!
❣️ Replace the placeholder text #POST_URL with the url for the post itself! This means that you will need to post this code, copy the link, and then edit the post and replace this placeholder text.
❣️ If you want to get rid of everything that appears when you click on the central circle, simply look in the code for comments that indicate what section should be deleted and nuke it.
❣️ The code's height will auto-scale, so you can put as much text in the [content] section as you'd like.
❣️ hex code #483626 is your default text color, located at the top of the code. Change that hex code to change the font color.
❣️ hex code #ebd0a0 is the background color of the text box, found under the [content] section of the code. Replace this code to change the background color of the text area.
❣️ You can adjust the line height (line-height:1.6), text size (font-size:12px), and font (font-family:arial, helvetica, sans serif) from the very top of the code. For the font alignment, head down to the [content] section and change text-align:left to whatever alignment you'd like.
❣️ This code comes with a credit by default -- it's near the top this time because that was the most hassle-free way of including it. 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 my ko-fi.
If you want two images in the background rectangle bar at the top of the code, pick the FIRST code. If you want just one background image for the rectangle at the top of the code, pick the SECOND code. If you would like JUST the top of the code without the text box or footer, check the HOW TO USE section for instructions.
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile compatible and insanejournal friendly!
❣️ You've got multiple instances of the placeholder text IMG_URL to replace here. Be sure to look for each one and replace it with an appropriate image URL!
❣️ Replace the placeholder text #POST_URL with the url for the post itself! This means that you will need to post this code, copy the link, and then edit the post and replace this placeholder text.
❣️ If you want to get rid of everything that appears when you click on the central circle, simply look in the code for comments that indicate what section should be deleted and nuke it.
❣️ The code's height will auto-scale, so you can put as much text in the [content] section as you'd like.
❣️ hex code #483626 is your default text color, located at the top of the code. Change that hex code to change the font color.
❣️ hex code #ebd0a0 is the background color of the text box, found under the [content] section of the code. Replace this code to change the background color of the text area.
❣️ You can adjust the line height (line-height:1.6), text size (font-size:12px), and font (font-family:arial, helvetica, sans serif) from the very top of the code. For the font alignment, head down to the [content] section and change text-align:left to whatever alignment you'd like.
❣️ This code comes with a credit by default -- it's near the top this time because that was the most hassle-free way of including it. 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 my ko-fi.
!! your content here !!
no subject
no subject