[FTU] Thumbtack's Comments


Hello friend!! I'd love to use this code as a fun little overview for a fictive settlement, but I was wondering if there was a way for the about box to be wider? Like how it is shown in the profile picture? I've tried tweaking it here and there myself to no avail (I might just be looking completely over it fhbfshbs), but if you could help me out that would be lovely!

hello! sorry for the delay; I only check this account every couple of weeks or so (in contrast with daily on my main account). 

so, essentially the deal with this code (and pretty much all of my codes) is that it uses the responsive bootstrap grid system. you can read about it in detail here if you like, but basically the about box is the second column in a row, while the other column contains the tree icon. the width of the tree icon column is defined by the class "col-md-6", while the width of the about column is defined by "col-xl-6". (the md/xl bits do some mobile responsiveness stuff - don't mess with them.) you can use CTRL-F to find them quickly if you don't want to sift through the whole code; thankfully this section is the only place those classes show up! right now, because the grid system uses 12 sections to a row, and both columns have a width of 6, they each take up half of the row. it's very important that both widths here add up to 12, because if they add up to more than 12, one of the columns will be shoved down below, and that would look silly.

in summary: to make the about box wider, you can change "col-md-6" to "col-md-5" and "col-xl-6" to "col-xl-7" (or 4 and 8, or 3 and 9, etc.). but whatever you set it to, remember that the ultimate width is determined by the size of the screen you are using to view the page. hope that helped!

Hello! It's totally okay, don't worry about it! Thank you so much for your help!!

This user is not visible to guests.

oh gosh, I'm sorry I didn't get to you sooner! I only check this account about once a month (am more active on my main account). so, the thing about this code is that it uses the bootstrap theme system! toyhou.se has a number of themes you can choose from, and this theme will change colors to fit the theme! for example, the bars that look blue to you look yellow to me, because I'm using the bee theme.

you can override this by inserting specific elements into the ' style="" ' section of a <div> (or other type of) element. to set text color, use color: #HEXCODE; (for example, #FFFFFF is white - you can look up a color picker to select the color you want, and copy and paste the hex code in), and to set the color of most other elements (like the header), use background-color: #HEXCODE; . 

the tree icons make use of the FontAwesome icon pack! these icons look like <i class="fa fa-ICON"></i> in the code, where ICON is the name of the FontAwesome icon. you can look up more kinds of icons on their website!

sorry about the delay - if you already figured it out, I hope this can be of some use to others.

The mobile adaptivity for this is fantastic! Way to push default bootstrap and inline styling, I think this is one of my fav f2u profiles I've seen

Hey! I was wondering if I could use this and if it would be possible to link stuff to the "photos" and possibly even have text in the white gap under them? Does that make sense? Ty!!

hello! this is a free to use code, so do what you like with it! sorry I didn't get to you sooner; I don't check this account very often so it's better if you hit me up on my main account. here's a modified version of the polaroid code with links and text added. feel free to tweak further: 'transform: rotate()' is what makes the elements do the wobble thing, so you might want to set it to different values for each separate polaroid to keep the offset look. or remove it altogether, if you want to put them back in alignment! anyway:

<!-- START POLAROID -->
<a href="URL GOES HERE">
    <div class="card" style="border-radius: 5px; border: 5px solid white; width: 150px; height: 190px; background: white; transform: rotate(-3deg); margin: 10px; box-shadow: -2px 4px 10px rgba(0,0,0,0.5);">
        <div style="width: 100%; height: 80%; background: url(IMAGE URL GOES HERE) center center; background-size: cover; border-radius: 5px; z-index: 2; text-align: center;">
            <i class="fa fa-thumbtack text-body" style="transform: rotate(3deg); position: absolute; z-index: 10; top: -15%; font-size: 200%; text-shadow: 2px 4px 5px rgba(0,0,0,0.5);"></i>
           
        </div>
        <div style="text-align: center; color: black;">text goes here</div>
    </div>
</a>
<!-- END POLAROID -->

Yoooo Tysm!! 

Used it here! https://toyhou.se/11472658.chammy This code was super fun to use! EDIT: completely glitched when i went to add a field, so i had to remove it, but the code is still great

I'm using it here! and probable will add to other folders too ^^ https://toyhou.se/FerWanwan/characters/folder:397585

I added a credit note at the top because I couldn't find the credit to you on the code ;; (or maybe I'm blind haha)

oh! what a lovely use of this code, thank you! and you're not blind; I seem to have forgotten to place my usual link. thanks for bringing it to my attention! I'll get that fixed in the near future.