thank you for sharing this code, it's awesome and I'm going to have to try it out.
do the thing!
Edit: I was confused as to why the examples linked to on the first page don't look like the pet profile I've been editing till I realised its a different template. Would you like some sacrificial pets from my horde to link to? It's ok, I'm an idiot. I shouldn't read things when I'm tired ^_^
If I have claimed a Dance from you and do not immediately Dance I will get back to you.
Always Buying:
[/font]This is exactly the sort of thing I've been looking for! You are a GODDESS.
Two quick questions (since I am crap at coding and dont want to break your lovely CSS).
I'm using the basic example code for McDonalds, and need to add an area for pet friends, as well as his current job, as those are vital to his eventual Spotlight entry. How can I best do that?
Also, where in the code should I put an awesome background image? (Like the firey one in Xeia's example profile)
Thank you again from the bottom of my Subeta-lovin' heart!!!
Bookmarking so when I get around to doing my profiles again I can use your template!
Thank you so much for these! ☺
| | | |
Hi, I'm having a bit of trouble getting the pet name font to be anything other than a generic of one of the font family's. Is there a specific way to get a different fonts that are more decorative or fun? I'm not good with coding, obviously LOL. Also thank you so much for making these free and available to use! They're super easy to use and figure out for the most part.
:D ahh so happy that I look like i've finally put in effort in my pets
^_^ this is where i got the template !
Sorry for the super late replies for the most part, I've been really sick for a while and I'm just now recovering v_v;;
Ahh I love that shade of pink and what a nice background! g So happy you're getting use out of this~
I'm relieved to hear you think it's relatively easy, and I'm super glad it's helpful!! You're welcome! :D
You're welcome! ^^ I'm glad to see interest for these ;v;
Lol no worries about the confusion. Glad you're getting some use out of these! Let me know if there's any more confusion, even if it's sleep-deprived nonsense that seems obvious later (I am so prone to that oh my god.)
Hey! Okay so I accidentally did a dumb with the code here; I basically made it all ready to go for tiled backgrounds, since I use absolutely nothing but repeating bgs, but.. forgot to actually include the CSS to put in a background for anyone that might not know how, lol. If your background isn't going to be tiled, we'll need to edit a little bit of CSS, but if it is going to be a repeating bg, basically just add:
body{background-image: url(URLHERE)} somewhere! I usually add it toward the top of the CSS because I like to keep everything I change for different pets in one spot.
Sooo for the pet job, in my CSS, there's a part that says this: .statbar, .pet_wco_info_date, .pet_age_info_date, , , , a, , .hustler, , , , , , , h2, {display: none}All you need to do is remove " , a, " and you should be good to go!
And for pet friends... Search the CSS for where it says , which is in the same area as the other CSS that needs to be removed. (I clumped most of the stuff for getting rid of things in one area to save on characters and because it's one of those anal retentive organization things I'm prone to occasionally doing haha. Also I just realized I should probably have written a code comment less vague than 'rip' fgdfgdfg; oops.) And again, just get rid of the ' , ' bit!
Then, in another area of the coding (you can put it near the top for ease of access, just make sure it's within the style tag), add this: {width: 480px;
margin-left: 60px;
padding-top: 20px}(The padding is to add some more space to separate the friends section from the treasure, because it looks weird to me when they're too close together ddgf; you can adjust that if you want though!)
Lemme know if you need help, I'm.. not the greatest at explaining things haha.
:D You're so welcome! Feel free to show me any pets you end up using this layout for... I love looking at peoples' pets and it's super exciting to see my profile layouts in action and peoples' different styles for it o
Hi! I'm guessing you want to use a web font, like the fonts from Google Fonts that I tend to throw all over my pet profiles? Web fonts require some additional CSS; you have to import the URL for the font! For example, this is from my pet Evyline's profile: url(https://fonts.googleapis.com/css?family=Parisienne);
and a bit later in the code, I of course set the font family for the name to Parisienne. The reason people write it like "font-family: 'Parisienne', cursive" is so that if the web font doesn't work, the browser will display the font as its default 'cursive' font, I believe.
I'm not completely clear on if it's required for the font URL to be at the top of the CSS or not but I think it's best to put it at the top? So I always have the url import bits directly under the style tag! I highly recommend checking out Google fonts if you want to use a pretty font, there are so many nice ones and it's really pretty simple to put 'em on profiles once you know how!
Also, you're welcome! I am really relieved to have had, like, two (2) people tell me these are pretty easy to figure out haha, it's kind of hard for me to explain these because I'm not actually... super great with CSS stuff, I just like fiddling with it and seeing what happens; I'm winging it pretty much 97% of the time. xD;;
:D So glad the templates are helpful! I loved looking through your pets, they're lovely ;v;

So I've begun exploring your templates! Basically the one I've got down the way I like it is Jeer. My problem is like you said in your explanation to sugarmuffin, your backgrounds are generally tiled. My question is what do I need to change if my image is not to be tiled? (For jeer the image I used is gigantic so the profile only allows a portion of the photo to show, at least on my laptop. But when I switch to my phone it becomes a bit of a tiled mess.) Makes me wonder what other browsers/computers do to his profile already.
Also, thank you! These are super simple and amazingly customizable. I've always loved simple and relatively uniform layouts (see Cayne) but nowadays all my old profile makers are very inactive or gone altogether. It looks like people are charging 160mil for a base pet profile basically, no matter how simple you may like it. So this template is a lifesaver plus it really does look great.
I fiddled around with things on one of my own pets, and I don't have a perfect fix for the mobile issue because I... honestly am having trouble finding one, lol. What I came up with makes it display fine until you scroll down and the mobile address bar disappears, which causes a blank space to show up at the bottom. I've been looking for a while and I'm really not sure how to fix that. 8(; But this will at least make it so that aside from the annoying address bar space issue on mobile, the background doesn't tile. :'D
Sooo in my code, in the 'misc' part, it says: body{background-repeat: repeat;
background-attachment: fixed}
Remove that, and replace it with: body{background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
background-size: cover;
background-position: center}
I'm sorry I don't have a full fix for it ahhh. ;;
And you're welcome! Cayne is lovely omg. ;o; That's frustrating! If you have an idea for a profile layout, shoot me a mail and I can see what I can do? c: I'd be happy to do CSS things while I have the free time for it.

thank you! <3 I'm glad to hear you're doing better, sorry you haven't been feeling well :/
Thank you! Yes I was planning to use Google Fonts! That's a super big help! I'm very excited to go put some pretty Fonts in :p
Psst, you don't have to be super great at CSS apparently then, because all your pets look lovely!
That's awesome, it's no problem with mobile, I was just using it as an example. I'm not sure how other people's browsers might screw with it! But this fix seems to have worked perfectly for Jeer ^^ So thank you very much!
And thank you, Cayne is one of my few finished pets ^^ If I ever have an idea for a different profile I'll shoot you a mail. I know you're a busy person though so these templates are really enough :) You're the best!
: SHRIEKS this is just the sort of thing i've been looking for!! my own profile template is pretty gross tbh. here is what i've done with it so far, i heavily tweaked it because i don't go for the spotlight or include minions until i have a pet more fleshed out. i put in a credits tab for all my disclaimers and such; i was wondering if it was okay to put your credit in there and remove it from the front page of the profile, or would you rather i not move it? (also i took a leaf from your book and did an about tab, what a great idea!!)
oh no you're all good. The most trouble I have is working out what colours to change to do what but honestly I just go in and change stuff until I get it to work. Sir Cadogan now has an awesome profile.
If I have claimed a Dance from you and do not immediately Dance I will get back to you.
Always Buying:
[/font]Glad to help! Let me know how everything works out for you, would love to see the results ^^
And thank you haha, I appreciate it!! I just... love winging things and tweaking it and seeing things eventually come together, it's so satisfying somehow. I'm so glad I ended up sharing these things~
Hahh yeah I'm afraid that I tend to forget to make sure things look good on different browsers and stuff half the time orz; I haven't used anything but Chrome in years so it's hard to remember that other browsers are a thing hah. I'm glad the mobile bit isn't an issue for you though!
Yeah totally, I'd be happy to help out with putting together another template if you ever have an idea for how you might want one to look! I'm actually not super busy right now haha so don't worry about that. Fiddling around with CSS is kind of one of those things that relaxes me somehow, so. :'D
Okay I'm kind of cracking up that you called your profile template gross because I've always loved how clean and pretty your template is omg, like it always makes me want to mess around with my own pets and was one of those pet profile layouts that has inspired me. Actually, your template partly inspired how I handled the template you ended up editing. :')) YEAH absolutely feel free to move the credit and edit things however you want!! I should edit my original post and clarify that's fine because I have no issue with the credit being moved at all as long as there is still credit and everything. Concorde is so gorgeous o I love what you've done with him. (oh thank you! I love the about tab because it's like... something I can actually put on my pet profiles that doesn't take me months and months to get done, lmao, the hardest thing about profiles has just about always been the writing for me and the about tab is so helpful for making me feel like my pets.. actually have some content.... even if I have yet to write a description. And I just love how it gives sort of a snapshot for the character and everything! g So fun and easy to customize.)
I use a lot of different custom colors and stuff in my profiles (too many really, but I like having super-customized color schemes for each pet orz; ) so I'm sorry if that was overwhelming! I guess it's probably too late to really help you out so much, but I could definitely do a little guide on what does what. Tbh the way I do pretty much anything with pets is just messing around and seeing what happens so I approve of your strategy. Sir Cadogan looks great!

: well you're welcome to the code if you want it!! im super flattered that you like it, a lot of people have said that they do...maybe i should put it up as a free template for people to use. it's actually pretty simplistic and gross haha. but if people like it, maybe i should tweak it a bit and put it up for people to use. and i totally agree, the hardest thing about pets for me is actually writing stuff. the about tab at least gives people an idea about my pet's character, and i feel at least somewhat accomplished. thanks for getting back to me!! ❤️
Thank you so much for this template!! I had no idea how I was going to go about putting my chaptered stories for my pets on their profile, but the multiple tabs are perfect! I love how sleek it is~ 😍
I already have it up and edited for Celene Rhys Dahlia Karril Captain Isabela Herald of Andraste Commander of the Grey
I'm just starting to strap in and focus on my pets and finding this thread was a lifesaver. ♥
I'm really glad you put your code up g It's so pretty and clean aaaa. I'm sure I'll end up using it with some of my own WIP pets, just have to figure out who first.... somanypets, why. I'll definitely post on your topic about it when I do!
Oh they look so great, I love what you've done with them omg ;o; Thanks for sharing!
Firstly, thank you so much for the gift! ;o; That was incredibly kind of you! I really love what you've done with the template o Your pets all look so good. I loved looking through them, and I'm so happy that my template works so well for you!

You're welcome! I had no idea how I was going to manage commissioning profiles for all my pets, but now I don't have to~!
I have it up on a few more now too. :D Ellis Karril Doctor Rex Enn
I might try to figure out CSS to make one for Doctor Rex myself, but that is a pretty ambitious thought.
Ahhh, they're lovely. g And this is really reminding me of how badly I need to get to work on my own pets omg, I haven't done much with any of them in a while... Oh, did you have a layout idea in mind? I could point you to some guides or help you with putting something together if you've got an idea but not the CSS know-how?
