Wap's Sheets

2 posters

:: general :: Out of Character :: Creative Studio

Messages : 89

IC Posts : 54

Yèxīn Xuān

Sat Oct 21, 2023 11:53 am

Codes by Wap

Codes. We've all tried it at some point, and it's not always a success for everyone. Fortunately, I enjoy coding simple, short codes that are free to use within Cerynia. Note that these codes are specifically designed for ease of use. Looking for something more extravagant? Then I recommend checking out other resources.

Images resize automatically, and the codes themselves are fairly straightforward. The colors adjust automatically to match your group's color when the post is submitted. In the post preview, this is always blue. Would you like to see the correct colors in the post preview as well? Then enter your affinity (earth/electric/wind/fire/ice/water) as follows in the desired code:

Code:: <div class="wforumsheet1 ice">

Need a simple sheet idea but can't code it yourself? Feel free to send me a screenshot/link, and perhaps I can create something similar for you.

Requesting Sheets/providing inspiration
Need help, got inspiration or a request? Send me a message on Discord.

On the list

Handwritten notes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a libero eu nisl varius euismod ac sed erat. Sed lacinia, ante sed lobortis rutrum, mi lectus fringilla diam, quis pellentesque lorem sem ut dolor. Donec in risus faucibus, ornare metus vel, molestie nibh. Praesent luctus enim nec diam tempor varius. Suspendisse sed rhoncus lectus, vitae malesuada erat. In ultrices nibh iaculis lectus varius, id bibendum velit tristique. Cras egestas laoreet ex eu aliquet. Suspendisse potenti. Sed lorem felis, vehicula et sollicitudin ac, efficitur ac ante. Sed nec ante est. Nulla ut hendrerit libero.

Praesent convallis vitae risus vitae dictum. Nunc sit amet rhoncus urna. Suspendisse potenti. Curabitur id purus dui. Integer dui enim, posuere ut sem at, rutrum faucibus dolor. Pellentesque mattis purus dui, id viverra nisl fermentum ut. Duis elementum tortor nec neque suscipit vestibulum. Proin sed justo nisi. Note here. Keep it short, though it won't break.

Code:: <div class="wforumsheet1"><div class="wfs1header"><img src="https://data.whicdn.com/images/320713527/original.jpg"></div><wpsp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Phasellus a libero eu nisl varius euismod ac sed erat.</b> Sed lacinia, ante sed lobortis rutrum, mi lectus fringilla diam, quis pellentesque lorem sem ut dolor. Donec in risus faucibus, ornare metus vel, molestie nibh. <i>Praesent luctus enim nec diam tempor varius.</i> Suspendisse sed rhoncus lectus, vitae malesuada erat. In ultrices nibh iaculis lectus varius, id bibendum velit tristique. Cras egestas laoreet ex eu aliquet. Suspendisse potenti. <m>Sed lorem felis,</m> vehicula et sollicitudin ac, efficitur ac ante. Sed nec ante est. Nulla ut hendrerit libero. Praesent convallis vitae risus vitae dictum. Nunc sit amet rhoncus urna. Suspendisse potenti. <u>Curabitur id purus dui.</u> Integer dui enim, posuere ut sem at, rutrum faucibus dolor. Pellentesque mattis purus dui, id viverra nisl fermentum ut. Duis elementum tortor nec neque suscipit vestibulum. Proin sed justo nisi.</wpsp> <wpsn>Note here. Keep it short, though it won't break.</wpsn></div>

Code:: <div class="wforumsheet2"><wpsp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Phasellus a libero eu nisl varius euismod ac sed erat.</b> Sed lacinia, ante sed lobortis rutrum, mi lectus fringilla diam, quis pellentesque lorem sem ut dolor. Donec in risus faucibus, ornare metus vel, molestie nibh. <i>Praesent luctus enim nec diam tempor varius.</i> Suspendisse sed rhoncus lectus, vitae malesuada erat. In ultrices nibh iaculis lectus varius, id bibendum velit tristique. Cras egestas laoreet ex eu aliquet. Suspendisse potenti. <m>Sed lorem felis,</m> vehicula et sollicitudin ac, efficitur ac ante. Sed nec ante est. Nulla ut hendrerit libero. Praesent convallis vitae risus vitae dictum. Nunc sit amet rhoncus urna. Suspendisse potenti. <u>Curabitur id purus dui.</u> Integer dui enim, posuere ut sem at, rutrum faucibus dolor. Pellentesque mattis purus dui, id viverra nisl fermentum ut. Duis elementum tortor nec neque suscipit vestibulum. Proin sed justo nisi.</wpsp> <wpsn>Note here. Keep it short, though it won't break.</wpsn></div>

