f2u codes TORI'S HOME DEPOT - f2u codes / coding storage

[AnemoVictorious]

welcome 2 the home depot. unfortunately, we're closed right now bc this random guy is causing problems and will not leave. all he says is 'aww seriously?'
anyways, it's time for me to try and code!!!!
i've done some coding on sites like rpnation and iwaku which have. very different coding styles + css stuff so let's hope that if i make more codes besides the like. 2 and a half i have made here, i can do the basics decently
plz no post here <3 and leave a reaction/like if you use them!!!!

DIRECTORY
1. Simple Sayings - [Posting Template] - Here
2. Sandwiched - [Signature Template] - Here
3. Family - [Litter Application Template] - Here
4. Connections - Unraveled Version - [Adoption Thread Template] - Here
5. Connections - Compact Version - [Adoption Thread Template] - Here
6. My Story [Bio/Tags Template] - Here
7. Diagonal - [Signature Template] - Here

 

[AnemoVictorious]

1. SIMPLE SAYINGS​

a posting template! has room for lyrics / a quote. very simple. this specific one in the preview is for cinderkit of skyclan. so i actually use this. Wow!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"Speech"​

---

SPREADING JOY WITH MY LOVE​

​

Spoiler: code

[box=60%][FONT=verdana][SIZE=3]text goes here[/SIZE][/FONT]

