[f2u] column (commission code)'s Comments

whoknowsanymore

hello!! do you offer help on free codes? im having an issue with the full thing showing up; i tried using the fixed code you linked for the person below but it didn't fix it, it only made one more example box show.

<div class="mb-3 display-3 text-white text-center text-uppercase mx-auto py-3 progress-bar-striped progress-bar-animated bg-primary" style="width: 320px; border-radius: 10px; text-shadow: 0px 0px 5px rgba(255,255,255,0.3); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.3);"> Comms open </div>


<div class="mb-3 p-2 text-left mx-auto bg-faded progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.3);">

<div class="p-3 mb-2 text-left mx-auto bg-faded" style="border-radius: 10px;">

<p class="text-info text-center">
<span class="small text-uppercase text-muted" style="letter-spacing: 1px;"> payment — </span> mush | tokens | palettes
</p>

<hr class="m-2"> I can do cosplays, animal inspired, or anything you’d like! I really enjoy making skins but don’t have enough storage slots to make more for myself, so I thought I’d open these up!<br><br>

I will discuss price individually, but it’ll generally be between 1k and 6k.<br><br>

It depends on how complex the creature is, whether you give me the pallete or i have to find+buy it, etc.
</div>



<div class="p-3 text-center mx-auto bg-faded" style="border-radius: 10px;" id="termsofservice">
<p class="text-uppercase"> terms of service </p>
<hr class="m-2">
<ul class="fa-ul text-left text-muted mb-1">
<ul class="fa-ul text-left text-muted mb-1">
<li><span class="fa-li"> <i class="small fas fa-caret-right"></i></span> You may alter the design as you like </li>
<li><span class="fa-li"> <i class="small fas fa-caret-right"></i></span> You can attempt to copy it onto another creature </li>
<li><span class="fa-li"> <i class="small fas fa-caret-right"></i></span> You can sell the slot/design </li>
<li><span class="fa-li"> <i class="small fas fa-caret-right"></i></span> Pretty much anything! If you are questioning something, feel free to ask! </li>
</ul>
</div>

</div>


<div class="mb-3 p-2 mx-auto bg-primary progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.3);" id="example1">
<div class="p-3 text-center mx-auto bg-faded" style="border-radius: 10px;">
<h1>
Simple Skins
</h1>

<span class="text-body bg-faded px-2 p-1 rounded" style="">
Price — 1k-2k
</span>
<br>
<span class="text-body bg-faded px-2 p-1 rounded" style="">
Features — Simple colors/Patterns
</span>
</span>
</div>
</div>


<div class="mb-3 p-2 text-left mx-auto bg-faded progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.3);">
<div class="p-3 text-left mx-auto bg-faded" style="border-radius:10px;">

<div class="row mb-3">
<div class="col-6">
<a href="https://f2.toyhou.se/file/f2-toyhou-se/images/121271652_zyjnyYshV3alIch.jpg" target="_blank"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/121271652_zyj.jpg" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
</div>
<div class="col-6">
<a href="https://f2.toyhou.se/file/f2-toyhou-se/images/121271703_ceve6kutwhkd5JC.jpg" target="_blank"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/121271703_cev.jpg" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>

</div>
</div>
</div>
</div>


<div class="mb-3 p-2 mx-auto bg-primary progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.3);" id="example2">
<div class="p-3 text-center mx-auto bg-faded" style="border-radius: 10px;">
<h1>
Medium Complexity
</h1>

<span class="text-body bg-faded px-2 p-1 rounded" style="">
Price — 3k-4k
</span>
<br>
<span class="text-body bg-faded px-2 p-1 rounded" style="">
Features — Manually Painted, Subtle Gradients
</span>
</div>
</div>


<div class="mb-3 p-2 text-left mx-auto bg-faded progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.3);">
<div class="p-3 text-left mx-auto bg-faded" style="border-radius:10px;">
<div class="row mb-3">
<div class="col-6">
<a href="https://f2.toyhou.se/file/f2-toyhou-se/images/121271663_yJX222jeabr3Yn4.jpg" target="_blank"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/121271663_yJX.jpg" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
</div>
<div class="col-6">
<a href="https://f2.toyhou.se/file/f2-toyhou-se/images/113236246_b1Owsbcr7yhNfBI.png" target="_blank"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/113236246_b1O.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
</div>
</div>

</div>
</div>
</div>


<div class="mb-3 p-2 mx-auto bg-primary progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.3);" id="example3">
<div class="p-3 text-center mx-auto bg-faded" style="border-radius: 10px;">
<h1>
High Complexity
</h1>

<span class="text-body bg-faded px-2 p-1 rounded" style="">
Price — 4k-6k
</span>
<br>
<span class="text-body bg-faded px-2 p-1 rounded" style="">
Features — Manually Painted, Difficult Models
</span>
</div>
</div>


<div class="mb-3 p-2 text-left mx-auto bg-faded progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.3);">
<div class="p-3 text-left mx-auto bg-faded" style="border-radius:10px;">
<div class="row mb-3">
<div class="col-6">
<a href="https://f2.toyhou.se/file/f2-toyhou-se/images/120963146_LrQCutr9eHcTd3Y.png" target="_blank"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/120963146_LrQ.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
</div>
<div class="col-6">
<a href="https://f2.toyhou.se/file/f2-toyhou-se/images/121271693_XH3DfX2dUsmR2uR.jpg" target="_blank"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/121271693_XH3.jpg" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
</div>

</div>
</div>
</div>
</div>



<div class="mb-3 p-2 mx-auto bg-primary progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.3);" id="orderform">
<div class="p-3 text-center mx-auto bg-faded" style="border-radius: 10px;">
<h1 class="text-uppercase"> order form </h1>
<div class="text-body small"> fill out the form in the comments! if you'd like you can DM your username if you don't want it in the comments. I will let you know what complexity I consider the order, and we can discuss the price! </div>
<hr class="m-2">
<div class="row mx-1">
<ul class="fa-ul text-info mb-1 mx-auto">
<li><span class="fa-li"> <i class="small fas fa-caret-right"></i></span> username </li>
<li><span class="fa-li"> <i class="small fas fa-caret-right"></i></span>creature </li>
</ul>
<ul class="fa-ul text-info mb-1 mx-auto">
<li><span class="fa-li"> <i class="small fas fa-caret-right"></i></span> palette </li>
<li><span class="fa-li"> <i class="small fas fa-caret-right"></i></span> inspo </li>
</ul>
</div>
</div>
</div>


<div class="text-center" style="margin-top: -5px;">
<a href="https://toyhou.se/9441459.f2u-column-commission-code" target="_blank"><i class=" text-muted far fa-feather-pointed tooltipster" title="code by teiyoq"></i></a>
</div>

teiyoq

hello, please let me know specifically what the problem is (e.g. what's missing), thank you!

whoknowsanymore

everything after the medium complexity's image box isnt showing, but it shows in circlejourney

teiyoq

there's an extra </div> tag before the high complexity section, circlejourney points it out, if you remove that it should work ^^

whoknowsanymore

tysm!! circlejourney didnt point it out for me, is there a setting that enables it?

teiyoq

i don't know if there's a specific setting to toggle it, but for me it appears as an x on the left side

1 Replies

AfterLife66

Hii! I know this is an older code, the only thing I'm having issues with is the full code not showing on my comms character?

teiyoq

hello! could you please paste the code you have and send it to me with pastebin (no account needed ^^)?

AfterLife66

Hi yes! https://pastebin.com/mP2BrN8F

teiyoq

here, this should work! some tags were missing, some in the wrong order, and some were redundant; I only looked at one section though and when I fixed that part the rest seemed to work, but I don't know if there's anything else wrong with the tags in other parts of the code ^^; it should work though!

AfterLife66

OMG thank you so much, I'm still learning how to edit code so i wasn't sure what i did.
Your code is awesome btw :)

teiyoq

yaa happy to help! and tyyy :DD

Esnupi

Hello! your code is SOOO helpful!!! i made it bit shorter nothing much! thank you for this! great work!

teiyoq

tysm for using!!! super glad it was helpful!! your chibis are super cutee <333

Esnupi

WEHH THANK YOUUU!! ;;

Cheps

hello! your code is amazing!

I cut it to just show some things, even so, there is still your credit, it is an impressive work!

Thanks for your code!!

teiyoq

thank you so much, i'm glad you found it useful! <3

Hiiro

Heyaa! It's been a while I wanted to use this code and finally time has come >:3

Just small question, is there a way to turn on caps? I just noticed all letters come as minus in text boxes~ And even when I know basics html I've never encountered this before x3 If you can give some tips for it I'll appreciate lots!

Have a nice day and thanks for this wholesome codes

teiyoq

yep!! just remove every "text-lowercase" you find :D
this code was from a while ago when i LOVED using all lowercase letters with no capitals for punctuation bc of the ✨aesthetic ✨ but i'll probably edit the "text-lowercase" out of the code once i find time to afhskdfjk
and tysm!!! :D <333 hope u have a nice day too!! <3

Katchulu

Used as a folder rules panel! ( if I missed a rule about cutting some of the code out to fit I’m so sorry if this is not allowed please let me know and I will remove it instantly!)

teiyoq

oo cool!!

and pfhdjfk dw, i'm fine with any amount of editing/cutting out stuff for my codes

thanks for using!! :D

MochyArt

hello sorry to bother you! been trying to figure this my own and asked in the forum (2 days now) but I'm not having much luck. if it's not too much trouble, how do I make them go next to each other? link, i want it like this

teiyoq

lmk if this works!

    
<div class="row no-gutters col-md-8 mx-auto">
    
    <div class="col-md-6">
      
      <!-- example title -->

<div class="mb-3 p-2 mx-auto bg-primary progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.8);" id="example1">
    
    <div class="p-3 text-center text-uppercase mx-auto bg-faded" style="border-radius: 10px;">
        
    <h1>
    example title #1
    </h1>
    
    <span class="text-lowercase text-body bg-faded px-2 p-1 rounded" style="">
        price — $exampleprice | 100 points
    </span>
    
    </div>
</div>

 <!-- END example title -->
 
 <!-- examples box -->
 
<div class="mb-3 p-2 text-left text-lowercase mx-auto bg-faded progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.8);">
<div class="p-3 text-left text-lowercase mx-auto bg-faded" style="border-radius:10px;">
            
    <div class="row mb-3">
        <div class="col-6">
            <a href="https://cdn.discordapp.com/attachments/707435619563077676/790033449225945108/1608429039924.png" target="_blank"> <img src="https://cdn.discordapp.com/attachments/707435619563077676/790033449225945108/1608429039924.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
        </div>
        <div class="col-6">
            <a href="https://cdn.discordapp.com/attachments/707435619563077676/790034124723060786/1608429194977.png" target="_blank"> <img src="https://cdn.discordapp.com/attachments/707435619563077676/790034124723060786/1608429194977.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <a href="https://cdn.discordapp.com/attachments/707435619563077676/790034847048663060/1608429377417.png" target="_blank"> <img src="https://cdn.discordapp.com/attachments/707435619563077676/790034847048663060/1608429377417.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
        </div>
        <div class="col-6">
            <a href="https://cdn.discordapp.com/attachments/707435619563077676/790034139385430016/1608429120014.png" target="_blank"> <img src="https://cdn.discordapp.com/attachments/707435619563077676/790034139385430016/1608429120014.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
        </div>
    </div>
    
</div>
</div>

 <!-- END examples box -->
        
    </div>
    
    <div class="col-sm-6">
      
      <!-- example title -->

<div class="mb-3 p-2 mx-auto bg-primary progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.8);" id="example1">
    
    <div class="p-3 text-center text-uppercase mx-auto bg-faded" style="border-radius: 10px;">
        
    <h1>
    example title #1
    </h1>
    
    <span class="text-lowercase text-body bg-faded px-2 p-1 rounded" style="">
        price — $exampleprice | 100 points
    </span>
    
    </div>
</div>

 <!-- END example title -->
 
 <!-- examples box -->
 
<div class="mb-3 p-2 text-left text-lowercase mx-auto bg-faded progress-bar-striped progress-bar-animated" style="width: 320px; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.8);">
<div class="p-3 text-left text-lowercase mx-auto bg-faded" style="border-radius:10px;">
            
    <div class="row mb-3">
        <div class="col-6">
            <a href="https://cdn.discordapp.com/attachments/707435619563077676/790033449225945108/1608429039924.png" target="_blank"> <img src="https://cdn.discordapp.com/attachments/707435619563077676/790033449225945108/1608429039924.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
        </div>
        <div class="col-6">
            <a href="https://cdn.discordapp.com/attachments/707435619563077676/790034124723060786/1608429194977.png" target="_blank"> <img src="https://cdn.discordapp.com/attachments/707435619563077676/790034124723060786/1608429194977.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <a href="https://cdn.discordapp.com/attachments/707435619563077676/790034847048663060/1608429377417.png" target="_blank"> <img src="https://cdn.discordapp.com/attachments/707435619563077676/790034847048663060/1608429377417.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
        </div>
        <div class="col-6">
            <a href="https://cdn.discordapp.com/attachments/707435619563077676/790034139385430016/1608429120014.png" target="_blank"> <img src="https://cdn.discordapp.com/attachments/707435619563077676/790034139385430016/1608429120014.png" class="rounded" style="width: 120px; height: 120px; object-fit: cover; "> </a>
        </div>
    </div>
    
</div>
</div>

 <!-- END examples box -->
        
    </div>
    
</div>

MochyArt

it works, tysm!! i love your codes <3

Vodka_Muffin

I think I'll use this! this is very cool! great job!

teiyoq

tysm!! <33

mojaves

This is nice but is there a way to turn off the moving stripes? Thanks!

teiyoq

oh yes! just remove "progress-bar-striped progress-bar-animated" :D

mojaves

ty!