Code:: <div class="wforumsheet3"><wpsp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Phasellus a libero eu nisl varius euismod ac sed erat.</b> Sed lacinia, ante sed lobortis rutrum, mi lectus fringilla diam, quis pellentesque lorem sem ut dolor. Donec in risus faucibus, ornare metus vel, molestie nibh. <i>Praesent luctus enim nec diam tempor varius.</i> Suspendisse sed rhoncus lectus, vitae malesuada erat. In ultrices nibh iaculis lectus varius, id bibendum velit tristique. Cras egestas laoreet ex eu aliquet. Suspendisse potenti. <m>Sed lorem felis,</m> vehicula et sollicitudin ac, efficitur ac ante. Sed nec ante est. Nulla ut hendrerit libero. Praesent convallis vitae risus vitae dictum. Nunc sit amet rhoncus urna. Suspendisse potenti. <u>Curabitur id purus dui.</u> Integer dui enim, posuere ut sem at, rutrum faucibus dolor. Pellentesque mattis purus dui, id viverra nisl fermentum ut. Duis elementum tortor nec neque suscipit vestibulum. Proin sed justo nisi.</wpsp> <wpsn>Note here. Keep it short, though it won't break.</wpsn></div>

Code:: <div class="wforumsheet4"><div class="wfsh4"><img src="https://66.media.tumblr.com/55b801432617c7a8796d4957ca11b2f0/tumblr_pn83xfWFdE1s5mz67o4_500.jpg"></div><wpsp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Phasellus a libero eu nisl varius euismod ac sed erat.</b> Sed lacinia, ante sed lobortis rutrum, mi lectus fringilla diam, quis pellentesque lorem sem ut dolor. Donec in risus faucibus, ornare metus vel, molestie nibh. <i>Praesent luctus enim nec diam tempor varius.</i> Suspendisse sed rhoncus lectus, vitae malesuada erat. In ultrices nibh iaculis lectus varius, id bibendum velit tristique. Cras egestas laoreet ex eu aliquet. Suspendisse potenti. <m>Sed lorem felis,</m> vehicula et sollicitudin ac, efficitur ac ante. Sed nec ante est. Nulla ut hendrerit libero. Praesent convallis vitae risus vitae dictum. Nunc sit amet rhoncus urna. Suspendisse potenti. <u>Curabitur id purus dui.</u> Integer dui enim, posuere ut sem at, rutrum faucibus dolor. Pellentesque mattis purus dui, id viverra nisl fermentum ut. Duis elementum tortor nec neque suscipit vestibulum. Proin sed justo nisi.</wpsp> <wpsn>Note here. Keep it short, though it won't break.</wpsn></div>

Code:: <div class="wforumsheet5"><div class="wfs5h" style="background: url(https://wallpaperaccess.com/full/41079.jpg); background-size: cover; background-position: center;"> </div><div class="wfs5w"><svg viewBox="0 0 1440 400"><path class="wfs5wave"></path></svg></div><wpsp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Phasellus a libero eu nisl varius euismod ac sed erat.</b> Sed lacinia, ante sed lobortis rutrum, mi lectus fringilla diam, quis pellentesque lorem sem ut dolor. Donec in risus faucibus, ornare metus vel, molestie nibh. <i>Praesent luctus enim nec diam tempor varius.</i> Suspendisse sed rhoncus lectus, vitae malesuada erat. In ultrices nibh iaculis lectus varius, id bibendum velit tristique. Cras egestas laoreet ex eu aliquet. Suspendisse potenti. <m>Sed lorem felis,</m> vehicula et sollicitudin ac, efficitur ac ante. Sed nec ante est. Nulla ut hendrerit libero. Praesent convallis vitae risus vitae dictum. Nunc sit amet rhoncus urna. Suspendisse potenti. <u>Curabitur id purus dui.</u> Integer dui enim, posuere ut sem at, rutrum faucibus dolor. Pellentesque mattis purus dui, id viverra nisl fermentum ut. Duis elementum tortor nec neque suscipit vestibulum. Proin sed justo nisi.</wpsp><wpsn>note</wpsn> </div>

Character sheet
Icon:

[img]https://i.pinimg.com/564x/52/1c/dc/521cdc5daebf154a4d52e55c7f7fd0e2.jpg[/img]

Relationship:

昼短苦夜长，[b]何不秉烛游[/b]

Nickname: Xin
Age: 27 y/o
Birthday: May 15, 1996
Occupation: Scientist
Sexuality: Bisexual

Messages : 1125

IC Posts : 878

Ruìsāng SūBlessed by ???

Sat Dec 16, 2023 5:12 pm

This is a free to use relationship tracker within Cerynia. Please do not use it on other fora.

You can choose whether to use four or eight sliders. Simply keep the "waprel_input" div you prefer.

New characters can simply be added by copying the "waprel_input" div. There's multiple lines of white space around those to make them easy to copy.

