[ F2U ] User Foggy's Comments


Read and using, thank you!

Using and read rules! Love this code, tysm!

Read + using :3

Read + using

Hi I’m new at css . Can u . Can u tell me how to upload an image properly? I keep putting in a link to add an image for my pfp and it keeps giving me text instead of a picture

Read and using!! Thank you!!

Using!! Tysm ^^

read + using, tyy!! c:

used, thank you!

read + used, ty!

This user is not visible to guests.

read the rules 

Read the rules :)

read rules and using tysm this is an amazing template

Read + using, tysm

using this soon, but i noticed that there is an "s" missing where it says "commissions"!

Used! Thank you so much!

Read and used!

read rules ty !!!! <3

Hello! I'd love to use these but Idk how. Can you help me please? Thank you! <3

read and used! tyy!

read amd gonna use! Thank youu <33

Read and used!! Thank you :))

This user is not visible to guests.

read and using! tysm!

using and read :3 ty!

Using this!, your codes are really useful!

Using, thank you!

This user is not visible to guests.
This user is not visible to guests.

im gonna use this soon! ty!

using!! literally the perfect user code i love it so much

i've run into a really bizarre issue where my second tab's text will merge with the first's until i click on the second tab and back onto the first tab. i have no clue how this happened in the first place and none of the stuff i've tried has worked, i am truly puzzled. any idea what's happened?

it's because you copy and pasted the first tab! which resulted in:

  • two tab-pane's having active show
    • for this code, you only one of it
    • active show means "i want this to show up by default" so having multiple in the same "area" will cause that merging effect
  • two misplaced </div>'s before the <div class="tab-pane fade" id="foggythree">
    • there should only be one (for the foggytwo tab) but there's three in total; move the extra two somewhere below
    • once you fix this, the character tab will appear normally rather than on top

(also not sure if the credit got eaten by the errors but if it got deleted, please add it back in!)

hope that helps! ^^

ah!! thank you, that worked!! and the credits have been restored, they did in fact get eaten by the errors and i did not notice, whoops. sorry about that! and thank you again!!

using and read! <3

might use read the rules!

Used and Read the rules! 

using & read the rules! this was super fun to customize, this is by far my favourite code ^^

Read threw the rules! def gonna use this :D. 

This user is not visible to guests.

i used this code on my profile and the credit line disappeared? i didn't modify that part at all and it's still in the code, it just isn't appearing on my actual page. how do i fix this?

on my mobile so i can't check where, but you most likely might have deleted a </div> by accident!

try comparing your current code with a blank version and see where it needs to be? ^^

that did it! thanks for the help :D

This user is not visible to guests.

using <3

Hello! Just wanted to say I am going to use the code!

This user is not visible to guests.

hi!

mmm replacing the current normal link with youtube embeds is a bit tricky to explain as it's more on the complicated side that i don't have the confidence to explain... ;v;  but it is possible!! you'd have to have some knowledge with positioning to start with, but i do recommend looking into my other codes and see how i do it!

otherwise, i highly suggest commenting in the help forum!  someone may have the time to give you instructions! <333

i'll consider embeds in future user codes though but sometimes it's fun to be lazy haha

im using your code :D i love it! though there's an issue where the profile, playlist, and friends tabs are stuck after i click it and I can't click back

This user is not visible to guests.

hello! i'm using your code for my profile, but i'm having the issue where the tab buttons get stuck and i can't switch between them once clicked on

edit: nvm i figured it out!!

hey may i ask how you fixed this its stuck for me too </3

I’m having the same issues, how’d you fix it?

Hello. I using your code for my profile. I hope you're doing great stuff. Thank you ^^

hii i used this for my profile and added a few more icons for links but the links themselves arent working, any idea on how to fix this? ;;;

the class in the a should be href!  that will happen if you used the coding for the discord icon bit haha

when you do that, there is no need for the title as well, but if you still want it to pop up, add class="tooltipster"


<a href="https://www.decolonizepalestine.com/" style="color:#aaaaaa;" class="tooltipster" title="Decolonize Palestine">
     <i class="fa-solid fa-circle-info fa-2x"></i>
</a>

thank u so much !!! <33<3

The profile looks really nice but i have a small issue with the "friends/characters" section, the pictures don't show up and show text instead, is there anyway to fix it ?

for the images, it looks like you paste a link to the character, not an url of the icons!  so it should be:

