Ah! Thanks!

I adjusted some values on the template.

On

However, on

These are the changes I made:

.pet_color_info{position: relative; left: 250px; top: -125px} .owner{position: relative; left: 275px; top: -125px}

Just listing it for anyone interested.

I would to know how to move the legacy name positioning so that I can have space between it and the spotlight trophy.

<3 Thank you Lea =) I'll have to play with it once I eat lol

Had to play with a few other values but finally worked =D Thank you

[pet not found]

Ahh apologies, I accidentally deleted the event and I've been so caught up in my excitement over working on my own pets that it took me forever to realize I had something to reply to. ^^;;

I have to admit that this particular template is... super old and not very well-coded, hahhh. If you want to play around with positioning things yourself, you can use this to move around the legacy name; I put it under the, uh, regular name. .legacy-name{position: relative; left: 225px; top: -90px}

If you wanted me to try to help out with positioning things, let me know though! I wasn't sure if you were comfortable messing with values to get things arranged how you'd like or not.

I actually did that myself. No problem though.

I'll try using the legacy name code for

EDIT: IT WORKED! I'll have to adjust pet color/species and owner but thanks!

Yay, you're welcome! Yeah, let me know if there's more you need help with. (I shall endeavor not to preemptively delete events again orz;; ) Hopefully tweaking the pet color/species info and owner should go pretty smoothly though, since it looks like you've done that before!

How haven't I seen this thread before? These are delicious. Like, even just as visual examples and concepts to work with? Bless you?

I have oodles of pets to work on and my own placeholder template profile is basic garbage so I appreciate this. ; _;

Thank you for the free template! It had exactly what I was looking for in it!

If you have a moment. I have been playing around with your fourth template on my pet

I think I have the coding pretty close to the way I want it as far as the layout but there were a few things I haven't figured out yet.

I love my sidebar and menu so I removed them from the removal list. This seems to work fine when I first visit the page but the menu/top bar disappear when I click any of the tabs. Not sure why the sidebar doesn't but it would be nice if I could keep all three no matter which tab I'm on.

The other problem I haven't figured out yet is scrolling. Since I have the sidebar and I enlarged the box for more stuff they both get cut off at the bottom. How can I make the page scroll?

The last problem is the food, books, and job. I added those back and the text is there but the numbers with links are not. How can I add them in?

Thank you for this. <3

Pff I doubt your placeholder profile is garbage, you make great profiles... But yeah feel free to tweak these however you want, or use it as a base that ends up radically different, or.. well anything, I highly encourage people to do whatever they want with them. It's fun to see what gets done : D

I'm really glad to hear that, and I just have to say that I love how you did Vacutainer, omg. She's so great! Love the hoverable images too, that's a nice touch.

Okay, so I've been kind of messing with this off and on over the past several days, and I just finally figured out what seems to be a fix? It's kind of difficult for me to explain so I hope this isn't too confusing!

So with clicking the navigation links and the menu/top bar "disappearing"... as you noticed, the sidebar doesn't disappear -- you just end up seeing a different, lower part of it. The menu/top bar aren't really disappearing either, it's just that the page is moving down even though it has no scrollbar. When you click the links, the page jumps to the position of the targeted div. If you remove [tt]body{overflow: hidden}[/tt] you can see what I mean in action! I was really confused when I removed the scrollbar and ended up discovering that the page actually doesn't jump when you click on any link except the pet info one (the 'stats' tab) -- and then I realized it's because it's trying to go to the pet_info div which doesn't have the same fixed positioning value as the others, due to the way I coded it. Anyway, you should just be able to add {position: fixed; z-index: 0} and I think that'll fix it! It gives the pet info div fixed positioning so that it doesn't make the page jump, and then sets it a low z-index to avoid it overlapping the layout.

The scrolling issue is because it looks like you set a filler div to a different height, but not the inner divs that scroll! (The way I coded it is confusing so I do not blame you for this.) You'll see this grouping of divs: .statsbg, , , , Just change the height value for them to something like 715px and you should be good -- that'll give you a bit of a gap between the scrollbar and the bottom of the layout.

