lina_trinch: (red flower)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2020-02-08 04:19 pm

[8] Mother 3 Codes






Navigation

Click Here For Live Previews


Code:



❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ There are three image options (or rather, three page layout options). All are in the code. If you wanted to move them around, you can copy/paste the code in between the brackets for SMALL / MEDIUM / LARGE image boxes.

❖ This code is very customizable if you have some experience in css/html. Without experience, you can still fiddle around with the layout already provided to get the setup you're looking for. If you have any problems with it, let me know.

❖ Don't add too much information in the boxes. They don't scroll. (They could but I couldn't figure out a way for them to scroll and not look terrible.)

❖ The icons in the bottom boxes are from Icons8.




Ctrl+F & Replace:

NAVIMAGE_URL - icons on top bar
IMAGE_URL - various images in the body
URL - link urls
LINK - the name of links
icons8 - to find all icon urls in the bottom boxes

Character Name - your character's name
Canon Name - your character's canon
NAME HERE - your handles on Plurk, Discord, and just RP in general
Game Name - your character's game
Lorem Ipsum - various pieces of text for you to fill in (or remove)





#000 background of top bar, outer border of blocks, all text
#fff background of icons on top bar, inner border of blocks
#5e5e5e border of icons on top bar
#4a2c0a background of main body
#ded7cc background of blocks




CR Chart

Click Here For Live Previews


Code:



❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ There are a few instances where you can add text here and there, but space is ultimately limited. There are still options within the code for it (and creating links) so you can add, remove, or change those as you see fit.

❖ Don't add too much information in the boxes. They don't scroll. (They could but I couldn't figure out a way for them to scroll and not look terrible.)

❖ The icons in the top and bottom boxes are from Icons8.




Ctrl+F & Replace:

URL - link urls
LINK - the name of links
icons8 - to find all icon urls in the top and bottom boxes

Character Name - your character's name
Lorem Ipsum - various pieces of text for you to fill in (or remove)





#000 background of top bar, outer border of blocks, all text
#fff inner border of blocks
#5e5e5e border of icons on top bar
#83d177 background of positive icon
#d1ce77 background of neutral icon
#d18577 background of negative icon
#4a2c0a background of main body
#ded7cc background of blocks




Inbox/Contact

Click Here For Live Previews


Code:



❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ All of the text you see in the preview is the same in the code. You'll have to ctrl+f those phrases to find and change them.

❖ The little down arrow in the top box is the credit link. Please don't remove it. If you do for whatever reason, please credit me elsewhere.




Ctrl+F & Replace:

IMAGE_URL - url of your image





#000 outer border of blocks, all text
#fff inner border of blocks
#ded7cc background of blocks



Post a comment in response:

If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org