To change the sliders, simply adjust the word 'positive' to 'negative' or v.v., and adjust the width percentage to fill.

Firstname Lastname Brother/Sister/Friend/Etc.
Here you can have a longer description. Don't make it too long, but it'll scroll if you do.

Attachment

Trust

Friendliness

Attraction

Firstname Lastname Brother/Sister/Friend/Etc.
Here you can have a longer description. Don't make it too long, but it'll scroll if you do.

Attachment

Fondness

Loyalty

Trust

Security

Vulnerability

Romantic attraction

Physical attraction

Code:: <link href="https://files.jcink.net/uploads2/wapcodes/crnreltracker.css" rel="stylesheet" type="text/css"> <div class="waprel_main"> <div class="waprelm_tit"></div> <div class="waprelm_des">A description or short text can go here. Explain that your character does not easily trust, or something else relevant.</div> <div class="waprel_relationships"> <div class="waprel_input"> <div class="wapreli_left"><name>Firstname Lastname</name> <rel>Brother/Sister/Friend/Etc.</rel> <des>Here you can have a longer description. Don't make it too long, but it'll scroll if you do.</des> <div class="wapreli_tracker"> <div class="rel positive"><r>Attachment</r> <div class="rslider"><div class="fill" style="width: 80%;"></div></div></div> <div class="rel positive"><r>Trust</r> <div class="rslider"><div class="fill" style="width: 80%;"></div></div></div> <div class="rel negative"><r>Friendliness</r> <div class="rslider"><div class="fill" style="width: 80%;"></div></div></div> <div class="rel positive"><r>Attraction</r> <div class="rslider"><div class="fill" style="width: 100%;"></div></div></div> </div></div> <div class="wapreli_right""><img src="https://i.imgur.com/7bLytkk.png"></div></div> <div class="waprel_input" id="eight"> <div class="wapreli_left"><name>Firstname Lastname</name> <rel>Brother/Sister/Friend/Etc.</rel> <des>Here you can have a longer description. Don't make it too long, but it'll scroll if you do.</des> <div class="wapreli_tracker"> <div class="rel positive"><r>Attachment</r> <div class="rslider"><div class="fill" style="width: 80%;"></div></div></div> <div class="rel positive"><r>Fondness</r> <div class="rslider"><div class="fill" style="width: 80%;"></div></div></div> <div class="rel negative"><r>Loyalty</r> <div class="rslider"><div class="fill" style="width: 80%;"></div></div></div> <div class="rel positive"><r>Trust</r> <div class="rslider"><div class="fill" style="width: 100%;"></div></div></div> <div class="rel positive"><r>Security</r> <div class="rslider"><div class="fill" style="width: 80%;"></div></div></div> <div class="rel positive"><r>Vulnerability</r> <div class="rslider"><div class="fill" style="width: 80%;"></div></div></div> <div class="rel negative"><r>Romantic attraction</r> <div class="rslider"><div class="fill" style="width: 80%;"></div></div></div> <div class="rel positive"><r>Physical attraction</r> <div class="rslider"><div class="fill" style="width: 100%;"></div></div></div> </div></div> <div class="wapreli_right""><img src="https://i.imgur.com/7bLytkk.png"></div></div> </div></div>

Character sheet
Icon:

[img]https://i.pinimg.com/564x/48/56/f4/4856f411575b26c4cc83b9a1ec89a9c1.jpg[/img]

Relationship:

[b]so bite your tongue[/b] and choke yourself to sleep

Nickname: Sāng
Age: 23
Birthday: 14 / 12
Occupation: Bartender & 4th year bachelor (hospitality management)
Sexuality: Gay

Messages : 1125

IC Posts : 878

Ruìsāng SūBlessed by ???

Sat Jan 06, 2024 10:17 am

title

This is a very simple code to use as a Shipper within Cerynia.

Multiple characters can be added by copying the wbb_character div. Adding more searches to one character is done by copying the wbbc_search. Colours will adjust to your posted character's affinity. If you want the character search in the affinity of your searched character, add the affinity to "wbb_character" like: "wbb_character fire".

firstname lastname

In sem enim, pulvinar ac nisl ut, vulputate efficitur lacus. Suspendisse viverra felis turpis, venenatis pretium augue facilisis eu. Vivamus condimentum sed augue at placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nunc ut tortor rutrum cursus a id libero. Aliquam feugiat justo id odio pharetra finibus.

looking for friends, enemies, allies.

firstname lastname

