user lookup question

yasha · December 28, 2013

So I've finally decided to give my user lookup some colour, but I wanted to make something myself instead of the premade ones that some neopets related websites offer. I was working on a background and uploaded it to photobucket but when i put the code in, it didn't show anything at all. Are my HTML skills THAT rusty or does neopets just not accept pictures/images and what not from websites they haven't approved of? If it's the later on, does anyone know of a place I could post several pictures on that they would accept?

laceew45 · December 28, 2013

I had this same problem! Someone told me to use imageshack and it still didn't work for me! But I know someone who used photo bucket and it worked just fine for them..so when you find a solution, I would like to know!

Dashana · December 28, 2013

Should be <body background= "linkhere"> under <html> tags. I use Tinypic because Neopets doesn't accept anything else for me.

**Mouseykins** · December 28, 2013

Yasha: Are you trying to change the white background or the grey background on the page? There's two CSS codes that can be used for that. Much easier then using html. Let me know and I'll be glad to help! :)

yasha · December 28, 2013

Dashana: I tried that exact code but with the URL from photobucket, and when I saved my code and the page refreshed, the box where my code was supposed to be was completely empty

Mouseykins: I'm still just playing around with it, not really set on something specific yet, just wanted to try something basic and see how it worked. I've never really worked with CSS before but I guess if my html tags don't work it's time to go to something new...

I'll try with imageshack and tinypic and see how they work for me.

**Duma** · December 28, 2013

Looking at your lookup it seems like it worked Yasha.

Laceew45 make sure there aren't any "inappropriate" words in the url-name. The filter still works there too is what I've heard. Even words that would be safe but have a "word inside a word" that isn't "safe" gets blocked.

yasha · December 28, 2013

Looking at your lookup it seems like it worked Yasha.

nah... that one is a premade one from sunnyneo, not my own lol I wish I were that good :P

**Mouseykins** · December 28, 2013

Yasha: You can take a look at Izzy's lookup tutorial page. She walks you through how to do a few things with your lookup that might help with your problem. That should help you get started. :)

laceew45 · December 29, 2013

Duma, why are they so strict?

Ha, I was trying to send my friend a Shop Wizard description of a certain item. And I was neomailing it to her and Neopets freaked out, it said It was inappropriate.. But it was directly off the Shop Wizard!

**Duma** · December 29, 2013

Why? That's a good question :p

It's mostly to keep people from disguising inappropriate words by making other words with them. To protect children and to keep the site friendly and safe. They have a filter that is being used everywhere on the site, and I believe the only exception, so what doesn't have to go through that filter, is the things THEY (TNT) write themselves.

That is why a copy/paste from an item description might not come through the filter and also why some code is being filtered out.

yasha · December 29, 2013

Yasha: You can take a look at Izzy's lookup tutorial page. She walks you through how to do a few things with your lookup that might help with your problem. That should help you get started. :)

Thanks Mouseykins, I'll check that out for sure :)

Anonymous.Neopian. · December 29, 2013

I use tinypic to upload pictures. Check again, maybe you got the HTML code wrong? If that doesn't work, I don't know! I had the same problem once.

Maybe try remove the HTTP?

This post has been edited by a member of staff (Spritzie) because of a violation of the forum rules.
Please don't double post. If your post is the most recent reply and you would like to add something, use the 'Edit' button. Also, please keep your posts at 7 words or above.
Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.

pwndbymalakh · December 30, 2013

When I wrote up the code for my User Lookup, my stylesheet section at the top included the following code (i changed the bg image url below for simplicity)

#main {
	position: relative;
	top: 0px;
	left: 0px;
	height: 950px;
	width: 1000px;
	border: 0px;
	background: url("http://yoursite.com/neo/background.png");
}

My image files are located on my own web hosting, and are uploaded/updated via ftp. So I doubt Neopets is blocking ImageShack.

laceew45 · December 30, 2013

When I wrote up the code for my User Lookup, my stylesheet section at the top included the following code (i changed the bg image url below for simplicity)
#main {	position: relative;	top: 0px;	left: 0px;	height: 950px;	width: 1000px;	border: 0px;	background: url("http://yoursite.com/neo/background.png");}
My image files are located on my own web hosting, and are uploaded/updated via ftp. So I doubt Neopets is blocking ImageShack.

It was blocking photo bucket for me.

When I wrote up the code for my User Lookup, my stylesheet section at the top included the following code (i changed the bg image url below for simplicity)
#main {	position: relative;	top: 0px;	left: 0px;	height: 950px;	width: 1000px;	border: 0px;	background: url("http://yoursite.com/neo/background.png");}
My image files are located on my own web hosting, and are uploaded/updated via ftp. So I doubt Neopets is blocking ImageShack.

I use tinypic to upload pictures. Check again, maybe you got the HTML code wrong? If that doesn't work, I don't know! I had the same problem once.