[RIGHT][FONT=verdana][SIZE=3][color=#HEXCODE][b]"Speech"[/b][/color][/SIZE][/FONT][/RIGHT]
[HR=3][/HR]
[CENTER][SIZE=4][color=#HEXCODE][b][/SIZE][SIZE=5][I][B][FONT=georgia]LYRIC GOES HERE[/FONT][/B][/I][/SIZE][SIZE=4][/b][/color][/SIZE][/box][/CENTER]

Spoiler: code with justify

[box=60%][FONT=verdana][SIZE=3][justify]text goes here[/justify][/SIZE][/FONT]

[RIGHT][FONT=verdana][SIZE=3][color=#HEXCODE][b]"Speech"[/b][/color][/SIZE][/FONT][/RIGHT]
[HR=3][/HR]
[CENTER][SIZE=4][color=#HEXCODE][b][/SIZE][SIZE=5][I][B][FONT=georgia]LYRIC GOES HERE[/FONT][/B][/I][/SIZE][SIZE=4][/b][/color][/SIZE][/box][/CENTER]

 

[AnemoVictorious]

2. SANDWICHED​

a signature template that has 3 colors, two lyric spots, and info + tags link in the middle. edit that information as you wish. i use this too. this specific instance of the signature was gleampaw of riverclan's (she is inactive right now. rip gleampaw)
the font used for the main text is emilys candy. it is my favorite font. <3

MY VOICE IS TRANSMITTING TO THIS DIGITAL LOVE WITH YOU​

---

SHE/HER | RIVERCLAN | BIO | PLAYED BY ANEMOVICTORIOUS​

---

SO LET THE SOUNDWAVES OF MY SONG START TO RADIO THROUGH​

Spoiler: code

[CENTER][FONT=Emilys Candy][SIZE=5][COLOR=#HEXCODE1][B]LYRICS OR QUOTE 1[/B][/COLOR][/SIZE][/FONT][/CENTER]
[HR=3][/HR]
[CENTER][COLOR=#HEXCODE2][SIZE=2]PRO/NOUNS | CLAN | [URL='URLGOESHERE']BIO[/URL] | PLAYED BY USER [/SIZE][/COLOR][/CENTER]
[HR=3][/HR]
[CENTER][FONT=Emilys Candy][SIZE=4][COLOR=#HEXCODE3][B]LYRICS OR QUOTE 2[/B][/COLOR][/SIZE][/FONT][/CENTER]

 

[AnemoVictorious]

3. FAMILY​

a poorly made litter application thingy. change or add things as you please.
emilys candy is back again. hooray!!!!
edit: i forgot. gender and pronouns. i added sexuality too but i usually decide when theyre older.
edit 2: i made this when i was very tired... so many erorrs. bwah
edit 3: why isn't the name header centered... its been forever since i posted this gaaaah

CURRENT NAME - FUTURE NAME - FUTURER NAME​

---

BASICS​

Name Meaning: blepblepblep | Alternative Names: blepblepblep
Parents: blepblepblep | Siblings: blepblepblep
Gender and Pronouns: blepblepblep | Sexuality: blepblepblep
Appearance + Genetics: blepblepblep

PERSONALITY​

Positive Trait | Positive Trait | Neutral Trait | Negative Trait | Negative Trait
Blurb: blepblepblep

PLOTS + NOTES​

> plots and notes here, add as many as you feel necessary
​

Spoiler: code

[box=60%][justify][B][FONT=Emilys Candy][SIZE=5][color=#HEXCODE][center]CURRENT NAME - [S]FUTURE NAME[/S] - [S]FUTURER NAME[/S][/center][/color][/SIZE][/FONT][/B]
[HR=3][/HR]
[font=Emilys Candy][center][color=#HEXCODE][b][u][SIZE=4]BASICS[/SIZE][/u][/b][/color][/center][/font]
[color=#HEXCODE][B]Name Meaning:[/b][/color] Answer [color=black][b]|[/b][/color] [color=#HEXCODE][B]Alternative Names:[/b][/color] Answer
[color=#HEXCODE][B]Parents:[/b][/color] Answer [color=black][b]|[/b][/color] [color=#HEXCODE][B]Siblings:[/b][/color] Answer
[color=#HEXCODE][B]Gender and Pronouns:[/b][/color] Answer [color=black][b]|[/b][/color] [color=#HEXCODE][B]Sexuality:[/b][/color] Answer
[color=#HEXCODE][B]Appearance + Genetics[/B][/color] Answer
[img]IMAGE URL GOES EHRE[/img]

[font=Emilys Candy][center][color=#HEXCODE][b][u][SIZE=4]PERSONALITY[/SIZE][/u][/b][/color][/center][/font]
[color=#41a85f]Positive Trait[/COLOR] [color=black][b]|[/b][/color] [color=#41a85f]Positive Trait[/COLOR] [color=black][b]|[/b][/color] [color=#fba026]Neutral Trait[/COLOR] [color=black][b]|[/b][/color] [color=#e25041]Negative Trait[/COLOR] [color=black][b]|[/b][/color] [color=#e25041]Negative Trait[/COLOR]
[color=#HEXCODE][B]Blurb:[/b][/color] Answer

[font=Emilys Candy][center][color=#HEXCODE][b][u][SIZE=4]PLOTS + NOTES[/SIZE][/u][/b][/color][/center][/font]
[color=#HEXCODE][B]>[/b][/color] plots and notes here, add as many as you feel necessary
[/justify][/box]

 

[AnemoVictorious]

4. CONNECTION - UNRAVELLED VERSION​

an adoption thread template because... why not?
this is the loooong version. it contains text banners - though they're technically images - for each section, plus a header with the litter name. each section has a 200px height limit and scrolls. the text's font is... the default font. wow. so cool. so original. feel free to modify it in any way you like.
the banners were made using this website, the rancho font at size 50 for the first and 30 for the rest, with gradient-v from #BBA4E9 to #502296.
feel free to make your images and customize the font, colors, and text to your liking. or just. remove the images entirely and use text but. i like the images they're pretty neat

---

---

These boxes scroll, and have a height of 200px!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.

Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.

Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.

Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.

Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

---

---

These boxes scroll, and have a height of 200px!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.

Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.

Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.

Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.

Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

---

---

These boxes scroll, and have a height of 200px!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.

Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.

Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.

Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.

Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

---

---

These boxes scroll, and have a height of 200px!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.

Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.

Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.

Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.

Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

---

---

These boxes scroll, and have a height of 200px!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.

Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.

Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.

Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.

Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

---

Spoiler: code

[box=80%][CENTER][img]https://i.imgur.com/L3Fd9Op.png[/img][/CENTER]
[hr=1][/hr]

[CENTER][IMG]https://i.imgur.com/Rgd2IMd.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]story section![/left][/height][/box]
[hr=1][/hr]

[CENTER][IMG]https://i.imgur.com/mRexi0h.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]rules section![/left][/height][/box]
[hr=1][/hr]

[CENTER][IMG]https://i.imgur.com/UjYq3oY.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]genetics section![/left][/height][/box]
[hr=1][/hr]

[CENTER][IMG]https://i.imgur.com/zetYNVv.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]naming list section![/left][/height][/box]
[hr=1][/hr]

[CENTER][IMG]https://i.imgur.com/Xsp29Di.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]slots section![/left][/height][/box]
[hr=1][/hr]
[/box]

 

[AnemoVictorious]

5. CONNECTION - COMPACT VERSION​

this is an alternative version of the above code, so technically this is a 4.5 but... whatever.
this is the tabbed version. it contains text banners - though they're technically images - for each section, plus a header with the litter name. each section has a 200px height limit and scrolls. each section is in it's own tab! the text's font is... the default font. wow. so cool. so original. feel free to modify it in any way you like.
the banners were made using this website, the rancho font at size 50 for the first and 30 for the rest, with gradient-v from #BBA4E9 to #502296.
feel free to make your images and customize the font, colors, and text to your liking. or just. remove the images entirely and use text but. i like the images they're pretty neat
EDIT: i just. put the other code here. its fixed now. sorry.

---

STORY RULES GENETICS NAME LIST SLOTS

• 

  ---

  These boxes scroll, and have a height of 200px!
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.
  
  Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.
  
  Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.
  
  Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.
  
  Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

  ---

• 

  ---

  These boxes scroll, and have a height of 200px!
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.
  
  Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.
  
  Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.
  
  Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.
  
  Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

  ---

• 

  ---

  These boxes scroll, and have a height of 200px!
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.
  
  Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.
  
  Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.
  
  Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.
  
  Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

  ---

• 

  ---

  These boxes scroll, and have a height of 200px!
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.
  
  Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.
  
  Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.
  
  Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.
  
  Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

  ---

• 

  ---

  These boxes scroll, and have a height of 200px!
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt vel tellus id mollis. Donec quis sem id ligula cursus euismod. Sed vehicula sit amet odio sit amet accumsan. Maecenas congue sit amet elit eu tincidunt. Nullam gravida sapien eu augue porta facilisis a vitae ligula. Nunc vitae condimentum metus, ut interdum urna. Fusce vel ultrices felis, nec rhoncus lorem. Morbi porta faucibus lorem, et volutpat ligula sagittis quis. Vivamus et pellentesque ante. Etiam non egestas mi.
  
  Quisque tristique cursus scelerisque. Aliquam erat volutpat. Suspendisse tempor eu velit sit amet blandit. Donec consequat lacinia ex, non ullamcorper lectus facilisis in. Nulla consectetur justo leo, sed pulvinar nibh sollicitudin rutrum. Pellentesque ligula nibh, feugiat ac justo vitae, luctus molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam pellentesque tempus nisi, sit amet scelerisque mauris sagittis sit amet. Aliquam fringilla, mauris nec convallis iaculis, est odio egestas neque, sed tincidunt arcu nisi id odio. Sed ut placerat est. Donec non diam accumsan eros ornare semper non a augue. Phasellus viverra ex eget eros eleifend, vulputate interdum dui sollicitudin. Suspendisse fermentum tempor tellus in finibus.
  
  Quisque turpis odio, interdum et erat vel, tincidunt facilisis ante. Nam in ante rutrum, molestie libero ut, porta diam. Nam imperdiet, nunc eleifend cursus finibus, nisl magna luctus diam, vitae venenatis massa sem at tellus. Ut dignissim dui non nibh malesuada tincidunt. Nulla facilisis sollicitudin efficitur. Mauris vehicula sit amet arcu vel porta. Vivamus tristique nulla lorem, bibendum pharetra eros tristique sit amet. In hac habitasse platea dictumst. Ut tellus elit, fermentum in scelerisque ut, rutrum ut augue. Nunc congue vulputate consequat. Aenean at nisi a tortor interdum accumsan. Sed faucibus tristique facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non est ligula. Proin congue est nec urna rhoncus, at euismod erat congue.
  
  Fusce vel sem viverra, varius magna in, aliquam magna. Aenean eget metus sed erat euismod condimentum. Proin ante tortor, facilisis eu enim eget, condimentum efficitur massa. Nam magna neque, mattis tincidunt hendrerit ac, mollis id justo. Duis lacus risus, ornare vel volutpat eu, volutpat ac augue. Nulla rutrum condimentum suscipit. Suspendisse feugiat nunc id nibh varius mattis. Vestibulum at augue aliquet, egestas diam a, rutrum mi. Quisque pellentesque est in rhoncus scelerisque. Donec laoreet, eros vel hendrerit laoreet, massa enim dictum est, a tempor elit leo ac lectus. Integer in risus sit amet massa fermentum aliquam vitae eget odio. Curabitur ac ornare purus. Integer condimentum, libero ac sollicitudin tempus, arcu sapien interdum sapien, sed mollis magna nibh nec tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi nulla massa, ultricies in viverra sit amet, vulputate in felis.
  
  Donec porttitor vel nunc eget fringilla. Etiam rhoncus interdum posuere. Morbi in sapien congue sem efficitur iaculis. Maecenas mattis ipsum suscipit nulla pretium sagittis. Etiam vel maximus justo. Ut odio est, mollis quis tempus quis, imperdiet eget sapien. Fusce ac dictum lectus, id iaculis lacus. Sed tortor nibh, lacinia ut mauris in, semper venenatis nisi. Donec sodales consectetur convallis.​

  ---

Spoiler: code

[box=80%][CENTER][img]https://i.imgur.com/L3Fd9Op.png[/img][/CENTER]
[hr=1][/hr]
[TABS]
[slide=STORY][CENTER][IMG]https://i.imgur.com/Rgd2IMd.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]story section![/left][/height][/box]
[hr=1][/hr]
[/slide]
[slide=RULES][CENTER][IMG]https://i.imgur.com/mRexi0h.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]rules section[/left][/height][/box]
[hr=1][/hr][/slide]
[slide=GENETICS][CENTER][IMG]https://i.imgur.com/UjYq3oY.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]genetics section![/left][/height][/box]
[hr=1][/hr][/slide]
[slide=NAME LIST][CENTER][IMG]https://i.imgur.com/zetYNVv.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]naming list section![/left][/height][/box]
[hr=1][/hr][/slide]
[slide=SLOTS][CENTER][IMG]https://i.imgur.com/Xsp29Di.png[/IMG][/CENTER]
[hr=2][/hr]
[box=100%][height=200px][left]slots section![/left][/height][/box]
[hr=1][/hr][/slide]
[/tabs]
[/box]

 

[AnemoVictorious]

6. MY STORY​

teehee back again with my little images. gradient-v from #BBA4E9 to #502296 again, but this time... it's emily's candy :D and it's in size 40. again, feel free to play with colors and fonts or just. replace it with standard text.
this is a bio/tags template. bc i just wanted to make one. yippe!

---

GENERAL INFORMATION APPEARANCE PERSONA RELATIONSHIPS PLOTS AND OTHER INFORMATION

• Name: Answer
  
  > Previous Names: Answer​
  Prefix: meaning | Suffix: meaning
  Age: Answer
  
  > Aging Rate: Answer​
  Gender & Pronouns: Answer
  Sexuality: Answer
  Rank: Answer
  
• Short Description: Answer
  
  > Long Description: Answer​
  Scars and Injuries: Answer
  Accessories: Answer
  you can put an image here
  
• Positive Trait | Positive Trait | Neutral Trait | Negative Trait | Negative Trait
  Personality: Answer
  Mental Ailments: Answer
  Add Some Extras: MBTI type, pokemon types, etc. add as you wish!
  
• Parents: Answer, Gen #
  Siblings: Answer
  Mate: Answer
  
  > Relationship Status: Answer​
  Children: Answer
  Other Relatives: Answer
  Friends: Answer
  Acquaintances: Answer
  Enemies: Answer
  
• shove any other information and/or plot ideas here!

​

Spoiler: code

[box=75%][FONT=georgia][left]
[CENTER][IMG]https://i.imgur.com/Bjlp1SB.png[/IMG][/CENTER]
[HR=1][/HR]
[TABS][slide= GENERAL INFORMATION][b][color=#HEXCODE]Name:[/color][/b] Answer
[indent][b][color=#000000]>[/color][/b] [b][color=#HEXCODE]Previous Names:[/color][/b] Answer[/indent]
[b][color=#HEXCODE]Prefix:[/color][/b] [i]meaning[/i] [b][color=#000000]|[/color][/b] [b][color=#HEXCODE]Suffix:[/color][/b] [i]meaning[/i]
[b][color=#HEXCODE]Age:[/color][/b] Answer
[indent][b][color=#000000]>[/color][/b] [b][color=#HEXCODE]Aging Rate:[/color][/b] Answer[/indent]
[b][color=#HEXCODE]Gender & Pronouns:[/color][/b] Answer
[b][color=#HEXCODE]Sexuality:[/color][/b] Answer
[b][color=#HEXCODE]Rank:[/color][/b] Answer
[/slide][slide=APPEARANCE][b][color=#HEXCODE]Short Description:[/color][/b] Answer
[indent][b][color=#000000]>[/color][/b] [b][color=#HEXCODE]Long Description:[/color][/b] Answer[/indent]
[b][color=#HEXCODE]Scars and Injuries:[/color][/b] Answer
[b][color=#HEXCODE]Accessories:[/color][/b] Answer
you can put an image here
[/slide][slide=PERSONA][color=#41a85f]Positive Trait[/COLOR] [color=black][b]|[/b][/color] [color=#41a85f]Positive Trait[/COLOR] [color=black][b]|[/b][/color] [color=#fba026]Neutral Trait[/COLOR] [color=black][b]|[/b][/color] [color=#e25041]Negative Trait[/COLOR] [color=black][b]|[/b][/color] [color=#e25041]Negative Trait[/COLOR]
[b][color=#HEXCODE]Personality:[/color][/b] Answer
[b][color=#HEXCODE]Mental Ailments:[/color][/b] Answer
[b][color=#HEXCODE]Add Some Extras:[/color][/b] MBTI type, pokemon types, etc. add as you wish!
[/slide][slide=RELATIONSHIPS][b][color=#HEXCODE]Parents:[/color][/b] Answer, Gen #
[b][color=#HEXCODE]Siblings:[/color][/b] Answer
[b][color=#HEXCODE]Mate:[/color][/b] Answer
[indent][b][color=#000000]>[/color][/b] [b][color=#HEXCODE]Relationship Status:[/color][/b] Answer[/indent]
[b][color=#HEXCODE]Children:[/color][/b] Answer
[b][color=#HEXCODE]Other Relatives:[/color][/b] Answer
[b][color=#HEXCODE]Friends:[/color][/b] Answer
[b][color=#HEXCODE]Acquaintances:[/color][/b] Answer
[b][color=#HEXCODE]Enemies:[/color][/b] Answer
[/slide][slide=PLOTS AND OTHER INFORMATION]shove any other information and/or plot ideas here![/slide][/tabs][/font][/left][/box]

 

[AnemoVictorious]

7. DIAGONAL​

i made this bc i hate my first signature template. i've once before mentioned using more advanced coding systems on other sites and i've learned that the only google font that seems to work for me is emily's candy. i'd like to thank the website divines for allowing specifically my favorite font to be used on this site inexplicably. this may be because i installed the font onto my computer. it may not be because of that. i'm very tired. anyone wanna play toontown corporate clash with me i need 2 defeat a 5 story building.

for some reason trying to put the first line all the way to the left or justify it puts a weird gap between the second line and it. i dont know why to keep it even there's an empty line between it and the third line. this angers me. i am angry. anyways the character's signature in the preview is shiori, my new skyclan character. i hope you like him.

A RED THAT BRINGS TEARS OF TWILIGHT...​

Shiori | Apprentice of SkyClan | 21 Moons | Played By @AnemoVictorious | Bio​

...I WISH IT WOULD MELT THE YOU INSIDE ME AWAY​

​

Spoiler: code

[box=80%][left][size=6][FONT=book antiqua][i][b][color=HEX1]TEXT ONE GOES HERE...[/i][/b][/color][/size][/left]
[center][color=HEX2]Name[/color] [color=black][b]|[/b][/color] [color=HEX2]Rank of Clan[/color] [color=black][b]|[/b][/color] [color=HEX2]Age in Moons[/color] [color=black][b]|[/b][/color] [color=HEX2]Played by @USER[/color] [color=black][b]|[/b][/color] [url=LINKHERE][color=HEX2][u]Bio[/u][/color][/url][/center]

[right][size=6][i][b][color=HEX3]...TEXT TWO GOES HERE[/color][/b][/i][/font][/size][/right][/box]