<div class="col-4 text-center p-1 pb-3">
    <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/6822310?1658509702" class="fr-rounded mb-2" style="width:100px;height:100px;">
    <p><a href="https://toyhou.se/6822310.alice">Alice (Sona)</a></p>
</div>

Thank you so much! 

ahhhh I'm so sorry im really bad at coding but now i tried to fix some stuff and everything went weird 😭😭 do you know what might have happened ?

hmmm you probably deleted a </div> somewhere??  you can go to your profile history and retrieve a working version!

and if it helps, try using https://th.circlejourney.net/ when editing ! ^^

Alright ill try that thank you! 

This user is not visible to guests.

at the icon styling, try switching height:100px with max-height:100px and see if that does the trick?

This user is not visible to guests.
This user is not visible to guests.

sorry, i use an imac so scroll bars don't really appear (as obstructive) to me :[  i know some people instead the padding on the right so that there's extra spacing between the text and scroll!

try adding a pr-4 below?

<div class="text-justify text-muted pr-4" style="height:140px;overflow:auto;">
This user is not visible to guests.

where to paste the code? I'm just new at ToyHouse

here! https://toyhou.se/~account/profile

firstly, in your display settings, please ensure that you have WYSIWYG disabled for profile content and have Code Editor enabled, just like this pic!

Screen_Shot_2021-05-24_at_6.42.29_pm.png

Thank you! <3

I use and read TYSM 😭🥺

read!

read, tysm for this code! it's so pretty

read! I just wanted to also say that I've used a handful of your codes, and they work flawlessly and are very well put together/beautiful. I'm not sure how active you are on here anymore but you are very talented and I hope it takes you far in life!! thank you for the awesome codes !

Read!

read, ty !!

Using ! Tysm !!

Absolutely adore this code and I’ve been wanting to use it for the longest time; so happy I finally did it’s so perfect!💙:>

why does the image in user content changes its size by itself?

it doesn't, you have WYSIWYG on which causes images to change sizes.  it is stated in my rules for it to be disabled ^^;

i do disable it but whenever i change something (for example make the text bold) or click 'update profile' it shrinks. anyway, do you know why icons in the link section do this? i used twitter, discord and instagram symbols
dfb84pd-de5bdeb0-ddc6-4d12-b793-803e9bb6

hmm i looked at your profile and there are signs of WYSIWYG,,  are you using the toggle button or checking it off in your display settings?  the toggle button doesn't really do anything and still causes problems ^^;

the icons are using the wrong class; any 'brand' or 'company' icons use a fab, not fas/far/fal/etc.  so for twitter, it would be fab fa-twitter and so forth!

tysm for the fast response! the icons work now, the pfp still srinks however, but its not that big of a deal, im glad that it looks nice now ^w^

This user is not visible to guests.
This user is not visible to guests.
This user is not visible to guests.

using!! thank u so much :>!!

using! tysm for the code

Thank you so much for the code!! <3<3

Ive read and used this! I absolutely love your codes and the fact there F2U is amazing thank you so much! I’m new to coding and I’m trying my best but I have a question?

I’ve been up and down the code and I was wondering if there was any way I could change the color of the boxes?

Not the back ground or the small tabs but like the big main boxes that store most the Info and the icon?

Again sorry new to coding and trying my best here😭

you'd want to use the fully custom code then!!  it colours the 'big main boxes' :]

https://toyhou.se/9335534.-f2u-user-foggy/10576512.code-cc-2-

edit: if you’re talking about your profile theme colours, then you’d need to use CSS/Toyhouse Premium!

Oh thank you!! It seems i jacked up the coding and messed it all up so I had to start over!!

I figured it out tho thank you!!<3

Oh thank you!! It seems i jacked up the coding and messed it all up so I had to start over!!

I figured it out tho thank you!!<3

I think I'll use it looks cute and simple ^^

hello ^^ ive used this code on my profile ^^ thank you for making this

hello! I'm attempting to use this but no matter what I do I can't get images to appear and it's starting to stress me out, could I get some help on how to insert images?

it's possible you're using the wrong image url?  codes require the image address of what you wish to put in for it to pr; so for example:


you can get the correct url by the following, depending on what device you're on
On DesktopOn iPad/mobile
  1. right-click
  2. go to 'Copy Image Address'
    1. clicking on 'Copy Image' does not do the job.
  3. paste wherever appropriate