The links to the food eaten, books read, and job agency is because I had hid links in column 3 -- basically I put that in my usual main layout removal code to get rid of the text that says 'disable weapons showing' because it gets on my nerves, and I didn't know a better way to get rid of it at the time than remove all links from that column. You can either remove where it says a completely to add back all links (including the weapons related one), or replace it with br+a to get rid of the weapons-related link and nothing else.

I hope that all made sense!

You're welcome! I took a peek at your profile and I must say that I really love Scrimshaw, aaaaa.

Let me know if you have any questions or anything!

Awww! Thank you, that's so sweet of you to say!

Thank you for making these. I have zero coding knowledge ^^;

I'm using the card template for my pet

Is it possible to change the legacy name colour for more contrast? I'd like to make it a brighter colour so it'll stand out more.

My aplogies for such a late reply. I went through the coding and I seem to have solved two of the problems with your help. Thank you very much!

The last problem is the scrollbar. I had two reasons for wanting the scrollbar one was because I am very fond of my sidebar and when the page doesn't scroll I cannot access all the links. The other is because I was planning on having information and other things in the first box which is currently poorly named Q and A.

When I tried your suggestion to fix the problem I'm not sure if I changed the correct number but one of the numbers I changed gave me a scrollbar inside the box that shows friends.

Now with that option in mind I haven't decided if it would be better to remove the sidebar so it isn't running off the page looking weird and then somehow have a scrollbar in the Q and A box so I can make the contents longer in the future OR if I should find a way to have the page scroll and just make the box obscenely long.

As much as I love my sidebar I am leaning toward the first option at least on this pet. But if I use this layout on other pets I would probably prefer the last option since I won't be likely to add much to their boxes.

Thank you so much for your help!

Hi there! You're welcome. Yes, you can change the legacy name color with this bit of CSS: .legacy-name{color: pink !important} If you want to reposition the legacy name or anything, let me know and I can help you figure that out.

Hi again! No worries on the late reply, I am not exactly quick myself. So... let me see if I can clear this up a bit.

The main page scrollbar is hidden because of the body{overflow: hidden} bit in the CSS -- you can remove that and the scrollbar will show up. I will say, though, that even with a visible scrollbar for the page, the content boxes for this layout are so tall that they don't show up fully on my screen unless I go fullsize. This is because I used fixed positioning on this layout, which 'fixes' the elements in place according to the screen size. I like to use fixed positioning for this kind of layout because it keeps the page from "jumping" when you click on an anchor link.

The reason only the friends div box has a scrollbar showing is because it's the only one that's long enough to need a scrollbar! If you add enough content to make the first Q&A box need to scroll, a scrollbar will appear. It just doesn't appear unless needed!

Perfect! I didn't even realize the position ate up half the name until the color change... is it possible to reposition it while keeping the color change?

Yeah, definitely! Where would you like the legacy name to be displayed? It actually is showing fully for me (I imagine our screens are different sizes!) so I'm not sure where you might want it to go... I'm not sure if you'd want it to be displayed in the statistics section or if you want to keep it outside of the card, so just let me know!

Maybe it's a screen thing. Mine is half hidden behind the profile center.

If possible I'd like it to scoot just a bit more to the left.

right now what I see is (Legacy Name: Mim) so maybe just... 3 or 4 centimeters more to the left would show the name?

What I'll do is just give you the code to move it to the left, since the screen size difference would probably make it tricky for me to get it positioned just right without being able to see how it looks on your screen lol. .legacy-name{margin-left: -100px} Just adjust the number as needed!

Also, just as a heads up, if you wanted to adjust the font size or anything (since it's pretty small and I'm not sure if you'd like it to be more noticeable), you can add [tt]font-size: 13px !important[/tt] to the legacy-name coding to do so. Just thought I'd bring it up since the legacy name font is so small, aha.

Oddly it looks fine for me though on the original it looked tiny... I don't know what I did honestly ^^;

Yay it worked. everything is perfect now. Thank you ❤

Lol, I wonder why that is! Well, as long as it's working and looks how you want it. I'm glad we got everything figured out! You're welcome. C: