Got a pretty user lookup?

[Mimii]

Today I was browsing through SunnyNeo's userlookups and I really can't stand all of those that are out there with gigantic freaking pictures on top that you have to scroll down to even see your user info so when I saw this one.. I was so impressed! Too bad every other one was all bloated and bulky.

 

Anywho, they say you can use their coding and edit it to fit your needs as long as you credit them so I did! <3 Mine is all pink and purple because I love that kind of stuff but I finished it today:

 

http://www.neopets.com/userlookup.phtml?user=tehmiminator

 

Show off yours? It would be best if you had a hand in making at least some of it yourself.. :shiftyeyes_anim:

 

Edit: Oh yeah, here is the original one that SunnyNeo made:

http://sunnyneo.com/lookupexamples.php?id=17

 

<3

[Coco]

http://www.neopets.com/userlookup.phtml?user=leianidas

 

It got a little screwy because of the addition of the Lutari but I'll be changing this lookup eventually when I have the time. XD

[Mimii]

Ohh that's cute! I love that game, I'm actually sort of good at it! haha

[Izzy ♥]

http://www.neopets.com/userlookup.phtml?user=id_24

 

I made this one to enter in the Spotlight :) Its been held over, so I'm hoping that TNT will pick it someday!

Its designed for when I have four pets but since Peautiful is out on lend I have just the three at the moment and the pets section is a bit roomy xD

[Mimii]

Yeah Izzy I already drooled over yours today.. haha! I'd love to create my own but I'm not quite sure what the ids and classes are of certain things so I wouldn't know what to type in the CSS to position them in a cool way. Is there a list somewhere or something? :S

[Xepha]

http://www.neopets.com/userlookup.phtml?user=xepha

 

This is mine XD

The hardest was to figure where to place the navigation. I'm not changing it any time soon. Isca is my favorite Neopets Character :D

 

Otherwise, I do premades lookies here : http://www.neopets.com/~sir_gemely

They have different styles, most of the time.

[ho_yt]

http://www.neopets.com/userlookup.phtml?user=hoyt89

 

I used izzy's lookup for the haunted woods group since its the first group I support for in altador cup and I'm still their support and I really like the design and colour. The previous one is a bit too cute for me and it does not really reflect who I am so I changed it..

[May.]

gah,

you all have lovely lookups, seriously. :O

mine is pretty much an attempt at making

a lookup for the first time,

i made it a few months ago. xD

and i love your colour scheme, mimi.

and xepha, your lookup's very pretty. xD

and izzy yours is very wintery & pretty. ^_^

 

edit: sorry, i got the themes mixed up. :*

[Xepha]

Izzy is wintery, not me XD

 

I'm maraquan-ish XD

[crazy monkey]

this is mine:

http://www.neopets.com/userlookup.phtml?user=swimfreak8888

i kinda jus got it off thegraphicbin, because my attempt at making one was sorta a disaster...

[May.]

this is mine:

http://www.neopets.com/userlookup.phtml?user=swimfreak8888

i kinda jus got it off thegraphicbin, because my attempt at making one was sorta a disaster...

 

aww, i like it.

it's pretty creative and original. :)

 

i just realized my lookup doesn't even work in FF. o_O

lol, -fails-

i think i'm going to stick to a premade one, for now. xD

 

edit: i decided to just make a new layout, woo. xD

[Izzy ♥]

Yeah Izzy I already drooled over yours today.. haha! I'd love to create my own but I'm not quite sure what the ids and classes are of certain things so I wouldn't know what to type in the CSS to position them in a cool way. Is there a list somewhere or something? :S

Aw, thanks Mimi :*

 

Its on my to-do list to write a guide for this, but quickly...

 

User info: #userinfo

Neopets: #userneopets

Collections: #usercollections

Shop and Gallery: #usershop

Neohome: #userneohome

Trophies: #usertrophies

 

When you're adding positioning code to these - with set widths and heights - you also need to add .contentModuleTable after so that they work in non-IE browsers... it becomes:

 

#userinfo .contentModuleTable {
position: absolute; 
top: 64px; 
left: 304px; 
width: 315px; 
height: 250px;
}

 

Then there are the classes for the headers, which are .contentModuleHeader (the one on User Info) and .contentModuleHeaderAlt (the others).

 

And the classes for the modules which create the borders and such - .contentModule (outer border), .contentModuleTable (inner border) and .contentModuleContent (border/background of the actual module content, no including the header).

 

Thats all the ones associated with the modules, I don't think I forgot any... past that you have the big stuff like #main (overall container div), #header (the top bar), #content (the part for the content xD), and #footer (the bottom bar). There are also several for the dropdown navigation but I don't want to go into those, they get a little complicated lol

[Mimii]

...

 

I love you for realz this time! That's amazing!! I work with coding a lot but didn't quite know how to go about it on profiles.. \m/

[Deepti M.]

I liked your old HTML guide, which I can't find anymore. :( But I'm looking forward to your CSS Guide!

[Coco]

Izzy, I await the arrival of your CSS guide! ;o I wanna know how to image map the navigation!