Note: depending on your browser, 'Copy Image Address' might be different (e.g. i think on Firefox, it's 'Copy Image Location')
  1. tap and hold the image
  2. tap 'Copy'
  3. paste wherever appropriate


another possible problem is the image host site you're using; deviantart's stash is notorious for this as it provides temporary links

Thank you so much!! I'm using my tablet, you have such a quick response time, I appreciate this so much, I'll try it and see if that works

it worked! Tysm, how would I copy the link for background images? Would I do the same thing?

yep, same thing!  you would just paste the link INSIDE the brackets!

It doesn't seem to be working, that's weird, I'm so sorry for the trouble

i think you deleted a div by accident, there are also missing parts of the code that i can't see anymore <<;

you can go to your user settings > profile history to retrieve the code before it broke, or use an online editor like circlejourney's if possible !!

2 Replies

I love the way it looks! Thank you so much for helping me 😭💕💕

Using !! Looks great on mobile too :D

Read the rules!!! Using!!!

using probably!

This user is not visible to guests.

do you mean the “layout by …” ?  like the little icon by the credits?

i’d prefer it is stays on the code as it is, but you are allowed to write it somewhere on the profile, as long as it is visible :]

This user is not visible to guests.

if you're talking about the comment guide at the top (the <!-- -->), then yes you can delete it as it doesn't effect the code visually but other than that, i'm afraid i'm not sure what you're talking about as there's neither a "requested by" or "recommended by" in this code? :[  only a "layout by"

This user is not visible to guests.

no worries, happy it cleared things up!

This user is not visible to guests.

Used for Garry. Thank you!

This user is not visible to guests.

read the rules, using this! this is very clean... thank you

Read the rules! Using this :D

I’d love to use this but idk where/how to copy n paste the code! ty :]

instructions on how to use my codes are in my TOS (the most important is the first one!!  and there is a link to a live editor if it helps!), you can find where to paste the user code by:

settings → profile content → paste in the content box!

Ok, ty!

This user is not visible to guests.

I read the rules and I'm using this one! Thank you so much for sharing your skills, you're very good at coding! :D

probably using!

i attempted to edit it, and not the buttons dont seem to work right?

they turn the lighter color, then of you switch to another tab it stays the color and you cant go back into it

is there any way to fix this? ^^'

are you editing with Code Editor enabled (found in Display Settings)?

what you are describing sounds like an issue that happens if you edit without it; you can read this comment thread for extra details of the same question! :O

This user's account has been closed.

Read the rules! I really like this layout :D

Read the rules! <3 I plan to use 

Really great code! I've read the rules and will most probably use it <3

ive read all the rules and im def using! thankyou sm for this masterpiece!!

hey, the icon image is alwayse shrinking and I can figure out how to fix this. whenever I save the image shrinks down, i dont know if this is an issue for other ppl or just me. I could have accidentally messed the code while editing it but I dont know enought about HTML to be able to fix it. could you help?

image shrinkage is usually because you edited the code with WYSIWYG on, which is stated in my rules to disable before using! qvq)b  it adds unnecessary classes which breaks most code layouts

if the icon is the only problem so far, you delete the highlighted/yellow text of the image code: <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/43774110_bkCaXxwIuFWvtRk.png" class="img-thumbnail p-2 mb-2 fr-fic fr-dii" style="max-width:150px;max-height:150px;" width="114" height="114" alt="">

if any more issues arise, it is best to go to your display settings, disable WYSIWYG (for Profile Text), enable Code Editor (if you are on iPad with no physical keyboard or on a phone, you can skip this) and restart the code!!  hope this helps!

yes! thank you this worked!

Looks great, using

Is it possible to add more icons for social media links to the code? I'm trying to figure out how to do so since I've got more socials than I used to.

Since I added a <—add more above THIS line —>, yes it’s possible!

You can pretty much copy and paste the existing  section and replace the social with anything available from fontawesome.com (using YouTube as an example).

<div class="col">
 <a href="LINK TO MEDIA">
 <i class="fab fa-youtube fa-2x">
 </i>
 </a>
 </div>

alright! ty

hey i think the profile playlist and friends buttons on the bottom right only are able to be clicked once, i dont know if its an issue for me or if its for everyone who views my profile? 

