[ F2U ] User Foggy's Comments


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^

BLOCK_1
BLOCK_1
BLOCK_1

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!

BLOCK_1

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 :]

BLOCK_1

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"

BLOCK_1

no worries, happy it cleared things up!

Read the rules and using, thanks!

Used for Garry. Thank you!

Read the rules! Using this

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!

BLOCK_1

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

405

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

Using! And read the rules! Thanks a bunch! <333

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!!

BLOCK_1

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

BLOCK_1

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 💞

Might I ask how I could add and sync up more tabs using this code? I like the look but wanna make the information about myself a bit more thorough.

It's a bit of a process and I'm not too confident in explaining well because English is not my first language!

However, AviCode has shared a lovely tutorial on how to add more tabs so I highly suggest looking at it!  This code (and nearly all tabbed codes) shares a similar layout so it should be relatively clear on what to change and add.

Best of wishes!  You're welcome to ask for help again after you attempted that; I may be more useful then haha ^^ <3

hi! unsure if someone's asked this and you answered but. .
 how do you put a link into the comms status n stuff ? like a link to my prices >0<

BLOCK_1

thank you so much <33

pretty much what @ cookiecafe has said! ^^ <3

using ty!

BLOCK_1

It’s possible!  Though you may need to tweak it to that the tab buttons fit properly on mobile! <:D

using, tysm!!

Used thank you!! :D

Used! Thank you!! :)

Love this code! It’s the first one I’ve ever used and it’s really simple to understand. However, I can’t seem to figure out how to insert images. Would it be possible for anyone to help me out?

Ensure that you have WYSIWYG disabled in your display settings (just profile text is fine) before proceeding.  If you find that the raw code is now “broken” (spacing-wise), restart the whole thing.

On the image you want to use, right click and select “copy image address”, then paste that whenever applicable!

Got it to work. Tysm for the help!


tumblr_n66o0oc27x1qakxsyo1_400.gifv

Thank you !

I used this as my profile bio. THANK YOU!!!

BLOCK_1

yep!  just copy and paste a bit to add more (as long as it's above the add/delete line)!

BLOCK_1

I'll be honest I've never done this before and I've got no idea what I'm doing exactly 😅😂 I found the tab with all the information but I'm unsure how or what to put in

how can I add link to the art fight?

Pretty much the opposite of deleting a social link; you can copy and paste from the previous ones!  For art fight, use this!:

<div class="col">
<a href="LINK TO ART FIGHT">
<i class="fas fa-paint-brush fa-2x"></i>
</a>
</div>

thank you <33

BLOCK_1

if you mean these icons  then you can find them at font awesome.com! ^^

If you were talking the character icons, then me!  I drew them!

BLOCK_1

Using <3

This is awesome! I just used it for my profile since I love it so much. Also, I keep running into this issue while testing the code where the profile icon keeps shrinking, is there any way to fix this? Or is it just a TH glitch?

Images shrinking sounds like WYSIWYG is enabled.  Have you disabled it from your display settings? :>

Thanks so much for making this, will def be using :D

Thankyou for making such a simple code! will def be using this for my profile :0!

This is such a nice code! Using thank you!!

using !! thank you <3

This user's account has been closed.
This user's account has been closed.

Long story short: there was a misplaced </div> after the first tab which should be after all of the tab groups!  I wasn't sure how to explain it (brain is melted lol) so I fixed it for you ^^ (if you don't mind the unorganised code)!:

