Neopets HTML Pet Family on Lookup

[izibizi]

 

 

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

[chiaroscruo]

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.

[izibizi]

I think you can create those small images on sunnyneo?

[Spritzie]

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

[izibizi]

But how do I get them to my pets?

[Spritzie]

When you copy the image URL from your lookup, it will be your pets. I just used my pet as an example.

[izibizi]

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 :)

[Spritzie]

I don't know the coding of how to do that, I just know how to get the pet images, so that you can place them once you have the coding ready.

[izibizi]

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.

[chiaroscruo]

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 :)

[izibizi]

Okay, thanks so much for trying. I really appreciate this!

[Ashbash]

That looks really awesome. I don't even know how to get into my side anymore unfortunately. So all my pets are displayed in my lookup lol.

[izibizi]

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 :)

[chiaroscruo]

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!

[izibizi]

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:

[chiaroscruo]

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