aaa see, i'm not too sure if this is a browser or toyhouse issue (like if the website adds it on certain browsers/brands)!  because it sometimes happens, sometimes don't (then again, it may be 100% on my end but i don't encounter these problems myself to detect them) D:

when i go into inspect mode on your code, it comes up as

<li class="px-1"><p>
<a class="btn bg-faded btn-outline-secondary active" style="font-size:95%;letter-spacing:1px;border-color:#aaaaaa;color:#aaaaaa;" data-toggle="tab" href="#foggyone">
profile
</a>
</p></li>

the <p> should not be there at all YET according to some users, they can't see the <p>. . .  if there is no <p> on your side, then i'm not sure how to fix this, sorry!!  if you are okay with having all of the tabs into one scroll box, you can add [active show] to the tabs like so to potentially hop over this?

Screen_Shot_2021-11-11_at_3.29.22_pm.png

sorry about the lack of help!!  i hope everything is easy to understand <:'] <33

Yeah there is no <p> for mine :( ill try to check around and see what might be the issue. Okay so i put <p>, even though its not supposed to be there, and the buttons worked the same but the colours changed which was weird but im just saying what i tried out, i know nothing about coding but i thought that somehow it might change something. Also as you say that people can't see it, thats really weird because its not that i couldnt see it, it was literally just not there which is again really weird haha. but yeah its okay!! and ill try the active show thing.

Edit: I just checked and on inspect it does show a <p> which is sooooo weird, im determinded to fix this >:(

Edit again: i even went out and researched a bit about html and theres no reason for this happen which is so weird. 

Edit again: alright i am not 100% sure about this but apparently it sometimes happens if it doesnt recognize something (source https://stackoverflow.com/questions/20850374/why-there-is-some-extra-p-p-tags-showing-in-the-elements-inspector-of-chro , im not 100% sure, just a suggestion ofc (and they were a chrome user and i use chrome as well)) but it looks all the same from what i copied it from which is sooo weird :( 

sorry i think i went on a bit of a ramble!! ill try to figure it out but if it doesn't work ill try another code. The layout is really pretty though!1 sadly i cant use it to its full extent

OOH OKAY!!! I've edited the code and i'm satisfied with what i have right now, so you dont have to worry i got it fixed for me personally (i didnt really need the playlist so i thought if i just removed the buttons it would fix that, and ill figure out how to put the friends list back if i need it)!! I of course left the credit below. 

OH MY GOD I FIGURED THE ISSUE OUT!!!!!!!!!!!!! THIS HAPPEENS IF THE PERSON DOESNT HAVE CODE EDITOR ON.

EHHHHH????  I WAS UNDER THE ASSUMPTIONS THAT YOU GUYS HAD THEM ON LMAO—

ANYWAYS, i 100% appreciate that you used your own time to figure out this annoying little problem!  a long awaited problem solved!!!!!

def using !! the code is wonderful ^^

using :0 !! ty!!

This user is not visible to guests.

aaaaA yeah i just fixed that problem x)

for you, you would simply surround the <a href="LINK_TO_THING" style="color:#658799;">NAME</a> with <p>!  so it should look like this:

<p><a href="LINK_TO_THING" style="color:#658799;">NAME</a></p>

hope that works! <3

This user is not visible to guests.

Using, thank you <33

just wanna say thank u for ur codeee i love it :> using another for my characters too~

Hello!! I'm currently using this code for my profile page, but for the friends/characters section, there's this problem on how the hyperlink would appear next to the icon rather than below it ;; Here's a screenshot of it if needed!
https://cdn.discordapp.com/attachments/822743898371391498/889535294708256808/Screenshot_160.png (the one with the text "Oni")

yeah that's an error on my part that i overlooked xp

where it says <a href="LINK TO PROFILE">(user)name</a>, there should be a <p> tag surrounding it, like so:

<p><a href="LINK TO PROFILE">(user)name</a></p>

this forces the name of the character to be below the icon! :3c  hope this helps!

OOOO AWESOME!!! Tysm Jiko!!!! ;0; <33

is there a way to make the main white boxes slightly transparent ? :,3

yeah!  using the fully custom coloured version (CC.2), instead of using background:#f2f2f2, use background:rgba(255,255,255,0.6)!

the last value (0.6) controls the opacity of the box without lowering the opacity of the text and other things; hope this helps!

tysm 💞