Skip to content
View in the app

A better way to browse. Learn more.

The Daily Neopets Forums

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Neopets HTML Pet Family on Lookup

Featured Replies

2.png2.png2.png2.png

 

1.png1.png1.png1.png1.png1.png1.png1.png1.png1.png

 

I know how to put all your pets there, but how can I make it like

this?

(These images are not mine, just to show you if you don't want to click on the link :D)

 

I don't want to have her theme or anything, I love mine!

But it would be great to be able to list all my pets this way where my pets on my main are listed (not somewhere else twice or anything)

How can I make small images of my pets and how can I put this directly underneath my pets?

 

It would be great if someone knows how <3

What the user you linked did was create a table that contained her userneopets div, and linked the thumbnail images within the table. The thumbnails are neopets images but I haven't the faintest idea where she found them.

You can get the small images from Neopets. Go to your userlook up. If you right click your pet's image, and copy the image URL you'll get one like this: http://pets.neopets.com/cp/hmwc3wsf/1/2.png

 

What you need to do is change the URL from 2.png to 1.png. So mine would be http://pets.neopets....mwc3wsf/1/1.png

  • Author

But you know that I want them underneath my pets and not something double with all pets somewhere on my lookup? If so, I'll try and let you know if it worked :)

  • Author

oh okay :)

 

This post has been edited by a member of staff (Neomysterion) because of a violation of the forum rules.

Make sure your posts are at 7 words or more.

Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.

I will try to code it for you. No promises, I only code as a hobby. I'll edit this if I figure it out.

 

Edit: Okay, the good news is, based on your userlookup layout this should be fairly easy. I wrote up the preliminary code, but you're going to have to do a bit of coding yourself since I don't have the code for your userlookup so I can't put everything in. Nothing super complicated, just positioning. Also, I have a question before I post the code here. The user you linked to has all of the pictures linking to one petpage where she posted all the info on all of her pets. Is this what you want, or do you want each picture to link back to each pet? Obviously the code will be pretty different :)

  • Author

I will try to code it for you. No promises, I only code as a hobby. I'll edit this if I figure it out.

 

Edit: Okay, the good news is, based on your userlookup layout this should be fairly easy. I wrote up the preliminary code, but you're going to have to do a bit of coding yourself since I don't have the code for your userlookup so I can't put everything in. Nothing super complicated, just positioning. Also, I have a question before I post the code here. The user you linked to has all of the pictures linking to one petpage where she posted all the info on all of her pets. Is this what you want, or do you want each picture to link back to each pet? Obviously the code will be pretty different :)

 

Yes, I want them linked! That's one of the main reasons I wanna have this code. It's so nice and you have such a good overview of all pets. I'll try my best then but I think it won't be a problem putting the code in my lookup :O I could also send you the whole code per mail if that would help but I can just try on my own :)

Okay :) I don't know how familiar you are with code so I'm going to explain as simply as possible and hopefully it will make sense anyway.

 

This part goes with your other style hash tags:

 

style

#extrapets {

left:100px;

top:100px;

height:100px;

}

/style

 

And this part goes with other divs. It would make sense to put it below your userpets div if you want to be able to find it quickly later but it really doesn't matter where in the code it goes:

 

<div id="extrapets"></div>

<div style="top: NUMBERpx; left: NUMBERpx; position: absolute; overflow: auto; width: 670px;">

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

<a href="YOURPETLOOKUP"><img src="YOURPETIMAGE" border="0" id="im"></a>

</div>

 

 

Anything in all caps needs to be replaced with your info. You will have to shift your games/trophies/habi/ncmall down to make room. I would be more than happy to adjust the coding for you if you send it to me, or you can try it yourself. Whatever works best. Good luck!

  • Author

Okay, I don't wanna ruin everything and somehow I think I will :D I'll just send it to you if that's really okay c:

@spritzie: Thank you! That would have been the one thing I wouldn't have figured out :) You saved me a bunch of time.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.