Maybe try remove the HTTP?

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

Please don't double post. If your post is the most recent reply and you would like to add something, use the 'Edit' button. Also, please keep your posts at 7 words or above.

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

Yasha: Are you trying to change the white background or the grey background on the page? There's two CSS codes that can be used for that. Much easier then using html. Let me know and I'll be glad to help! :)

This for all you geniuses:

According to this website: http://www.neopets.com/help/html_13.phtml

I am to do this: <style> body { background: url("http://i44.tinypic.com/sz91rm.jpg");background-attachment: fixed}</style>

But I added it to my user lookup box and nothing happened...ha what am I doing wrong?

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

Please don't double post. If you would like to add something, use the 'Edit' button.

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

pwndbymalakh · December 31, 2013

This for all you geniuses:

According to this website: http://www.neopets.com/help/html_13.phtml

I am to do this: <style> body { background: url("http://i44.tinypic.com/sz91rm.jpg");background-attachment: fixed}</style>

But I added it to my user lookup box and nothing happened...ha what am I doing wrong?

Hi, I went and tested your image link on one of my side accounts: http://www.neopets.com/userlookup.phtml?user=deadmensbells

Try copy pasting the following code exactly in your stylesheet section just to check if your bg image comes up. Edit the height and width to your lookup's desired height & width.

#main {
	position: relative;
	top: 0px;
	left: 0px;
	height: 950px;
	width: 1000px;
	border: 0px;
	background: url("http://i44.tinypic.com/sz91rm.jpg");
}

The page you referenced above isn't very useful for more complex coding. If you're doing it yourself, you need HTML 4 and CSS 2 knowledge, plus an understanding of all the additional coding filters specific to neopets. It can be frustrating, but I'm sure you'll get the hang of it.

Here are the neo pages I used to understand all of neopets' specific coding filters:

http://www.neopets.com/~soroptimist#cd

http://www.neopets.com/~Trudial

http://www.neopets.com/~_earth_griffin_

http://www.neopets.com/~Kaxian

http://www.neopets.com/~Kwensi

http://www.neopets.com/~mustanq#dissection

http://www.neopets.com/~Sariyra#tuts-user

laceew45 · December 31, 2013

Hi, I went and tested your image link on one of my side accounts: http://www.neopets.com/userlookup.phtml?user=deadmensbells

Try copy pasting the following code exactly in your stylesheet section just to check if your bg image comes up. Edit the height and width to your lookup's desired height & width.
#main {
	position: relative;
	top: 0px;
	left: 0px;
	height: 950px;
	width: 1000px;
	border: 0px;
	background: url("http://i44.tinypic.com/sz91rm.jpg");
}
The page you referenced above isn't very useful for more complex coding. If you're doing it yourself, you need HTML 4 and CSS 2 knowledge, plus an understanding of all the additional coding filters specific to neopets. It can be frustrating, but I'm sure you'll get the hang of it.

Here are the neo pages I used to understand all of neopets' specific coding filters:

http://www.neopets.com/~soroptimist#cd

http://www.neopets.com/~Trudial

http://www.neopets.com/~_earth_griffin_

http://www.neopets.com/~Kaxian

http://www.neopets.com/~Kwensi

http://www.neopets.com/~mustanq#dissection

http://www.neopets.com/~Sariyra#tuts-user

Thanks soo much! Well I did that background image myself on photoshop and I can say it looks good. haha but thanks. I was wondering if I needed to know more than what I did know.. I will work on it! Thank you, again!

pwndbymalakh · January 1, 2014

You're quite welcome, glad I could help! Yeah, I used Photoshop for my UL too. Been meaning to create my own UL for like 9 years, and finally got around to it!

laceew45 · January 1, 2014

You're quite welcome, glad I could help! Yeah, I used Photoshop for my UL too. Been meaning to create my own UL for like 9 years, and finally got around to it!

Once I create it in photoshop, how do I make it into html parts?

**Mouseykins** · January 2, 2014

You'll have to upload to an image hosting site and then code them in. depending on where your image(s) are supposed to go will depend on the code required to place them. Check out Izzy's tutorial that I linked to in a previous post. Also SunnyNeo has a lookup codes page.

pwndbymalakh · January 3, 2014

Once I create it in photoshop, how do I make it into html parts?

Basically, all I did was create an overall container in the css for all the modules on a user lookup (collections, user info, pets, trophies), re-arrange the content modules, modify some fonts and colors, and set the photoshop image as the background for the aforementioned container. The petpages don't have character limits, but user lookups do. So whatever you want to code your ul to look like, has to fit that pre-defined character limit. I made things easier on myself (in the long run) by making One Image, no fancy splicing, no floats, etc. For me, the thing I have to remember most is to update the avatar image in my code if I change my avatar in my neoboard preferences. They Have to be the same.

Anyway, here's my UL code, I don't care if you modify it (unlike too many people), I just ask you (you = anyone reading this) use your own images because my bg image includes my copyrighted photography and handwritten typographical designs for the section headers.

<style>
#header, #ban, .brand-mamabar, .user, #nst, .contentModuleHeader, .contentModuleHeaderAlt, .sidebar, #usershop, #userneohome, #habitarium, #ncmall, hr, #footer, .footerNifty {
	display: none;
}
.contentModule {
	border: 0px;
}
.contentModuleTable {
	border: 0px;
}
table {
}
.contentModuleContent img {
	height: 50px;
	width: 50px;
}
a:link, a:visited {
	color: #069;
}
a:hover {
	color: #6fc;
}
#main {
	position: relative;
	top: 0px;
	left: 0px;
	height: 950px;
	width: 1000px;
	border: 0px;
	background: url("http://fdkelly.com/neo/MS_UL_CaW_BG.png");
}
body, .medText {
	background: none;
	font: 7pt verdana;
	color: #036;
}
#ulnav {
	position: absolute;
	top: 100px;
	left: 30px;
	width: 940px;
	background-color: #6fc;
	font-size: 9px;
}
#ulnav a, #ulnav a visited {
	padding: 0px 10px 0px 10px;
	background-color: #6fc;
	text-align: center;
	color: #399;
}
#ulnav a:hover {
	padding: 10px 10px 10px 10px;
	background-color: #fffbed;
	color: #399;
}
#userinfo .contentModuleTable {
	position: absolute;
	top: 180px;
	left: 25px;
	height: 240px;
	width: 350px;
}
#userinfo img {
	visibility: hidden;
}
#userinfo a img {
	visibility: hidden;
	display: table-cell;
	height: 30px;
}
#usercollections .contentModuleTable {
	position: absolute;
	top: 180px;
	left: 775px;
	height: 260px;
	width: 200px;
}
#usercollections img {
	visibility: hidden;
	display: table-cell;
	height: 27px;
}
#avatar {
	position: absolute;
	top: 182px;
	left: 798px;
	height: 45px;
	width: 45px;
}
.ultext {
	text-align: left;
	font: 9pt verdana;
	color: #036;
}
#side {
	position: absolute;
	top: 490px;
	left: 50px;
	height: 350px;
	width: 300px;
}
#userneopets .contentModuleTable {
	position: absolute;
	top: 480px;
	left: 400px;
	height: 250px;
	width: 575px;
}
#userneopets a {
	display: block;
	overflow: hidden;
	height: 150px;
	width: 100px;
}
#userneopets img {
	height: 150px;
	width: 150px;
	;
}
#usertrophies {
	overflow: auto;
	position: absolute;
	top: 775px;
	left: 425px;
	height: 130px !important;
	width: 515px;
}
</style>

<div id="ulnav" style="padding: 10px 0px 10px 0px;">
<a href="http://www.neopets.com/myaccount.phtml"><b>ACCOUNT</b></a>
<a href="http://www.neopets.com/customise/"><b>CUSTOMIZE</b></a>
<a href="http://www.neopets.com/games/arcade.phtml"><b>GAMES</b></a>
<a href="http://www.neopets.com/explore.phtml"><b>EXPLORE</b></a>
<a href="http://www.neopets.com/nf.phtml"><b>NEWS</b></a>
<a href="http://www.neopets.com/petcentral.phtml"><b>PET CENTRAL</b></a>
<a href="http://www.neopets.com/neoboards/index.phtml"><b>BOARDS</b></a>
<a href="http://www.neopets.com/objects.phtml"><b>SHOPS</b></a>
<a href="http://www.neopets.com/mall/index.phtml"><b>NC MALL</b></a>
<a href="http://www.neopets.com/browseshop.phtml?owner=malakhserpentis"><b>MY SHOP</b></a>
<a href="http://www.neopets.com/gallery/index.phtml?gu=malakhserpentis"><b>NC TRADES</b></a>
<a href="http://www.neopets.com/~Lataeus"><b>NC WISHES</b></a>
<a href="http://www.neopets.com/~Kelys_Synese"><b>NP WISHES</b></a>
</div>
<div id="avatar">
<img src="https://images.neopets.com/neoboards/avatars/awakened_aagh7l.gif" height="45" width="45">
</div>
<div id="side" class="ultext" style="overflow: auto;">
<p>Text Here</p>
</div>

*yawn* so very sleepy... didn't sleep at all cause I was bumping the NC Boards all night (still am). Time for MORE coffee, sorry my response took so long, and I'll keep helping should you need it.

laceew45 · January 3, 2014

you are amazing! ha! But I definitely won't "steal" your lookup. I just needed something to go by... a template I guess. haha . I will try my best to use it as a guide and figure out what I need to learn. haha

May I ask, how you learned CSS/HTML? I guess I know basic html and and I need to figure out a good way to learn CSS..

user lookup question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation