User Lookup Codes/Tutorial

[takarifreak]

So yeah, the whole site layout and user lookups have completely changed since I last left neopets. I'm trying to work on a new lookup for myself, but trying to self-teach myself from other people's codes isn't working too well (though I am getting something out of it, at least).

 

Does anyone know the list of codes that work, AND what they do/change? I'm talking like the .neopetModule, #navigation and stuff. You know, the things exclusive to the neopets layout. What are all (or at least some) of the ones to use, and what does each do?

 

I've tried to google it, but all I keep getting are just premades or basic html/css tutorials. Since I already know both, I'm not getting anywhere without copying people's lookups and tweaking them to figure things out, and I really don't like doing that (even though I'm going to re-write my own code in the end). I'm shocked my search has turned up absolutely nothing.

 

So yeah, any help is greatly appreciated!

[Viridian]

Try this tutorial! http://www.neopets.com/~yurbleburble_26 I think if you near the end than it will explain those things as well :)

 

http://www.neopets.com/~YurbleBurble_26#names Here are the module names ^^

[takarifreak]

Yay! Thanks so much!

 

I seem to be having an weird problem though...I cannot get any positioning tags to work. If they're in someone else's premade, they work just fine. If I try to make my own, it gives me some bejeebus about position not being a valid tag. Do they need to be in a certain order, or have something else defined in a previous tag?

[Izzy ♥]

Thats because Neo blocked position codes. You can't use them anymore... well you can I suppose, but you have to mess up your style tags and eventually they'll fix whatever error makes it possible at the moment (they always do). I find it easier to just code without position CSS, using margins and stuff instead.

[Viridian]

IF you must use position and the other words that are for some reason blocked by Neopets, try doing this.

 

Edit your

<style>

to

<style / >

You probably should close it with

</style / >

(not certain about that last one.... forgot)

[takarifreak]

Awsome, I got it working now, thanks so much guys!

 

I've got most everything figured out enough and can really start work on it.

 

There's just one problem I've run into though...I cannot figure out how to keep the the 'background' image in the foreground over to stay fixed in IE; it just scrolls with the rest of the page. It works fine in firefox.

 

Here's is what I'm using (before my style tags):

<img src="http://iced-dragon.net/images/aisha.gif" style="bottom:0px;right:0px;position:fixed;z-index:1;">

 

I know it's possible, because I've seen it, but there's something I'm missing somewhere, and I can't figure it out : (

[Cornflakes]

IF you must use position and the other words that are for some reason blocked by Neopets, try doing this.

 

Edit your

<style>

to

<style / >

You probably should close it with

</style / >

(not certain about that last one.... forgot)

 

Those tags have been cutting half of people's lookups off...including my own.

 

Here is another workaround. You have to put the position tag in the html, like so:

<div style="position:absolute;top:100px;left:100px;">

I'm using this method on the lookup I'm working on currently, and it works like a charm. A totally charming charm. :D

[Viridian]

That's a good idea as well! :D I thought they filtered out that word completely, but apparently not in HTML? :)

[Izzy ♥]

For your background I think you want to use the image as a background, with background-attachment... like this:

 

<style>

body {
  background-image: url('http://iced-dragon.net/images/aisha.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom right;
}

</style>

 

And Cornflakes, for the work-around Iris posted you have to put your CSS stuff AFTER everything else. Then you don't lose the rest of it!

[takarifreak]

I think I figured out the problem. Apparently, it conflicts with the opacity filter in IE. Kinda weird. At first I though it was the positioning code, but I cut out everything in the #main definition until I got it narrowed down, just in case (thankfully #main was at the top of my code, so once I cut it out entirely to check for conflicts and found it in that line, it was easy enough to narrow down).

 

There is a workaround though...I can individually set an image opacity filter on each of the module definitions to get pretty much the same effect, and I can just lighten the background to compensate for that difference. I may change my mind on that front, but at least I now know it works. I have it off for the time being, but I did test it.

 

But now, if I could ask one more favor (last, one, I promise!). Can anyone take a look at it Google Chrome/Safari/Opera (if you have them) and let me know if anything is off? I know there are small issues that I can easily work around once I stop being lazy; I'm more interested in the Aisha and if he's properly positioned stationary in the bottom right and in the absolute foreground (the collections box should have the images appear underneath). I would look at it in browsershots, but It won't let me without an account since someone beat me to it for the day (apparently there is a limit on how many times each domain can be used for the day).

 

 

Thank you so much for your help everyone!