Code:: <link href="https://files.jcink.net/uploads2/wapcodes/shipper.css" rel="stylesheet" type="text/css"><div class="w_badblood"> <div class="wbb_header">title</div> <div class="wbb_text">In sem enim, pulvinar ac nisl ut, vulputate efficitur lacus. Suspendisse viverra felis turpis, venenatis pretium augue facilisis eu. Vivamus condimentum sed augue at placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nunc ut tortor rutrum cursus a id libero. Aliquam feugiat justo id odio pharetra finibus.</div> <div class="wbb_character"> <div class="wbbc_header"> <wbbn>firstname lastname</wbbn> <img src="https://as1.ftcdn.net/v2/jpg/05/60/24/52/1000_F_560245233_uByk4TxPbbLAqAQneL9cquoluES7Wv9W.jpg"> </div> <div class="wbbc_search">In sem enim, pulvinar ac nisl ut, vulputate efficitur lacus. Suspendisse viverra felis turpis, venenatis pretium augue facilisis eu. Vivamus condimentum sed augue at placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nunc ut tortor rutrum cursus a id libero. Aliquam feugiat justo id odio pharetra finibus. <lf>looking for</lf> friends, enemies, allies.</div> <div class="wbbc_search">In sem enim, pulvinar ac nisl ut, vulputate efficitur lacus. Suspendisse viverra felis turpis, venenatis pretium augue facilisis eu. Vivamus condimentum sed augue at placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nunc ut tortor rutrum cursus a id libero. Aliquam feugiat justo id odio pharetra finibus. <lf>looking for</lf> friends, enemies, allies.</div> <div class="wbbc_search">In sem enim, pulvinar ac nisl ut, vulputate efficitur lacus. Suspendisse viverra felis turpis, venenatis pretium augue facilisis eu. Vivamus condimentum sed augue at placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nunc ut tortor rutrum cursus a id libero. Aliquam feugiat justo id odio pharetra finibus. <lf>looking for</lf> friends, enemies, allies.</div> </div> <div class="wbb_character"> <div class="wbbc_header"> <wbbn>firstname lastname</wbbn> <img src="https://as1.ftcdn.net/v2/jpg/05/60/24/52/1000_F_560245233_uByk4TxPbbLAqAQneL9cquoluES7Wv9W.jpg"> </div> <div class="wbbc_search">In sem enim, pulvinar ac nisl ut, vulputate efficitur lacus. Suspendisse viverra felis turpis, venenatis pretium augue facilisis eu. Vivamus condimentum sed augue at placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nunc ut tortor rutrum cursus a id libero. Aliquam feugiat justo id odio pharetra finibus. <lf>looking for</lf> friends, enemies, allies.</div> </div> </div>

Character sheet
Icon:

[img]https://i.pinimg.com/564x/48/56/f4/4856f411575b26c4cc83b9a1ec89a9c1.jpg[/img]

Relationship:

[b]so bite your tongue[/b] and choke yourself to sleep

Nickname: Sāng
Age: 23
Birthday: 14 / 12
Occupation: Bartender & 4th year bachelor (hospitality management)
Sexuality: Gay

Messages : 1125

IC Posts : 878

Ruìsāng SūBlessed by ???

Sun Jan 14, 2024 10:33 am

Wishlist

Hey, here a simple sheet to fill in a wishlist for your character. Drop it in your storage board and link it in your journey card. Simply fill in what's necessary, and for the stars set any from one to five as the ID and it'll fill in the stars. More mon can be added by copying the wl_entry code again.

Code:: <div class="pkm_wishlist"><div class="wl_header">Name's Wishlist</div> <div class="wl_entry"><div class="pokesprite pikachu-f"></div> <div class="wle_info"><sp>Pikachu</sp> <div class="note" title="note can go here"></div> <sub>Shiny/Special Trait?</sub></div> <div class="wishstars" id="five"></div></div> <div class="wl_entry"><div class="pokesprite pikachu-f"></div> <div class="wle_info"><sp>Pikachu</sp> <div class="note" title="note can go here"></div> <sub>Shiny/Special Trait?</sub></div> <div class="wishstars" id="three"></div></div> <div class="wl_entry"><div class="pokesprite pikachu-f"></div> <div class="wle_info"><sp>Pikachu</sp> <div class="note" title="note can go here"></div> <sub>Shiny/Special Trait?</sub></div> <div class="wishstars" id="two"></div></div> </div><link href="https://files.jcink.net/uploads2/wapcodes/wishlist.css" rel="stylesheet" type="text/css">

Name's Wishlist

Pikachu

_{Shiny/Special Trait?}

Pikachu

_{Shiny/Special Trait?}

Pikachu

_{Shiny/Special Trait?}

Character sheet
Icon:

[img]https://i.pinimg.com/564x/48/56/f4/4856f411575b26c4cc83b9a1ec89a9c1.jpg[/img]

Relationship:

[b]so bite your tongue[/b] and choke yourself to sleep

Nickname: Sāng
Age: 23
Birthday: 14 / 12
Occupation: Bartender & 4th year bachelor (hospitality management)
Sexuality: Gay