[F2U] Planetary's Comments


Oh my gosh this is almost exactly what I was looking for! Using it on Nexo, will probably end up using it on some other chars too <3

how do i edit the star opacity to 100%?

change the opacity to 1 instead of .3

ty lolol

Had a lot of fun playing around with this one! Thank you!

This user is not visible to guests.

hi sorry for the super late reply! yes i used an art program to get the svg info. they were already made as svg/ai files though which made it easier :) then you set the svg as the path's info so it knows what its pulling from. thats why theres so much junk at the bottom of the code lmao. 

Having a hard time making the planet look good with my limited pictures, but this'll do for now. Awesome layout, I love it!

And another small question - how to change the rear stars and buttons to a different image?

you can change the icons by changing them to a different font awesome icon. just change the i class from "star" etc. to a new one!

Thank you so much

Hello. Thank you for the code. He's very handsome

There were problem and I don't know what is the reason. Can you please help?

There is a link to you in the code, but not on the character page

Sorry for distracting The problem was solved (I screwed up in the code)

The bottom buttons are not in their right places and I can't figure out how to fix it :( here's a link so you can see what I mean https://toyhou.se/7765287.jericho

most likely while editing an ending </div> was deleted! you will have to you through the code and check if everything is closed properly.

thanks, I'll do that

Hello!! I really love your codes and this is my favorite but I'm struggling with put the images!! i don't know where to put them can u help me please?

hi, just search for "placeholder" and replace the entire placeholder image url. 

Thank you so much for responding!! I managed to change the main image but the small icon next to it didn't work. 

You can see the OC here, also the image is rectangular instead of having that cool effect, do you know how to fix it? 

I'm really sorry for that, I don't have much knowledge about these subjects 

you need to make sure you have changed all the placeholders. there is one for mobile view and one for desktop. 

also, for the shape to work you need to make sure you have the clip-path stuff included in the code still (it is at the very bottom). wysiwyg must be disabled at all times. 

whenever i try to use it, the planet image doesnt seem to work as well as the first button quits working/is unclickable (both of which are a problem from what i copy paste the code)

Any tips?

i dont run into the same issue. i would actually need to see a live preview to do anything

https://youtu.be/_K3iKlP3ruw
screen recorded
I've also tried to just copy from below " Ask me if you want to redistribute edits. Must be F2U." to the very end but same result
No matter if I save it or not, it stays the same?
https://toyhou.se/16734734.wip (you can physically see the issues here as I try to edit it)

edit - just realized it was zoomed in and you could barely see anything, here's a different one where you can see it! https://youtu.be/DPc-S-Qdbzc

you need to have WYSIWYG off at all times. you cant switch back and forth between it or use it for editing at all. it will break the code. you can disable it in your settings. 

TYSM! I had no idea what i was missing

no problem :)

*Bean thanks you for the code! Bean is very happy to decorate beans profile ^^

I cannot get the sliders to work. They stay at 50% even when i change the value.

you need to change where it says width:50%;. the aria-valuenow, etc labels are not the width.

Thank you! I figured it out

Hi, cool layout, but in the codes is says that there are "Sliders" adn I can't figure out how it works?

hi, where there is a progress-bar in a trait section you edit the width percent to move it. the default is 50%. 

Ok thanks! I can normally work out the codes I use on my own but I havent encountered the slider thing before

I am having trouble replacing the placeholder image in the Saturn icon, I have replaced the placeholder url with my image, but it will not edit it. It still says 160 x 160, I have used a 160 x 160 image, still nothing. Is there anything I am doing wrong?

hi, which character are you using it on?

to me it looks like it did not save? you just need to replace "https://via.placeholder.com/160.png" with your image url and make sure it saves.

I did save it, I replaced the image, saved it, and refreshed the tab I had the character on to check if it saved, nothing. I'll look through it, and if nothing works I'll just leave it as is lol

yeah, there isnt much more advice i can give. i work full time so i dont have much time for this account. you can ask further questions in the coding help forum thread.

Hi, the code isn’t showing up when I re-enable the WYSIWYG. It shows up on the profile if I press submit without re-enabling it, but when I do, everything just disappears after disabling it again. I can’t edit anything on the code unless I do so with the WYSIWYG disabled the entire time

yes. the code does not work if you turn wysiwyg on. it is not compatible. in my TOS/Rules i state that none of my codes are compatible. 

