How to make "pet job" show up again?
Replies
Hey, I hope someone who actually knows what they're doing, can help? ^_^
My pet profiles were literally over a decade old, and broken for years. This summer I worked on them as good and as bad as I could. Now that the Job Agency had a makeover, I want to get my pets into jobs matching their character, so I would want the job titles to actually show up again on my profiles.
I blocked most profile things out, but not specifically "pet_stats" as far as I can see.
I thought the below code should position pets stats, hide the stat bars, hide all battle stats, but still show the employment stat.
{position:absolute; left:-140px; top:260px;}
.statbar{display:none;}
li#stat_level, li#stat_strength, li#stat_defense, li#stat_speed, li#stat_health, li#stat_hp, li#stat_intelligence, li#stat_books_read, li#stat_food_eaten {display: none;}
I probably included something generic not to display in the code, but I can't find what it is that is preventing the stats to show up at all. Even allowing the stat bar and other stats, it still doesn't show up.
This is for my pet Elaika's profile.
full pet code here
<style>
body {background: url(http://i.imgur.com/vmjpx5Q.jpg) repeat top left; width: 1028px; height:768px} html {background-image: url(http://i.imgur.com/vmjpx5Q.jpg)}
{width: 200px;height: 260px;text-align: center;position: absolute;top: 35px;left: 350px;padding: 0px;border: 0px}
{width: 443px;height: 660px;overflow: auto;position: absolute;top: 35px;left: 680px;padding: 2px;border: 2px solid ;}
{width: 120px;height: 170px;position: absolute;top: 35px;left: 220px;padding-top: 5px;border: 2px solid ;} img {border: 2px solid ;}
{width: 425px;height: 230px;overflow: auto;position: absolute;top: 470px;left: 240px;text-align: center;padding: 0px;border: 2px solid ;} .treasure_item img {width: 48px;height: 48px;padding: 1px;border: 0px solid ;}
.pet_name {font-family:georgia; color:;letter-spacing: 2px; } b {color:;font-family:georgia;} body,html,div,a,tr,td,font {font-family: tahoma; font-size: 14px; color: } i {color:;letter-spacing:1px} a, a b, a:link, a:active, a:visited {color:;font-family:georgia; text-decoration:none;} a:hover {color:;} .pet_spotlight {color: ;} .pet_spotlight{position:absolute; left:-140px; top:240px;width: 120px;text-align: center}
, {background-color: transparent;} {position: absolute;top: 0px;left: -176px;margin:1px; padding:1px} , , {background: none} , {background:none;} {background: none;} .pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date,h2,, , , , , , , ,.owner img,, .pet_age_info_date, .pet_wco_info, .pet_wco_info_date, .wl_add {display:none;} { background-image: url('http://i.imgur.com/W37VqI4.png'); height:264px;width:319px;border: 2px solid ;}
</style>
I haven't done coding in... literal years, but I did a bit of troubleshooting on one of my pet's profiles, so here goes! :'D
You need to remove # column_3 from this section:
.pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date,h2,, , , , , , , ,.owner img,, .pet_age_info_date, .pet_wco_info, .pet_wco_info_date, .wl_add {display:none;}
Currently, the code is set to not display the column with pet stats. Removing column_3 from this bit of code will set it to show up, making the rest of your code for your pet stats work.
Then you need to move the pet stats back on screen. In your code, they're set to be moved -140px to the left, which puts them off-screen. Changing it to left:140px will make it show up and you can tweak the positioning from there.
Aaah, thank you! It shows it's been a decade...
There's just a pesky "disable weapons showing" link that's peaking behind the minion now.
This one:
<a href=?act=w_d&petid=5890022>Disable Weapons Showing
I thought adding " a {display:none;}" would do the trick, but that removes the job link as well again. Any ideas on that one?
That "disable weapons showing" link only shows up for you as the pet's owner. Anyone else viewing the pet profile can't see that link, so you should be good on that one. x) You can try opening the pet's profile in a private browsing page and you'll see it doesn't show up there.
[edit]iirc it's for hiding single-use battle consumables like the pylonics. The stuff that you can equip directly to your pet.
It's going to bother me seeing it there, but at least it looks decent for others, haha. Thank you so much again! <3
You're welcome, glad I could help! c: I wish I knew how to hide that "disable weapons showing" link, but maybe someone with more coding experience can lend a hand with that.
You can remove the "disable weapons showing" link + the space above it with this > a, > br[clear='all'] {
display: none;
}
In case you're curious: This only removes links that are direct children of . It doesn't remove the other links, because those are part of (which is in turn a part of ).
Hallelujah! It takes a village to make a profile! :D Thank you for your help, that did the trick perfectly.
Aha, good to hear it worked :D Feel free to ping me if you have any other coding questions!
glad you got it figured out, but for future reference of anyone else looking to do the same thing, this is an alternate approach that i personally find cleaner & simpler:
, , , , , , , , , a {display: none}
a {display: inline} the first line hides all stats, books read, and food eaten, as well as the "weapons showing" toggle link (even though that only shows up on the owner's end, i still like to look at my pets' profiles so i want them to look nice to me, too!).
but because i've technically set ALL column 3 links to "display: none" and i want the job link to still show up, i just go ahead and override that setting for the pet employment link only, setting it to "display: inline".
now column 3 is empty of everything EXCEPT the pet's job. you can then resize and reposition column 3 to your liking without having to fiddle with all those other components. it's also simple to re-add specific stats that you DO want visible for that particular pet, such as books read and/or food eaten, by simply removing them from the "display: none" section and adding " a, a" to the "display: inline" section to make their links visible.
