JAI CSS Tags by IO

this rentry is NOT created by, nor affiliated with IO. this is just code she posted in the JAI discord I feel people would like


βŽ—
βœ“
<style>

.marktag {
    background: #fdf4e1;
    font-family: 'Lato';
    padding: 2px 7px 2px 7px;
    margin: 1px;
    border-radius: 10px;
    color: #242424;
    font-weight: 600;
    border: 1px solid #163b4f2e;
    line-height: 1.8;
    cursor: pointer;
}

.marktag:hover {
    background: #74fff8;
    transition: all ease 0.1s;
    text-decoration: none;
}
</style>

and then in your actual bio/html part it’s just

βŽ—
βœ“
1
2
3
4
<p style="text-align: center;">

<mark class="marktag">πŸ‘€ anyPOV</mark> <mark class="marktag">πŸ‘¨ 90% male / πŸ‘©β€πŸ¦° 10% female</mark> <mark class="marktag">πŸ§‘β€πŸŽ¨ oc </mark>
</p>

Or for custom tags:

βŽ—
βœ“
<a href="https://janitorai.com/search?mode=all&amp;sort=popular&amp;custom_tags=Starfall&amp;page=1" class="marktag" style="color: rgb(9 106 255);"># starfall</a>

template

βŽ—
βœ“
<a href="[URL HERE]" class="marktag" style="color:[CUSTOM TEXT COLOR HERE]"># CUSTOM TAG</a>

Edit

Pub: 17 Aug 2025 01:40 UTC

Views: 5