<div class="mx-auto mt-3" style="color:#404040;font-size:85%;letter-spacing:.2px;max-width:756px;"> 
<div class="row no-gutters"> 
<div class="card-block border-0 p-3" style="border-radius:15px;background-image:url(https://i.pinimg.com/originals/75/ce/88/75ce88999c5cb080b6eabe19655b4555.jpg);background-size:cover;background-position:top;background-attachment:scroll;"> 
<div class="card-block p-2 text-white"> 
<div class="justify-content-between" style="font-size:17px;"> 
<span><i class="far fa-star fa-fw"></i></span> 
<span style="letter-spacing:2px;">StarrySpirit</span> 
</div> 
</div> 
<div class="tab-content row no-gutters"> 
<div class="col-lg-12 p-1 order-3"> 
<ul class="nav nav-pills pull-right"> 
<li class="px-1"> 
<a class="btn btn-outline-secondary active" style="font-size:95%;letter-spacing:1px;border-color:#aaaaaa;background:#f2f2f2;color:#aaaaaa;" data-toggle="tab" href="#foggyone"> 
Zero 
</a> 
</li> 
<li class="px-1"> 
<a class="btn bg-faded btn-outline-secondary" style="font-size:95%;letter-spacing:1px;border-color:#aaaaaa;background:#f2f2f2;color:#aaaaaa;" data-toggle="tab" href="#foggytwo"> 
playlist 
</a> 
</li> 
<li class="px-1"> 
<a class="btn bg-faded btn-outline-secondary" style="font-size:95%;letter-spacing:1px;border-color:#aaaaaa;background:#f2f2f2;color:#aaaaaa;" data-toggle="tab" href="#foggythree"> 
friends 
</a> 
</li> 
</ul> 
</div> 
<div class="col-lg-4 p-2 order-lg-1"> 
<div class="card p-3 w-100 h-100" style="background:#f2f2f2;border-color:#aaaaaa;"> 
<div class="text-center"> 
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/34589756_Rq3jbcDsBPSCURz.png" class="fr-rounded img-thumbnail p-2 mb-2" style="max-width:150px;max-height:150px;background:#f2f2f2;border-color:#aaaaaa;" alt="34589756_Rq3jbcDsBPSCURz.png"> 
</div> 
<div class="text-center p-1" style="font-size:88%;color:#837b85;"><i> 
tired artist <i class="fas fa-angle-right fa-sm px-1"></i> 
asexual <i class="fas fa-angle-right fa-sm px-1"></i> 
Nonbinary 
</i></div> 
<hr class="w-100" style="border-color:#404040;opacity:.15;"> 
<div class="justify-content-between py-1"> 
<span style="color:#837b85;">requests</span> 
<span>NEVER</span> 
</div> 
<div class="justify-content-between py-1"> 
<span style="color:#837b85;">trades</span> 
<span>Ask</span> 
</div> 
<div class="justify-content-between py-1"> 
<span style="color:#837b85;">commisions</span> 
<span>Open!</span> 
</div> 
</div> 
</div> 
<div class="col-lg-8 p-2 order-lg-2"> 
<div class="card table-responsive tab-content" style="height:330px;background:#f2f2f2;border-color:#aaaaaa;"> 
<div class="tab-pane fade active show" id="foggyone"> 
<div class="p-3" style="background:#f2f2f2;"> 
<div class="pb-2" style="font-size:15px;letter-spacing:2px;"> 
<i class="fas fa-star fa-sm pr-3"></i>| Eclipse 
</div><hr class="my-2 pb-1" style="border-color:#404040;opacity:.15;"> 
<div class="text-justify" style="height:140px;overflow:auto;color:#837b85;"> 
<p>Ah crap- i have to make an intro. Okay, fine then. Welcome to my personal hell, where all of my characters lay. Some are very wholesome, but some are as edgy as frick- welp, good luck new user, also-</p> 
<p>If you dare steal or trace any of my chars you will end up on my blacklist ^^</p> 
Icon is by <span class="display-user"><a href="https://toyhou.se/AvianGrenade"><i class="fi-torso user-name-icon"></i>AvianGrenade</a></span>! 
Code icon is by <span class="display-user"><a href="https://toyhou.se/oatsies"><i class="fi-torso user-name-icon"></i>oatsies</a></span> 
<p></p> 
</div><hr style="border-color:#404040;opacity:.15;"> 
<div class="row no-gutters pt-3 text-center"> 
<div class="col"> 
<a href="https://www.deviantart.com/starrispirit" style="color:#aaaaaa;"> 
<i class="fab fa-deviantart fa-2x"></i> 
</a> 
</div> 
<div class="col"> 
<a href="https://scratch.mit.edu/users/Rosey_Eclipse/" style="color:#aaaaaa;"> 
<i class="fas fa-paw fa-2x"></i> 
</a> 
</div> 
</div> 
</div> 
</div> 
<div class="tab-pane fade" id="foggytwo"> 
<div class="p-3" style="min-height:310px;overflow:auto;background:#f2f2f2;"> 
<div class="pb-2" style="font-size:15px;letter-spacing:2px;"> 
<i class="fas fa-music fa-sm pr-3"></i>| my playlist 
</div><hr class="mt-2 mb-3" style="border-color:#404040;opacity:.15;"> 
<div class="text-justify px-1" style="max-height:245px;overflow:auto;"> 
<div class="justify-content-between"> 
<span class="my-auto"> 
<a href="https://www.youtube.com/watch?v=C5fLxtJH2Qs" style="color:#aaaaaa;"> 
<i class="fas fa-play-circle"></i> 
</a> 
</span> 
<span> 
<span class="font-italic pull-right">Royalty</span><br> 
<span class="pull-right" style="color:#837b85;">Artist — Egzod & Maestro Chives - Royalty</span> 
</span> 
</div><hr class="my-2 mb-3" style="border-color:#404040;opacity:.15;"> 
<div class="justify-content-between"> 
<span class="my-auto"> 
<a style="color:#aaaaaa;"> 
<i class="fas fa-play-circle"></i> 
</a> 
</span> 
<span> 
<span class="font-italic pull-right">Crossing the Line</span><br> 
<span class="pull-right" style="color:#837b85;">Artist — Vosai & Facading</span> 
</span> 
</div><hr class="my-2 mb-3" style="border-color:#404040;opacity:.15;"> 
<div class="justify-content-between"> 
<span class="my-auto"> 
<a href="https://www.youtube.com/watch?v=u2HRq9nEkrI" style="color:#aaaaaa;"> 
<i class="fas fa-play-circle"></i> 
</a> 
</span> 
<span> 
<span class="font-italic pull-right">A stranger's dead</span><br> 
<span class="pull-right" style="color:#837b85;">Artist — Cadmium X Paul Flint</span> 
</span> 
</div><hr class="my-2 mb-3" style="border-color:#404040;opacity:.15;"> 
<div class="justify-content-between"> 
<span class="my-auto"> 
<a href="https://www.youtube.com/watch?v=KBtmHyfOMNU" style="color:#aaaaaa;"> 
<i class="fas fa-play-circle"></i> 
</a> 
</span> 
<span> 
<span class="font-italic pull-right"> Blue Eyed Demon [</span><br> 
<span class="pull-right" style="color:#837b85;">Artist — ROY KNOX -</span> 
</span> 
</div><hr class="my-2 mb-3" style="border-color:#404040;opacity:.15;"> 
</div> 
</div> 
</div> 
<div class="tab-pane fade" id="foggythree"> 
<div class="p-3" style="min-height:320px;overflow:auto;background:#f2f2f2;"> 
<div class="pb-2" style="font-size:15px;letter-spacing:2px;"> 
<i class="fas fa-heart fa-sm pr-3"></i>| my friends 
</div><hr class="my-2 pb-1" style="border-color:#404040;opacity:.15;"> 
<div class="row no-gutters text-justify px-1" style="max-height:245px;overflow:auto;"> 
<div class="col-4 text-center p-1 pb-3"> 
<img src="https://f2.toyhou.se/file/f2-toyhou-se/users/booozzerd?1" class="fr-rounded mb-2" style="width:100px;height:100px;" alt="booozzerd?1"> 
<a href="https://toyhou.se/booozzerd" style="color:#aaaaaa;">booozzerd</a> 
</div> 
<div class="col-4 text-center p-1 pb-3"> 
<img src="https://f2.toyhou.se/file/f2-toyhou-se/users/_dreamcatcher_?5" class="fr-rounded mb-2" style="width:100px;height:100px;" alt="_dreamcatcher_?5"> 
<a href="https://toyhou.se/_dreamcatcher_" style="color:#aaaaaa;">_dreamcatcher_</a> 
</div> 
<div class="col-4 text-center p-1 pb-3"> 
<img src="https://f2.toyhou.se/file/f2-toyhou-se/users/Mistieko?23" class="fr-rounded mb-2" style="width:100px;height:100px;" alt="Mistieko?23"> 
<a href="https://toyhou.se/Mistieko" style="color:#aaaaaa;">Mistieko</a> 
</div> 
<div class="col-4 text-center p-1 pb-3"> 
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/32309465_ofjmLfx8CwSKdQg.gif?" class="fr-rounded mb-2" style="width:100px;height:100px;" alt="32309465_ofjmLfx8CwSKdQg.gif?"> 
<a href="https://toyhou.se/Oatsies" style="color:#aaaaaa;">Oatsies</a> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
<div class="col-12 text-right small py-2" style="letter-spacing:4px;color:#aaaaaa;"> 
<a href="https://toyhou.se/9335534.-f2u-user-foggy" class="tooltipster" title="" style="text-decoration:none;color:#aaaaaa;" data-original-title="code by jiko"> 
<i class="far fa-code"></i> 
</a> . 
<a href="https://toyhou.se/ArabicaBean" class="tooltipster" title="" style="color:#aaaaaa;" data-original-title="layout by ArabicaBean"> 
<i class="far fa-lightbulb"></i> 
</a> 
</div> 
</div> 
</div>
This user's account has been closed.
BLOCK_1

hiya where in the tabs is the code?

in the top left that says CODE (BS) and (CC)?  BS for Bootstrap and CC for custom colours! :0

ooo okay tysm !

Is there a link to the code? I can't seem to find it:'0

In the tabs! :]