Oh, was that what you meant by “Turn off WYSIWYG and turn on Code Editor”?? Because I don’t see anything else that relates to what you described (al least not on this profile; I haven’t looked at the folder or anything it might be in)

Yes. unless a code specifically states it works with wysiwyg, it doesnt. 

Used here! I ADORE this code it’s so cool!! https://toyhou.se/5527200.katchulu

I was wondering if there is a way to put a background behind these code, sort of similar to your other code here? https://toyhou.se/10672301.-f2u-ethereal I've tried a few frankenings of my own but I am a novice at best with HTML

I also was wondering how to recenter the bottom icon buttons. I am using the code for my mascot's page and have done some edits to remove the relationships tab because they don't really need it and I had nothing else I wanted to add there https://toyhou.se/13015091.-rocket- page link for example to what I mean

for the bottom icons, change the ul nav tabs ml-sm-1 to ml-sm-5. ml stands for margin left.

to get a background, add a background:#fff; (fill in whatever color) to the container section (first div) style. add py-4 to the class (py is padding top/bottom) & change px-sm-3 to px-sm-4. add rounded to the class as well. if you don't want the blue star to be behind the background you can delete the z-index style


Awesome thank you so much!

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

hello! i cant give much help with just that info. my only advice is to make sure WYSIWYG is turned off and that you replace the placeholder images properly.

I thought the image on the left was just shaped like that until I went into the code and saw it was all CLIP PATH......... THAT IS MAD IMPRESSIVE?? like ok I don't know anything about code but SHEESH that looks COMPLEX

hey! I think the saturn image thing is broken, it won't put an image in

hi, you need to replace the planet icon for both small and large screens. replace the placeholder URL with your URL (ending in .png, .gif, .jpg, etc.).

I figured it out!!

Awesome template would use it but I don't have enough brain cells to figure out where I'm supposed to edit it to add stuff. 

Awesome work though XD

It's amazing, I want to use it...thing is, I'm not sure how? I have it uploaded to my character but Idk how to put images

hi! you just need to replace the placeholder images with your own. they are all the images from the domain via.placeholder.com. 

I can't find the placeholder image? It's all just alot of text when I go to edit it

yes, it is all text. you need to edit the text. this will not work with the WYSIWYG visual editor at all. 

Hi! I'm new to Toyhouse, so..


How do I use it? >.< 

hi, you paste it in the profile description of your character and edit it. if you need more help please look at this thread as they have many links to tutorials.

Hello! Im sorry to bother you! I really love this code and am playing around with it but im having some trouble working the trait slider values and getting it to work! I was hoping maybe you could help as i am fairly new to this!! Thank you! 🥰

you need to change the width value of the progress-bar (default is 50%)!

Ah thank you so much!! I was changing the wrong values lmao!!   

Hihi! I wanted to ask on how to change the three stars in the background and the small planet icon on the lower bottom right to something else? Or I can't change them at all?

the three stars, you can just locate "background stars". there are two versions: first three appear on desktop and the bottom three appear on mobile. change the fontawesome icon to another icon. 

the planet is harder to change. it is not an icon like the stars, but a clip-path. i would only recommend changing it if you understand clip-path and vectors. 

Ah, I see! I thought that part was for something else, so I didn't change it. Cuz I only saw three stars and it showed me six, I got confused. Thank you!

As for the planet, if I can't change it, am I able to have it as a normal planet (without having to attach a picture)? Similar to the background stars, can I do the same for the planet? I don't have a picture that can fit...so I would rather have it in one color like the rest of the stars.

Sowwy for the questions^^

yes, you can change the background image to just a hex code instead. 

I'm unsure how to do that. >~< Can you pls teach me on how I could change it?

change the background image to a hex code in both sections.

image:wdyDMHo.png

hex:
lUDp9lv.png

2 Replies

MAN THIS IS SO COOL AND CREATIVE

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

yes, i plan to do more codes with it :)

This user is not visible to guests.

thank you! show me if you do! :)

This is so good i am in absolute awe, thats just UGH *chef's kiss*

thank you!!

The clip pathing are some of the coolest things I never knew we could do — THAT’S MUCH A BIG BRAIN MOVE and so spicy looking!! <33

I loving your new content, keep up the great work!! :D

i love clip-path so much even though it is torturing me <3 gotta spice it up

the things we do for the art of the craft <3

ITS HEREEEEEEEEEEEEEEEEEEEEEEE!!!!!!!!!!!!!!!!!!!!!! OMG IT LOOKS SO GOOD

\o/ thank youu!!