Hey! Is there a way to add another tab; having 4 instead of 3 without it breaking?
is there a way to insert non neopets images into the inventory? I drew a few items for my character but I know you said that it cant be the image adress which is what is used for all other images in the code. Is there a way around this?
that note about the NO/YES is only if you are using neopet images!!
meaning, you can completely ignore it and use regular image address links as usual, just like how the rest of the code uses it!
Ah ok, I have tried to do it but when I put WYSIWYG back when I'm done the images all go really weird
when WYSIWYG is enabled, it will cause all of the images to "shrink" which is why you are having these problems
i recommend disabling WYSIWYG from your display settings and enable code editor instead... the most you can do without restarting the entire code is to delete the width="#" height="#" that has been added to the images... however, it will continue to shrink every time you come back and edit
this is addressed in my rules!
How can I change the color of the tabs? (I know how to change the overall color of them, but when you hover/click them, it turns into this tannish/brownish color? is there a way to change/remove that? :0) https://toyhou.se/16174761.kenlugo
unfortunately, you can't set custom colours to hovers unless you have access to CSS/Toyhouse premium! if not, it's from your Site Theme!
you can kinda work around it through mix-blend-mode:luminosity (see this code; here's more blend mode options) but the red text will be affected too... though i found that color-dodge might look nice and legible!
if that's alright, you can simply add it to the <a> tag!
<a href="#one" data-toggle="tab" class="active btn btn-outline-secondary text-uppercase w-100 rounded-0 border-0"
style="letter-spacing:2.5px; border-top-left-radius:10px; color:red; mix-blend-mode:color-dodge;">
Oh I just realized you can't click on the tabs, how do I fix that? (IM SO SORRY WAHHH) (I did some more testing, and they just wont react when i click on them??)
So I got the two tabs to work, but when I try to fix the other one it just brakes the other 2 tabs? :0 https://toyhou.se/16174761.kenlugo (IM so sorry for spamming you!)
Hello! Is there any way to fit a full image in the first part without it zooming in so awkwardly (like is there a specific size needed or)??
you can change the background-size to contain and the background position to top; see how that looks?
keep in mind that it looks a bit strange because the image auto-sizes itself to the same length of the notes section (not your fault; excessive information is just something i don't consider often when coding)! <3
Hello!! does anyone know how to add another slide to the wardrobe carousel? Im trying to get there to be 9 outfit options overall, i tried copying the code from the first slide's options and pasting it directly above the "add / delete more above THIS line!" line, but it didnt work when i reloaded the page D:
it should be better if you copied the second slide, as the first slide(s) has special coding for it to be the first thing the user sees; if you have two first slides, the code will break for that section because it becomes confused and will display both pages, one under the other :O hope that makes sense!
hey hi!! do you possibly have a version of this without the profile tabs/ wardrobe+inventory? i tried to edit the code myself but ended up accidentally deleting the code credit and half the page pff
Hello! I wanted to know how i could change the color of the overall profile? I apologize, as i dont know much about profile coding!
When using the CC/Custom Colours version AND you have Code Editor enabled, you:
- highlight the accent colour and press Control/Command + F. If done correctly, a white box appears in the top right.
- Click the + button at the bottom and another text entry bar pop ups below it.
- enter your new colour and then select 'All'. After that, all of the the selected colour codes should be changed!
you can also read this tip from avicode (link)!! they both do the same thing but just incase you need another explanation! <3
Am I allowed to edit this code for my own personal use for my closed species npcs? Just thinking of adding a traits tab, all the other tabs were exactly what I needed. I'm not distributing the edited code so no worries ^^
Just asking because I have a lot of NPCs to make and I'll have to use the edited code multiple times.
One of the characters I'm using this code for: https://toyhou.se/12964897.beatrice
H I love your codes so much. Sorry to bother you, especially since you’re on semi haitus but I was wondering if it was possible to make the big image in the Inventory section into a carousel so it changes pics. I tried it and the image and format ended up being weird and idk if I messed up or if it’s not possible to do
Here’s the character just incase you want to see: https://toyhou.se/3938649.-altura-system-
don't worry about it — i'm off hiatus for the next two weeks!! anyways, the changes you made so far works so there's no need to remake it! as for the format:
- IF the images are supposed to stretch from top and bottom of the code, change min-height:350px to min-height:553px
- at the inventory tab, there is a column mistake in where a col-lg-4 is supposed to be col-lg-5 (where the image is). see below:
<div class="col-lg-5 p-3 pr-lg-0 order-lg-1 order-2">
<div id="extracarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item">
<div id="extracarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item">
. . .
hope that helps a little!! <3
as im editing the code i realised the hearts are slightly above the content, will it stay like this after publishing and if so how do i make them equal again ?
This user is not visible to guests.
Yes! Sorry, the original code is tailored to those three tabs but please change <div class="col-lg-7 col-9"> to <div class="col-lg-12"> or col-lg-11 if you still want that space from the outside (on desktop view)!
But depending on how long the title of the new tabs are, using shorter titles (if possible) and col-lg-12 is your safest bet! I haven’t tested this out but you should be able to add a few more tabs with this! Hope that helps! <3
EDIT: LOL never mind that, you might need to tweak the margins associated with the tabs if you’re adding more (because of mr-3 ml-3 and m-2 for the icons). Place the new tabs between 0.1 and 0.3 and you’re good!
Hello! I was wondering if there is a way to edit this code to make the background an image instead of a color.
Hi there and yes there is! If you are using the CC version, go to line 120 under TAB CONTENT and delete/keep the background:#e1e1e1, (no difference for either option, but if you keep it, add a semi-colon [;] next to it) and add:
background-image: url(IMG LINK INSIDE BRACKETS); background-size:cover; background-position:center; background-repeat:no-repeat
When you're done, it should look like this (image inside spoiler):
<div class="tab-content table-responsive" style="height:595px; background:#e1e1e1; background-image: url(IMG LINK INSIDE BRACKETS); background-size:cover; background-position:center; background-repeat:no-repeat">
Hope this helps! It should take care of the background of all three tabs! (*^-^*)b
This user's account has been closed.
OH MAH GAWDD!! I just noticed this! Amazing code, the over all idea is splendid and I love your art on there btw :0 it's gorgeous! great work on all your codes, I love your themes! could you possibly teach me a bit about TH codes and coding them, and also how I'd get the layout and such to appear on screen?
[ F2U CUSTOM ] Advanced Neopet's Comments