Jump to content

Neopets HTML Pet Family on Lookup


izibizi

Recommended Posts

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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!

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...