Oh! I see it now, ty:)

Using! 
Okay but your codes are chef kiss

haha thank you for using it!  the aesthetic is super cute! <3

BLOCK_1

using, idk how you manage to make these so pretty!!! Thanks for putting it up for us!!

using! i love how it looks sm!

using!

Using!

using!

using!!

These codes are really pretty I think I’ll use one

sqee i'm happy you think that!  thank you! <3

:eyes: using this code, found it off a friend's bulletin and it's so prettyy

aw, thank you !! :] <3

BLOCK_1

Hey there!  For some reason, you have the tabs with a <p> around all three of the tabs, like so. . .

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

Please remove the highlighted text (the <p> and </p>) for the tabs to work!  Hope this helps! <3

BLOCK_1

Oh, that's actually strange that it's not coming up for you??  When I checked your profile via Page Source, the <p> were there, and still are (on your profile):

Your's:

32029788_lhmeFaYnIEwqD6i.png


Another user's / original code (working tabs): 32029966_mEjdOc98kRTkpn3.png

Hm, I wonder if it might be a copying/pasting issue; could you try copying the code again from here and see how it goes?  I've had some users have copying/pasting issues (with other codes) so I'm questioning if it's happening here too :[

BLOCK_1

I'm pretty stumped too, this is a first for me. . .

Well, if you would like to continue using Foggy, maybe pop by at the help forum and ask around if you haven't already?  I'm sure there'll be some nice and experienced users that can give a helping hand.

Sorry that I couldn't be more help, best of luck on your profile! ;; <3

1 Replies

Hey! Late reply but i had the same issue, and you actually had to turn code editor on for it to work.

moh

Hi!
This is a wonderful code, I changed it a little for myself and use it for my profile! I really like it uwu

all edits are 100% okay on my codes!  thank you for using it! <33

I'm working on making my profile with this coding and I've got a problem with adding the profile image for it :"") is there a certain sort of url or embed that should be used for it?? I've tried getting embed links from imgur and google drive but neither of them are working fhjdsk i'm still sorta new to coding so I may just be. a little stupid LMAO

are you getting the image URL via “Copy Image Address” or “Open Image in New Tab?” :0

The image URL itself should be just the image and not a link to a website if that makes sense! 

BLOCK_1

BS = bootstrap; meaning the colours will change depending on every user’s site theme in their settings (night, pink, bee, teal, etc).

CC = custom colours; meaning whatever accent colour you chosen will stay that colour for everyone, regardless of theme!

The second example for User Foggy is made with CC (the green one), so if you experiment and change your site theme, you’ll see that it doesn’t change colour! (sometimes, you would have to be more careful with CC as if you chose a dark, accent colour and someone has night theme, they may not be able to read it well.)

If you’re new to coding, I highly recommend Bootstrap versions as it is more simple to edit and friendly for all users altogether! ^^ <3

BLOCK_1

i scoured the GLOBE for a code that i wanted for my user, and thank god for yours because i love it SO much! ive been editing it on circlejourney for a while now, yknow customizations and all that, but i wanted to thank you so much for such a sexy piece of work 😭 your code is so clean, so easy to work with, and i jus love it a lot, so yeah!

i wanted to include what it looks like so far, so heres a screenshot of it down below! im still trying to figure out how to do some things, like change alll the colours and what not, im learning as i go and enjoying myself, so thank you again!

1449515e6bcd5941df50405647ee4b848e4e0703

WAAAAAA thank you too for the kind words! ;_; <3  i'm loving the aesthetics so far, it's so pleasing!

Is there a possible way for me to make the letters uppercase? I've been trying to look for a possible solution for a few minutes but couldn't find one

Yes there is!! Sorry, I should have added a note somewhere but on the first line of code, there should be a snippet that says [text-lowercase].

Just remove it to have normal text! :]

Alright thank you!

BLOCK_1

I been adding codes to my characters profiles and that been working fine suprisingly as this the first time ever done this stuff. When I try doing my profile nothings working? I tried a few times.  I thought maybe I was pasting it in the wrong place so I tried multiple places but it ended in the same result where it’s just comes up as a block of writing?? I decided to try with another code to see if anything different happens and the same thing happened >~< I dunno what to do

Oo nvm I kept copy and pasting and it just worked this time XD I’m unsure why it worked this time tho?

Ah heck I was copy pasting the dark one not the blue one so now again I can’t get it to work trying to do it :,)

Ohhhh I worked out how to do it right lol. The disable/enable WYSIWYG  actual gives 4 different box types depending on when click the box and refreshing page etc etc and kinda more complicated then probably actually is asgdjwfjwf. I was try in two versions which made some mess which also had "&lt;" “&gt;” which I saw in another comment but when tried in the 3rd version it worked instantly XD. I didn’t even bother with the 4th version of the box as it already looked stuffed up

this was rather fun to read x]

but yeah, if the code has &lt; and such, it’s not the right one and will display the raw words rather then the code itself! 

also also, you should only need to uncheck the “Profile Text” box for WYSIWYG, then turn on Code Editor, but i’m glad to know you’ve figured it out!!! <3

1)

30930774_C2TWRcqxJKqc0hs.png2)

30930786_VK2nvkSSjObvzr9.png3)

30930795_8PLGYXNzduPskLh.png

4)30930799_oOI6G5CknBzfoxO.png

Ok so the box gave me these 4 “versions”. The 4th version well don’t use for codes yeh and if try pasting in there then changing the setting it messes it all up. 1st version you actually can’t type or past anything. 2nd version can’t past anything and have to type letter by letter but also makes your screen go to the top so can’t see what your typing and can’t mass delete or hold down delete to keep delete (def don’t have time for that). The 3rd version is the version where can just copy and paste it in and it works no issues just when I first doing this before I knew how lol I struggled to get that “version” of the box up 

5 Replies

used !! its a pretty code :0

Hello! I think I might actually need help, I really can't seem to understand how to do/use these codes;;

Oh dear, what’s happening on your profile is definitely not what’s meant to happen!

Have you turned off WYSIWYG (for profile text) and turned on Code Editor in your display settings? :0

I have! I've re-tried it multiple times so I've made a decision that I must've been doing something wrong

Could you check that there isn't a <pre> OR <code> at the start of the code?  When I have those two, it'll display the raw code!

I also noticed that there are some html language that probably shouldn't be there so IF there isn't a <pre> or <code>, could you possibly replace "&lt;" with "<" and "&gt;" with ">" using the code editor's ctrl + f?  If you can! :'0

(EDIT: if neither doesn't work, could you dm me how the code is rn?  like through google docs, pastebin or series of pictures?  i might get better help that way!)

There isn't any

 or  at the start as far as I've seen

Im using a phone rn since my laptop is broken atm so I can't;;

I can try dm'ing you!

If you applied the code using your phone, that MIGHT be why? ;; I’m not sure for most people but for me, pasting/editing code on mobile devices is so whacky and glitchy

I’ll wait for your response whenever you can! <3 Hopefully we can solve this!

1 Replies

Hm, that's strange!  Have you turned off WYSIWYG off and Code Editor on in the display settings?  If not, please do so and retry the code again <:0

Also, the profile picture should be 200x200px minimum (for best results)!

Let me know if you're still having troubles!  You may also want to look over any misplace/extra <div>'s just in case!

Hello~ Just used your code for my profile, lovely template ^ ^

eeK i love the colours you went with !!!  i hope you enjoyed using it! <:D <3

Awww! Thank you!! And I am so far ^ ^