Coloured Tabs's Comments

i love this code so much!! im using is at the base for IC and i just got finished editing it today^^

forgot to comment when i first got to work but wanted to drop in and say i love this code! slowly working on converting all my characters over to it... i heavily edited it for my purpose of using the tabs to summarise the different versions / AUs of my characters as some are drastically different but it was so easy to work with ☺️ i like using a base code for all my ocs as i have so many itd be a pain to customise them individually so they all have the same colour scheme. i have different versions with a different number of tabs but for an example of the full tabs in use; https://toyhou.se/9683067.ginger

CuckooHoopoe

aww, im so glad you like it 💕 and hell yeah, i love modifying codes to fit characters, it makes me really happy to see others do so too! Using tabs for different AU's is actually pretty smart 🤔 Anyway thank you so much for showing me 💕

This user is not visible to guests.

CuckooHoopoe

Aw, thank you <3 it made me really happy to read that! I love seeing people make use of codes I worked hard to make but never used myself. Again, thank you so much for this comment, it really made me feel warm

This user is not visible to guests.

Ikasama

This layout is so beautiful!

Valkyris

This is such an awesome code =D

I love the look of your example with the image next to the overview box in the first tab. Would there be a chance you could tell me how you did that? I'm not the greatest when it comes to coding ^^;;

CuckooHoopoe

Glad you like it. And heres the code, just find the comment that says overview card and replace it (its between the 2 aesthetic images) you shouldnt have to change anything else

          <!-- OVERVIEW CARD -->
          <div class="row no-gutters">
            <div class="col-sm-8">
              <div class="card p-2 m-1 bg-transparent rounded-0" style="border:2px solid #355070;">
                <p class="mb-2"><span class="mb-0" style="font-size:20px;">OVERVIEW</span> 
                <!-- OVERVIEW INFO -->
                write info here </p>
              </div>
            </div>
              <div class="col-sm-4 p-1">
                <div style="height:100%;width:100%;min-height:100px;display:inline-block;background-size:cover;background-repeat:no-repeat;background-color:#222222;background-position:center; background-image:url(IMAGE_LINK); box-shadow:inset 0 0 7px rgba(0,0,0,0.7);"></div>
              </div>
          </div>

Valkyris

Thank you so much =D

spunkee

this is such a well-rounded code :0 very broad info areas/tabs too, im definitely gonna use this for my OCs that have a full background universe; the code is so compact, but still so nice on the eyes and very organized !!

CuckooHoopoe

Im glad you think so! I love adding details to my characters but I also like to give them aesthetic profiles, so compacting everything into cute codes can be a pain.

Error101oops

I used this for my character! (still need to fill a few things out but lol)

https://toyhou.se/13585800.romi

ty! Its a super cute!

CuckooHoopoe

thank you for showing me! "angsty Wolf thing" is what I call most of my characters lmao

Error101oops

Lol I didnt know what else to call him xD

CuckooHoopoe

yup thats all my rules lol, and glad you like it!