gold
familiar Familiaratlas
played by OOC Namelav
prawndering the shrimplications
code monkey
|
Post by lav on Oct 17, 2022 16:20:48 GMT -7
[nospaces] [attr="class","staffcont"] [attr="class","staffheader"]
008: inventory
[attr="class","staffbody"] [attr="class","staffheadimg"] how to use[attr="class","staffpara"] The Inventory is an important aspect of tracking your character's progression in Moonrise. Without it, you cannot claim rewards for missions or site events. It's a place where you will be responsible for keeping track of items, spells, and mastery points.[break][break]
000. Keep in mind that you may only learn up to 60 spells in total. This is cumulative across all domains. Of the 60 spells, 10 of these spells can be advanced spells, and 4 of them can be ultimate spells. Note that for spells that have variants, e.g. the Modern Mana Sleuth volumes in Abjuration, each variant counts towards the spell limit. [break][break]
001. There is space for you to describe your familiar. Familiars look exactly like normal animals, but can have unique colorations or other purely aesthetic anomalies. They also vary in size, but are usually not extreme on either end of the spectrum. They have their own temperaments and personalities, so feel free to create a unique personality to complement your character! [break][break]
002. To keep track of mastery points, simply link to the relevant threads for which you have been awarded mastery. When you've hit a threshold and want to rank up your character, post in the moderation request or on the #mod_me channel on Discord.[break][break]
003. To begin with, please select any two basic spells from one subdomain of your starting domain. You must unlock the next subdomain through the shop before you can buy or be awarded spells of that subdomain.[break][break]
004. At sentinel rank, you can create another post in your inventory to keep track of your secondary domain. You do not get starting spells for your secondary domain. At sentinel rank, you also unlock access to advanced spells, which can be gained through the shop or certain event rewards.[break][break]
005. Upon acceptance, preset characters may select any two spells from the list of basic spells for their chosen starting subdomain. Further subdomains can later be unlocked via purchase in the shop instead of by rank.[break][break]
006. The inventory thread consists of two types of posts: the inventory overview, and the spells list per domain. Both the spells list and overview come in a tabbed and non-tabbed versions -- feel free to choose which one you'd prefer to use. Each post will come with specific instructions on how to navigate the code. Do reach out to the coding mods on the discord channel if you need assistance with anything!
|
|
gold
familiar Familiaratlas
played by OOC Namelav
prawndering the shrimplications
code monkey
|
Post by lav on Oct 17, 2022 16:23:34 GMT -7
[attr="class","pie2"] INVENTORY OVERVIEW [nospaces][div align="center"][div][attr="class","staffcont"][div][attr="class","staffheader"][h2]
(NAME)'S INVENTORY
[/h2][/div]
[div][attr="class","staffbody"]
[div][attr="class","masterypts"][h3]mastery[/h3][h3]XX POINTS[/h3][/div] [div][attr="class","staffpara"] [div][attr="class","mptrack"][ul type="disc"] [li]+00 MP — from [a href="/"]thread name[/a] [span]taghere[/span][span]social[/span][/li] [li]-20 MP — from [b]RANK UP: (RANKHERE)[/b][/li] [li]+00 MP — from [a href="/"]thread name[/a] [span]taghere[/span][span]social[/span][/li] [/ul][/div][/div]
[h3]familiar[/h3] [div][attr="class","inventorypara"][img style="width:60px;height:60px;opacity:0.9;" src="https://i.imgur.com/GO4zl8p.png"] [b]FAMILIAR SCIENTIFIC NAME.[/b] 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.[/div]
[h3]items[/h3] [div][attr="class","inventoryitems"]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img src="https://i.imgur.com/O3s8hQm.png" style="max-width:100%;"] [/div][div][attr="class","spellbody"][b]ITEM[/b][break]item description goes here.[/div][/div]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img style="max-width:100%;" src="https://i.imgur.com/O3s8hQm.png"] [/div][div][attr="class","spellbody"][b]ITEM[/b] [u]item tag[/u][break][span]desc tag[/span] item description goes here. [/div][/div]
[/div]
[div][attr="class","masterypts"][h3]achievements[/h3][/div]
[div style="background-color:transparent;padding:0px;"][attr="class","staffpara"] [div][attr="class","badgetrack"]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img style="max-width:100%;" src="https://cdn.discordapp.com/attachments/971663585103192095/973490958572322816/35_Fairy_Wand.png"][/div][div][attr="class","spellbody"][b]ACHIEVEMENT NAME[/b] [u]short description here[/u][break]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/div][/div] [div][attr="class","spellcont"][div][attr="class","spellimgcont"][img src="https://cdn.discordapp.com/attachments/971663585103192095/973490958572322816/35_Fairy_Wand.png" style="max-width:100%;"][/div][div][attr="class","spellbody"][b]ACHIEVEMENT NAME[/b] [u]short description here[/u][break]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/div][/div]
[/div][/div]
[/div] [/div] [/div] { CLICK FOR ADDITIONAL INSTRUCTIONS} By default, the sections of codes below are currently available in the above code block. The following instructions are regarding modification and deletion of the codes, e.g. removal of the achievements display and MP tracker.[break][break] It is highly recommended that you disable Proboard's preview mode, as this sometimes has a tendency to mess up custom code. This can be done via the Settings panel within your profile, by setting Posting Default to BBCode.[break][break] ACHIEVEMENTS DISPLAY:Achievements are an optional feature that came with Moonrise's 2.5 patch update, and can be claimed here. To add achievements to your inventory display, quote the relevant achievements from the main achievements thread, and paste them as-is in the same way you would add a spell. To remove the achievements display from your inventory, delete the code starting from [div*][attr*="class","masterypts"][h3*]achievements[/*h3][/*div] all the way to the end of the code block, leaving three closing [/*div] tags.[break][break] SCROLLABLE MP TRACKER:The list order of the threads are reversed so that when viewing the post, latest threads are automatically displayed at the top of the scrollable portion. To return to a default order where the oldest threads are displayed at the top instead, paste the following code at the bottom of your post and remove the asterisks from the newclass tags:[break] [*newclass=".mptrack li"]-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .mptrack ul { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);[/*newclass] To remove the scroll, add [*newclass=".mptrack"]max-height: none;[/*newclass] to the bottom of your post and remove the asterisks from the newclass tags. INVENTORY TAGS:Optional tags can be added to your items for labelling purposes. This can be done via enclosing a tag in the [span*][/*span] tags, like below:[break] [break][break] USED ITEMS:An item can be 'hidden' and marked as used by adding useditem to the spellcont div. It should look like this:[break] [break] [newclass=".pie2"]background: var(--secondbg);color: var(--iconcolor); font-family: 'Jost';font-size: 13px;line-height: 1.8; width: 550px; margin: 0 auto; padding:20px;text-align:justify; } .pie2 u { background-color:var(--thirdbg);font-family:monospace;font-size:0.9em;text-decoration:none; } .pie2 h4 {color: var(--hovericoncolor); font-size: 14px; border-bottom: 4px solid var(--mainbg); margin-bottom: 10px; display: block; width: fit-content;} .pie2 b {color:var(--hovericoncolor);} .pie2 a { text-transform:uppercase; font-size:0.8em; [/newclass][break][break] [nospaces] [attr="class","staffcont"] [attr="class","staffheader"]
(NAME)'S INVENTORY
[attr="class","staffbody"] [attr="class","masterypts"] masteryXX POINTS[attr="class","staffpara"] [attr="class","mptrack"] - +00 MP — from thread name tagheresocial
- -20 MP — from RANK UP: (RANKHERE)
- +00 MP — from thread name tagheresocial
familiar[attr="class","inventorypara"] FAMILIAR SCIENTIFIC NAME. 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. items[attr="class","inventoryitems"] [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]ITEM[break]item description goes here. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]ITEM item tag[break]desc tag item description goes here. [attr="class","masterypts"] achievements[attr="class","staffpara"] [attr="class","badgetrack"] [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]ACHIEVEMENT NAME short description here[break]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]ACHIEVEMENT NAME short description here[break]Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
gold
familiar Familiaratlas
played by OOC Namelav
prawndering the shrimplications
code monkey
|
Post by lav on Oct 17, 2022 17:13:40 GMT -7
[attr="class","pie2"] SPELL LIST - NON-TABBED [div align="center"][nospaces][div][attr="class","staffcont"][div][attr="class","staffheader"][h2]
DOMAIN: AQUOS
[/h2][/div][div][attr="class","staffbody"]
[div][attr="class","spelltitle"][h3][div][img style="max-width:100%;" src="http://i.imgur.com/h7JrLKk.png"]SUBDOMAIN: ICE[/div][/h3]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"] [img src="https://i.imgur.com/O3s8hQm.png"][/div][div][attr="class","spellbody"][b]BUBBLES[/b][break] Bacon ipsum dolor amet boudin meatloaf cow pork loin, chicken landjaeger porchetta short loin doner pancetta ham tenderloin. Drumstick beef andouille rump porchetta biltong brisket ball tip tongue bresaola fatback beef ribs leberkas turducken. [/div][/div]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"] [img src="https://i.imgur.com/O3s8hQm.png"][/div][div][attr="class","spellbody"][b]BUBBLES[/b][break] [span]tag[/span] Bacon ipsum dolor amet boudin meatloaf cow pork loin, chicken landjaeger porchetta short loin doner pancetta ham tenderloin. Drumstick beef andouille rump porchetta biltong brisket ball tip tongue bresaola fatback beef ribs leberkas turducken. [/div][/div]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"] [img src="https://i.imgur.com/O3s8hQm.png"][/div][div][attr="class","spellbody"][b]BUBBLES[/b][break] Bacon ipsum dolor amet boudin meatloaf cow pork loin, chicken landjaeger porchetta short loin doner pancetta ham tenderloin. Drumstick beef andouille rump porchetta biltong brisket ball tip tongue bresaola fatback beef ribs leberkas turducken. [/div][/div]
[/div][/div][/div][/div] { CLICK FOR ADDITIONAL INSTRUCTIONS} This is the non-tabbed version of the spell list. The code for spells can be obtained by consulting the spell database, or will otherwise be provided when purchasing from the shop or event rewards. A new post is typically made per domain or subdomain.[break][break] INVENTORY TAGS:This code is the same as the inventory tag provided in the inventory overview. Optional tags can be added to your items for labelling purposes. This can be done via enclosing a tag in the [span*][/*span] tags, like below:[break] [break][break] [newclass=".pie2"]background: var(--secondbg);color: var(--iconcolor); font-family: 'Jost';font-size: 13px;line-height: 1.8; width: 550px; margin: 0 auto; padding:20px;text-align:justify; } .pie2 u { background-color:var(--thirdbg);font-family:monospace;font-size:0.9em;text-decoration:none; } .pie2 h4 {color: var(--hovericoncolor); font-size: 14px; border-bottom: 4px solid var(--mainbg); margin-bottom: 10px; display: block; width: fit-content;} .pie2 b {color:var(--hovericoncolor);} .pie2 a { text-transform:uppercase; font-size:0.8em; [/newclass][break][break] [nospaces] [attr="class","staffcont"] [attr="class","staffheader"]
DOMAIN: AQUOS
[attr="class","staffbody"] [attr="class","spelltitle"] SUBDOMAIN: ICE [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]BUBBLES[break] Bacon ipsum dolor amet boudin meatloaf cow pork loin, chicken landjaeger porchetta short loin doner pancetta ham tenderloin. Drumstick beef andouille rump porchetta biltong brisket ball tip tongue bresaola fatback beef ribs leberkas turducken. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]BUBBLES[break] tag Bacon ipsum dolor amet boudin meatloaf cow pork loin, chicken landjaeger porchetta short loin doner pancetta ham tenderloin. Drumstick beef andouille rump porchetta biltong brisket ball tip tongue bresaola fatback beef ribs leberkas turducken. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]BUBBLES[break] Bacon ipsum dolor amet boudin meatloaf cow pork loin, chicken landjaeger porchetta short loin doner pancetta ham tenderloin. Drumstick beef andouille rump porchetta biltong brisket ball tip tongue bresaola fatback beef ribs leberkas turducken.
|
|
gold
familiar Familiaratlas
played by OOC Namelav
prawndering the shrimplications
code monkey
|
Post by lav on Oct 17, 2022 17:21:43 GMT -7
[attr="class","pie2"] SPELL LIST - TABBED [nospaces][div align="center"][div][attr="class","staffcont"] [div][attr="class","staffheader"][h2]DOMAIN: ENCHANTMENT[/h2][/div]
[div][attr="class","invtabs"]
[div][attr="class","invtab-item active"][i][attr="class","invtab-icon fa-solid fa-hand-sparkles"][/i]augmentation[/div] [div][attr="class","invtab-item"][i][attr="class","invtab-icon fa-solid fa-signature"][/i]abjuration[/div] [/div]
[div][attr="class","invtab-content"]
[div][attr="class","invtab-pane staffbody active"] [div][attr="class","spellcont"] [div][attr="class","spellimgcont"][img src="http://i.imgur.com/TiPwuFk.png" style="max-width:100%;"] [/div] [div][attr="class","spellbody"] [b]SPELL NAME HERE[/b] [span]tag[/span][break][span]tag[/span] 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.[/div][/div]
[div][attr="class","spellcont"] [div][attr="class","spellimgcont"][img src="http://i.imgur.com/TiPwuFk.png" style="max-width:100%;"] [/div] [div][attr="class","spellbody"] [b]SPELL NAME HERE[/b] [span]tag[/span][break][span]tag[/span] 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.[/div][/div]
[div][attr="class","spellcont"] [div][attr="class","spellimgcont"][img src="http://i.imgur.com/TiPwuFk.png" style="max-width:100%;"] [/div] [div][attr="class","spellbody"] [b]SPELL NAME HERE[/b] [span]tag[/span][break][span]tag[/span] 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.[/div][/div] [/div]
[div][attr="class","invtab-pane staffbody"]
[div][attr="class","spellcont"] [div][attr="class","spellimgcont"][img src="http://i.imgur.com/TiPwuFk.png" style="max-width:100%;"] [/div] [div][attr="class","spellbody"] [b]SPELLS IN SECOND TAB HERE[/b] [span]tag[/span][break][span]tag[/span] 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.[/div][/div]
[div][attr="class","spellcont"] [div][attr="class","spellimgcont"][img src="http://i.imgur.com/TiPwuFk.png" style="max-width:100%;"] [/div] [div][attr="class","spellbody"] [b]SPELLS IN SECOND TAB HERE[/b] [span]tag[/span][break][span]tag[/span] 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.[/div][/div]
[div][attr="class","spellcont"] [div][attr="class","spellimgcont"][img src="http://i.imgur.com/TiPwuFk.png" style="max-width:100%;"] [/div] [div][attr="class","spellbody"] [b]SPELLS IN SECOND TAB HERE[/b] [span]tag[/span][break][span]tag[/span] 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.[/div][/div]
[/div]
[/div][/div][/div] { CLICK FOR ADDITIONAL INSTRUCTIONS} This is the tabbed version of the spell list.[break][break] The code for spells can be obtained by consulting the spell database, or will otherwise be provided when purchasing from the shop or event rewards. A new post is typically made per domain.[break][break] INVENTORY TAGS:This code is the same as the inventory tag provided in the inventory overview. Optional tags can be added to your items for labelling purposes. This can be done via enclosing a tag in the [span*][/*span] tags. See previous posts for an example.[break][break] ADDING A NEW SUBDOMAIN:Copy the following code to create the "tab" button, and place it below the other invtab-item divs. Remove the asterisks. It should look like this:[break] [break] [div*][*attr="class","invtab-item"][i][*attr="class","invtab-icon fa-solid fa-signature"][/i]abjuration[/*div] [break] The icons for each domain can be customised, either by consulting the list further below, or by choosing your own on FontAwesome. To change the icon, select the icon on the FontAwesome website, and copy the name of the icon, e.g. if you'd like to use the magnifying glass icon, copy fa-solid fa-magnifying-glass.[break] [break] Replace it within the "tab" code, leaving the invtab-icon portion untouched. It should look like this when done:[break] [break][break] Then, copy this code, and place it at the bottom of the existing code, before the last three [/*div] tags. Remove all asterisks. [div*][*attr="class","invtab-pane staffbody"][break]
[div*][*attr="class","spellcont"] [div*][*attr="class","spellimgcont"][img src="http://i.imgur.com/TiPwuFk.png" style="max-width:100%;"] [/*div] [div*][*attr="class","spellbody"] [b]SPELLS IN SECOND TAB HERE[/b] [span]tag[/span][break][span]tag[/span] 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.[/*div][/*div][break]
[/*div] [break][break] There's a fair bit of code involved in modifying or converting this code, especially when converting from the non-tabbed version. If you need a hand, please feel free to give a shout over the discord channel, and your neighbourhood friendly code monkeys will be happy to help out. [newclass=".pie2"]background: var(--secondbg);color: var(--iconcolor); font-family: 'Jost';font-size: 13px;line-height: 1.8; width: 550px; margin: 0 auto; padding:20px;text-align:justify; } .pie2 u { background-color:var(--thirdbg);font-family:monospace;font-size:0.9em;text-decoration:none; } .pie2 h4 {color: var(--hovericoncolor); font-size: 14px; border-bottom: 4px solid var(--mainbg); margin-bottom: 10px; display: block; width: fit-content;} .pie2 b {color:var(--hovericoncolor);} .pie2 a { text-transform:uppercase; font-size:0.8em; [/newclass][break][break] [nospaces] [attr="class","staffcont INVTABDOMAIN1"] [attr="class","staffheader"] DOMAIN: ENCHANTMENT[attr="class","invtabs"] [attr="class","invtab-item active"][attr="class","invtab-icon fa-solid fa-hand-sparkles"]augmentation [attr="class","invtab-item"][attr="class","invtab-icon fa-solid fa-signature"]abjuration [attr="class","line"] [attr="class","invtab-content"] [attr="class","invtab-pane staffbody active"] [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"] SPELL NAME HERE tag[break]tag 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. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"] SPELL NAME HERE tag[break]tag 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. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"] SPELL NAME HERE tag[break]tag 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. [attr="class","invtab-pane staffbody"] [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"] SPELLS IN SECOND TAB HERE tag[break]tag 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. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"] SPELLS IN SECOND TAB HERE tag[break]tag 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. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"] SPELLS IN SECOND TAB HERE tag[break]tag 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.
|
|
gold
familiar Familiaratlas
played by OOC Namelav
prawndering the shrimplications
code monkey
|
Post by lav on Oct 18, 2022 4:46:49 GMT -7
[nospaces] [attr="class","pie2"] SPELL LIST - TAB ICONS These are the subdomain icons for the spell list. Please refer to this post for detailed instructions and a guide on how to select your own icons from FontAwesome if you prefer to choose your own. [newclass=".pie2"]background: var(--secondbg);color: var(--iconcolor); font-family: 'Jost';font-size: 13px;line-height: 1.8; width: 550px; margin: 0 auto; padding:20px;text-align:justify; } .pie2 u { background-color:var(--thirdbg);font-family:monospace;font-size:0.9em;text-decoration:none; } .pie2 h4 {color: var(--hovericoncolor); font-size: 14px; border-bottom: 4px solid var(--mainbg); margin-bottom: 10px; display: block; width: fit-content;} .pie2 b {color:var(--hovericoncolor);} .pie2flex { display: grid; grid-template-columns: 0.5fr 2fr 3.5fr;padding:5px 0; } .pie2flex u { background-color: transparent !important; } .pie2flex b { text-transform:uppercase; } .pie2flex .invtab-icon {margin-top:2px;color:var(--hovericoncolor);} .pie2 a { text-transform:uppercase; font-size:0.8em; [/newclass][break][break] [attr="class","pie2"] [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-asterisk"] subdomain icon code to copy [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-signature"] abjuration fa-solid fa-signature [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-hand-sparkles"] augmentation fa-solid fa-hand-sparkles [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-wand-sparkles"] charms fa-solid fa-wand-sparkles [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-cloud-showers-heavy"] water fa-solid fa-cloud-showers-heavy [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-snowflake"] ice fa-solid fa-snowflake [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-fire"] firecalling fa-solid fa-fire [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-sun"] lightcraft fa-solid fa-sun [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-tornado"] air fa-solid fa-tornado [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-music"] spellsinging fa-solid fa-music [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-gem"] earth fa-solid fa-gem [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-seedling"] plantshaping fa-solid fa-seedling [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-masks-theater"] pure illusions fa-solid fa-masks-theater [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-skull"] darkness fa-solid fa-skull [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-flask"] potions fa-solid fa-flask [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-feather-pointed"] transfiguration fa-solid fa-feather-pointed [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-meteor"] stellar magic fa-solid fa-meteor [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-star"] constellar magic fa-solid fa-star [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-scroll"] inorganic summoning fa-solid fa-scroll [attr="class","pie2flex"][attr="class","invtab-icon fa-solid fa-staff-snake"] organic summoning fa-solid fa-staff-snake
|
|
gold
familiar Familiaratlas
played by OOC Namelav
prawndering the shrimplications
code monkey
|
Post by lav on Oct 21, 2022 3:13:56 GMT -7
[attr="class","pie2"] INVENTORY OVERVIEW - TABBED [nospaces][div align="center"][div][attr="class","staffcont"] [div][attr="class","staffheader"][h2]
(NAME)'S INVENTORY
[/h2][/div][div][attr="class","staffbody"]
[div][attr="class","masterypts"][h3]mastery[/h3][h3]XX POINTS[/h3][/div] [div][attr="class","staffpara"] [div][attr="class","mptrack"][ul type="disc"] [li]+00 MP — from [a href="/"]thread name[/a] [span]taghere[/span][span]social[/span][/li] [li]-20 MP — from [b]RANK UP: (RANKHERE)[/b][/li] [li]+00 MP — from [a href="/"]thread name[/a] [span]taghere[/span][span]social[/span][/li] [/ul][/div][/div]
[div style="padding-top:0;"][attr="class","inventorypara"][div][attr="class","progressbarmax"][div style="width:0%;"][attr="class","progressbarfill"]0%[/div][span]progress description[/span][/div][/div] [h3]familiar[/h3] [div][attr="class","inventorypara"][img style="width:60px;height:60px;opacity:0.9;" src="https://i.imgur.com/GO4zl8p.png"] [b]FAMILIAR SCIENTIFIC NAME.[/b] 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.[/div]
[div][attr="class","invtabs"] [div][attr="class","invtab-item active"][i][attr="class","invtab-icon fas fa-briefcase"][/i]items[/div] [div][attr="class","invtab-item"][i][attr="class","invtab-icon fas fa-book"][/i]skills[/div] [div][attr="class","invtab-item"][i][attr="class","invtab-icon fas fa-address-book"][/i]npc & misc[/div] [/div]
[div][attr="class","invtab-content"] [div][attr="class","invtab-pane staffbody active"]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img src="https://i.imgur.com/O3s8hQm.png" style="max-width:100%;"] [/div][div][attr="class","spellbody"][b]ITEM[/b][break]item description goes here.[/div][/div]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img style="max-width:100%;" src="https://i.imgur.com/O3s8hQm.png"] [/div][div][attr="class","spellbody"][b]ITEM[/b] [u]item tag[/u][break][span]desc tag[/span] item description goes here. [/div][/div] [/div]
[div][attr="class","invtab-pane staffbody"]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img src="https://i.imgur.com/O3s8hQm.png" style="max-width:100%;"] [/div][div][attr="class","spellbody"][b]SKILL[/b][break]general skills and roll modifiers go here - domain-specific skills go in the spell lists. item description goes here.[/div][/div]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img style="max-width:100%;" src="https://i.imgur.com/O3s8hQm.png"] [/div][div][attr="class","spellbody"][b]SKILL[/b] [u]item tag[/u][break][span]desc tag[/span] item description goes here. [/div][/div]
[/div]
[div][attr="class","invtab-pane staffbody"]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img src="https://i.imgur.com/O3s8hQm.png" style="max-width:100%;"] [/div][div][attr="class","spellbody"][b]SOMETHING GOES HERE[/b][break]item description goes here.[/div][/div]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img style="max-width:100%;" src="https://i.imgur.com/O3s8hQm.png"] [/div][div][attr="class","spellbody"][b]SOMETHING GOES HERE[/b] [u]item tag[/u][break][span]desc tag[/span] item description goes here. [/div][/div]
[/div]
[/div]
[div][attr="class","masterypts"][h3]achievements[/h3][/div] [div style="background-color: transparent;padding: 0px;"][attr="class","staffpara"] [div][attr="class","badgetrack"]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img style="max-width:100%;" src="https://cdn.discordapp.com/attachments/971663585103192095/973490958572322816/35_Fairy_Wand.png"][/div][div][attr="class","spellbody"][b]ACHIEVEMENT NAME[/b] [u]description.[/u][break]how to get the achievement.[/div][/div]
[div][attr="class","spellcont"][div][attr="class","spellimgcont"][img style="max-width:100%;" src="https://cdn.discordapp.com/attachments/971663585103192095/973490958572322816/35_Fairy_Wand.png"][/div][div][attr="class","spellbody"][b]ACHIEVEMENT NAME[/b] [u]description.[/u][break]how to get the achievement.[/div][/div]
[/div][/div]
[/div][/div] { CLICK FOR ADDITIONAL INSTRUCTIONS} The instructions for adding tabs is the same as the tabbed versions of the spell list, while the instructions for other elements of the inventory overview (e.g. mp tracker) are the same, except for the achievements display.[break][break] ACHIEVEMENTS DISPLAY:Unlike the non-tabbed version, if you wish to remove the achievements display, delete the code starting from [div*][attr*="class","masterypts"][h3*]achievements[/*h3][/*div] all the way to the end of the code block, leaving two closing [/*div] tags. PROGRESSION BAR:An optional progression bar can be removed by deleting the following section (or adding it, if you want to add it to existing code) and placing it directly below your mastery div. As usual, please remove all asterisks. Two variants are available, and previews can be found at the bottom of this post.[break] [*div style="padding-top:0;"][*attr="class","inventorypara"][*div][*attr="class","progressbarmax"][*div style="width:0%;"][*attr="class","progressbarfill"]0%[/div*][span*]progress description[/span*][/div*][/div*] [*div style="padding-top:0;"][*attr="class","inventorypara"][*div][*attr="class","progressbarmax"][*div style="width:80%;"][*attr="class","progressbarfill"]80%[/div*][*span style="float:left;color:var(--secondbg);padding-left:5px;"]progression status message[/span*][/div*][/div*] [newclass=".pie2"]background: var(--secondbg);color: var(--iconcolor); font-family: 'Jost';font-size: 13px;line-height: 1.8; width: 550px; margin: 0 auto; padding:20px;text-align:justify; } .pie2 u { background-color:var(--thirdbg);font-family:monospace;font-size:0.9em;text-decoration:none; } .pie2 h4 {color: var(--hovericoncolor); font-size: 14px; border-bottom: 4px solid var(--mainbg); margin-bottom: 10px; display: block; width: fit-content;} .pie2 b {color:var(--hovericoncolor);} .pie2 a { text-transform:uppercase; font-size:0.8em; [/newclass][break][break] [nospaces] [attr="class","staffcont"] [attr="class","staffheader"]
(NAME)'S INVENTORY
[attr="class","staffbody"] [attr="class","masterypts"] masteryXX POINTS[attr="class","staffpara"] [attr="class","mptrack"] - +00 MP — from thread name tagheresocial
- -20 MP — from RANK UP: (RANKHERE)
- +00 MP — from thread name tagheresocial
familiar[attr="class","inventorypara"] FAMILIAR SCIENTIFIC NAME. 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. [attr="class","inventorypara"] [attr="class","progressbarmax"] [attr="class","progressbarfill"]0% progress description [attr="class","invtabs"] [attr="class","invtab-item active"][attr="class","invtab-icon fas fa-briefcase"]items [attr="class","invtab-item"][attr="class","invtab-icon fas fa-book"]skills [attr="class","invtab-item"][attr="class","invtab-icon fas fa-address-book"]npc & misc [attr="class","line"] [attr="class","invtab-content"] [attr="class","invtab-pane staffbody active"] [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]ITEM[break]item description goes here. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]ITEM item tag[break]desc tag item description goes here. [attr="class","invtab-pane staffbody"] [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]SKILL[break]general skills and roll modifiers go here - domain-specific skills go in the spell lists. item description goes here. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]SKILL item tag[break]desc tag item description goes here. [attr="class","invtab-pane staffbody"] [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]SOMETHING GOES HERE[break]item description goes here. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]SOMETHING GOES HERE item tag[break]desc tag item description goes here. [attr="class","masterypts"] achievements[attr="class","staffpara"] [attr="class","badgetrack"] [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]ACHIEVEMENT NAME description.[break]how to get the achievement. [attr="class","spellcont"] [attr="class","spellimgcont"] [attr="class","spellbody"]ACHIEVEMENT NAME description.[break]how to get the achievement. spells[attr="class","staffbody inventorypara inventorytracker"] [attr="class","spellcount"] [attr="class","count"]00 total spells [attr="class","count"]00 advanced quests[attr="class","staffbody inventorypara inventorytracker"]
|
|
Administrator
high priestess
999
gold
familiar Familiariorek byrnison
played by OOC Namepandora
content monkey
|
Post by pandora on Jun 4, 2023 11:46:10 GMT -7
[nospaces] spell & quest counts[break]
add to the bottom of the first post in your inventory, right before the last two closing [/div] tags.[break][break]
to mark a quest as complete, replace [li] with [li][attr="class","complete"]. [break][break]
[attr="class","codeblock"][h3 style="margin-bottom:-10px;"]spells[/h3][break]
[div][attr="class","staffbody inventorypara inventorytracker"][break]
[div][attr="class","spellcount"][div][attr="class","count"][b]00[/b] [i]total spells[/i][/div][break]
[div][attr="class","count"][b]00[/b] [i]advanced[/i][/div][/div][/div][break]
[break]
[h3 style="margin-bottom:-10px;"]quests[/h3][break]
[div][attr="class","staffbody inventorypara inventorytracker"][break]
[div][attr="class","questcounts"][break]
[ol][li][a href="/"]active quest[/a][/li][break]
[li][attr="class","complete"][a href="/"]completed quest[/a][/li][break]
[/ol][/div][/div]
[newclass="blockquote span"]background-color:transparent;padding:0;[/newclass]
|
|
gold
familiar Familiaratlas
played by OOC Namelav
prawndering the shrimplications
code monkey
|
Post by lav on Jun 11, 2023 17:43:37 GMT -7
[nospaces] mp overflow[break]
in keeping with the mana overflow rules introduced in patch 4.5, feel free to add this code to your inventory to track any overflow mana.
to add it to your inventory, paste the code below the two closing [/div] tags of the mp tracking portion.[break][break]
[attr="class","codeblock"][div][attr="class","inventorypara"][break]
[div][attr="class","mpoverflow"][i][attr="class","fa-solid fa-ban"][/i] [span][b]00 MP[/b] WITHHELD UNTIL [b]RANK[/b][break][b]— thread name[/b] onwards[/span][/div]the thread where mp starts to surpass the rank cap[break]
[/div]
[newclass="blockquote span"]background-color:transparent;padding:0;[/newclass]
|
|