jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2020-06-15 12:53 am
10billionghosts) wrote2020-06-15 12:53 am
Entry tags:
code: mini-mood board / simple splash nav (updated 9/14/21)
UPDATED 9/14/21: Just made some quick tweaks to make sure everything is aligning as intended. Sorry I left this one a mess for so long. 🥲
Original Description
Now that Peckenpaugh is done, I've been trying to find constructive ways to keep my brain preoccupied. Here is the first presentable result of those endeavors: a mini mood board/splash nav for whatever you might need. Nothing too fancy, just dipping my toes back into code.
I've provided a couple of examples below. One as a splash page for an older character of mine and another for a more generic "contact me" card, just for some ideas of what you could do with this.
Here's the raw code for you:
HOW TO USE
❣️ Keep the lj-raw tags!!
❣️ This works best in a fresh, otherwise empty journal post, but it may serve as a splash page code, as well!
❣️ Change any #ccc hex code to any color you'd like.
❣️ Replace any IMG with a URL of an image.
❣️ The div labeled "grid-area:one" (toward the bottom of the code) is the largest of the images.
❣️ the divs labeled "grid-area:two" through "grid-area:eight" are each of the shorter bars, while "grid-area:nine" is the long solid color bar at the bottom.
As always, I do not require credit, but it is appreciated. I love to see what people have done with my code, so drop me a comment with a link if you decide to use!
This code SHOULD be compatible with insanejournal as-is! However, as I do not use insanejournal, I cannot offer support if the code looks wonky. Apologies!
Original Description
Now that Peckenpaugh is done, I've been trying to find constructive ways to keep my brain preoccupied. Here is the first presentable result of those endeavors: a mini mood board/splash nav for whatever you might need. Nothing too fancy, just dipping my toes back into code.
I've provided a couple of examples below. One as a splash page for an older character of mine and another for a more generic "contact me" card, just for some ideas of what you could do with this.
Here's the raw code for you:
HOW TO USE
❣️ Keep the lj-raw tags!!
❣️ This works best in a fresh, otherwise empty journal post, but it may serve as a splash page code, as well!
❣️ Change any #ccc hex code to any color you'd like.
❣️ Replace any IMG with a URL of an image.
❣️ The div labeled "grid-area:one" (toward the bottom of the code) is the largest of the images.
❣️ the divs labeled "grid-area:two" through "grid-area:eight" are each of the shorter bars, while "grid-area:nine" is the long solid color bar at the bottom.
As always, I do not require credit, but it is appreciated. I love to see what people have done with my code, so drop me a comment with a link if you decide to use!
This code SHOULD be compatible with insanejournal as-is! However, as I do not use insanejournal, I cannot offer support if the code looks wonky. Apologies!
CONTACT ME
no subject