Neopets coding help!

[Jeongyeon]

So I recently found premade pet lookup coding that I love. However, it was created back in 2016 so it is not updated and it errors out whenever I try to use it. (PS. I already followed the creator's instructions)

Here is the petpage: (you need an account to see links)

Bottom right (Water Kyrii pet) is the one Im interested in.

Ive played around with the coding but I cant seem to get it to work.
If anyone can try to fix it so that it works, please help out! I will rep/tip... w/e. I just want this pet lookup coding.

Thanks much!

[♥ Rattata ♥]

Works OK for me

here's the code:

<style>
a{color:#175853!important;transition:all .2s}
a:hover{color:#CFABA9!important}
blockquote b{font-weight:bold;font-size:11px}
blockquote{font-size:11px;display:inline-block;height:300px;width:285px;margin:0 0 0 15px;overflow:auto;padding-right:5px}
tr, td, div, body, td.contentModuleContent, b{font:8px verdana}
[style="border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;"] img, .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent #pet_rating, #ban_bottom, #ban, .slug, .adBox2, .ad_wrapper_fixed, .sidebar, #header, #footer, table + br, img + .contentModule div, [style="font-weight: bold; font-size: 18px;"] img,.contentModuleContent table a:first-child{display:none}
#main{margin-top:0;display:table-cell;vertical-align:middle}
.contentModuleContent.medText img{float:left;margin-left:30px;height:60px;width:60px}
#main,.contentModuleContent{background:0}
#content{margin:auto;width:950px;display:block}
html,body,#main{height:100%;width:100%;margin:0}
body{display:table}
.contentModuleContent table a img{visibility:hidden}
.contentModuleContent table a{display:inline-block;background:url('http://i.imgur.com/84HYOEb.gif');height:7px;width:18px}
[cellpadding="2"] a{background:0!important;display:inline!important}
.content div + br + table[border="0"]{width:662px;display:block;float:right;margin-right:-40px;background:0}
body{background:url('http://i.imgur.com/NEVruyT.jpg') no-repeat center/cover fixed}
img + .contentModule{width:300px}
table + br + [align="center"]{position:fixed;top:50%;margin-top:120px;left:50%;margin-left:160px;width:300px;height:50px;overflow:hidden}
table + br + [align="center"]:hover{overflow:visible}
table + br + [align="center"] img{width:48px;height:48px}
.content{background:rgba(255, 255, 255, 0.8);border-radius:20px}
table, td,.contentModule, #main{border:0!important}
[style="border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;"]{width:290px}
</style>

is there anything in particular that it's doing/not doing? i just put it in my petpage and hit preview and it looked ok

[Jeongyeon]

Works OK for me

here's the code:

<style>
a{color:#175853!important;transition:all .2s}
a:hover{color:#CFABA9!important}
blockquote b{font-weight:bold;font-size:11px}
blockquote{font-size:11px;display:inline-block;height:300px;width:285px;margin:0 0 0 15px;overflow:auto;padding-right:5px}
tr, td, div, body, td.contentModuleContent, b{font:8px verdana}
[style="border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;"] img, .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent #pet_rating, #ban_bottom, #ban, .slug, .adBox2, .ad_wrapper_fixed, .sidebar, #header, #footer, table + br, img + .contentModule div, [style="font-weight: bold; font-size: 18px;"] img,.contentModuleContent table a:first-child{display:none}
#main{margin-top:0;display:table-cell;vertical-align:middle}
.contentModuleContent.medText img{float:left;margin-left:30px;height:60px;width:60px}
#main,.contentModuleContent{background:0}
#content{margin:auto;width:950px;display:block}
html,body,#main{height:100%;width:100%;margin:0}
body{display:table}
.contentModuleContent table a img{visibility:hidden}
.contentModuleContent table a{display:inline-block;background:url('http://i.imgur.com/84HYOEb.gif');height:7px;width:18px}
[cellpadding="2"] a{background:0!important;display:inline!important}
.content div + br + table[border="0"]{width:662px;display:block;float:right;margin-right:-40px;background:0}
body{background:url('http://i.imgur.com/NEVruyT.jpg') no-repeat center/cover fixed}
img + .contentModule{width:300px}
table + br + [align="center"]{position:fixed;top:50%;margin-top:120px;left:50%;margin-left:160px;width:300px;height:50px;overflow:hidden}
table + br + [align="center"]:hover{overflow:visible}
table + br + [align="center"] img{width:48px;height:48px}
.content{background:rgba(255, 255, 255, 0.8);border-radius:20px}
table, td,.contentModule, #main{border:0!important}
[style="border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;"]{width:290px}
</style>

is there anything in particular that it's doing/not doing? i just put it in my petpage and hit preview and it looked ok

Preview works but when you actually hit submit, it error out.

Invalid words or disallowed property names found in your style tags.

position


Invalid words or disallowed element names found in your style tags. (Class or ID names must be preceded with a . or #).

all
html

[♥ Rattata ♥]

Preview works but when you actually hit submit, it error out.

Invalid words or disallowed property names found in your style tags.

position


Invalid words or disallowed element names found in your style tags. (Class or ID names must be preceded with a . or #).

all
html

Ah, I see I see! Tbh you can remove some of those without it really affecting the layout. html shouldn't really be there anyway, !important;transition:all .2s you can just remove.

the removal of the fixed position is a bit annoying though. I can make it appear in roughly the same position with float but it'll put your trophies up there too,. Which might be nice??

<style>
a{color:#175853}
a:hover{color:#CFABA9!important}
blockquote b{font-weight:bold;font-size:11px}
blockquote{font-size:11px;display:inline-block;height:300px;width:285px;margin:0 0 0 15px;overflow:auto;padding-right:5px}
tr, td, div, body, td.contentModuleContent, b{font:8px verdana}
[style="border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;"] img, .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent #pet_rating, #ban_bottom, #ban, .slug, .adBox2, .ad_wrapper_fixed, .sidebar, #header, #footer, table + br, img + .contentModule div, [style="font-weight: bold; font-size: 18px;"] img,.contentModuleContent table a:first-child{display:none}
#main{margin-top:0;display:table-cell;vertical-align:middle}
.contentModuleContent.medText img{float:left;margin-left:30px;height:60px;width:60px}
#main,.contentModuleContent{background:0}
#content{margin:auto;width:950px;display:block}
body,#main{height:100%;width:100%;margin:0}
body{display:table}
.contentModuleContent table a img{visibility:hidden}
.contentModuleContent table a{display:inline-block;background:url('http://i.imgur.com/84HYOEb.gif');height:7px;width:18px}
[cellpadding="2"] a{background:0!important;display:inline!important}
.content div + br + table[border="0"]{width:662px;display:block;float:right;margin-right:-40px;background:0}
body{background:url('http://i.imgur.com/NEVruyT.jpg') no-repeat center/cover fixed}
img + .contentModule{width:300px}
table + br + [align="center"]{float:left;height:50px;overflow:hidden}
table + br + [align="center"]:hover{overflow:visible}
table + br + [align="center"] img{width:48px;height:48px}
.content{background:rgba(255, 255, 255, 0.8);border-radius:20px}
table, td,.contentModule, #main{border:0!important}
[style="border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;"]{width:290px}
</style>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>

[Jeongyeon]

Ah, I see I see! Tbh you can remove some of those without it really affecting the layout. html shouldn't really be there anyway, !important;transition:all .2s you can just remove.

the removal of the fixed position is a bit annoying though. I can make it appear in roughly the same position with float but it'll put your trophies up there too,. Which might be nice??

<style>
a{color:#175853}
a:hover{color:#CFABA9!important}
blockquote b{font-weight:bold;font-size:11px}
blockquote{font-size:11px;display:inline-block;height:300px;width:285px;margin:0 0 0 15px;overflow:auto;padding-right:5px}
tr, td, div, body, td.contentModuleContent, b{font:8px verdana}
[style="border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;"] img, .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent #pet_rating, #ban_bottom, #ban, .slug, .adBox2, .ad_wrapper_fixed, .sidebar, #header, #footer, table + br, img + .contentModule div, [style="font-weight: bold; font-size: 18px;"] img,.contentModuleContent table a:first-child{display:none}
#main{margin-top:0;display:table-cell;vertical-align:middle}
.contentModuleContent.medText img{float:left;margin-left:30px;height:60px;width:60px}
#main,.contentModuleContent{background:0}
#content{margin:auto;width:950px;display:block}
body,#main{height:100%;width:100%;margin:0}
body{display:table}
.contentModuleContent table a img{visibility:hidden}
.contentModuleContent table a{display:inline-block;background:url('http://i.imgur.com/84HYOEb.gif');height:7px;width:18px}
[cellpadding="2"] a{background:0!important;display:inline!important}
.content div + br + table[border="0"]{width:662px;display:block;float:right;margin-right:-40px;background:0}
body{background:url('http://i.imgur.com/NEVruyT.jpg') no-repeat center/cover fixed}
img + .contentModule{width:300px}
table + br + [align="center"]{float:left;height:50px;overflow:hidden}
table + br + [align="center"]:hover{overflow:visible}
table + br + [align="center"] img{width:48px;height:48px}
.content{background:rgba(255, 255, 255, 0.8);border-radius:20px}
table, td,.contentModule, #main{border:0!important}
[style="border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;"]{width:290px}
</style>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>
<p>Let's put in a lot of test text to see what it looks like</p><p>Hi this is my neopet his name is massive boogers</p>

The trophy positioning is ok if it can be centered. Any chance this is possible?

[♥ Rattata ♥]

The trophy positioning is ok if it can be centered. Any chance this is possible?

kinda tricky without access to position tag unfortunately, for some reason the element is table div img and that sucks, no classes, so doing any adjustment to them would affect some parts of your neopet and your petpet as well.

[Feline]

@(you need an account to see links)
I've wanted to use this pet lookup myself for ages, is it okay if I use your fixed coding too please?

[♥ Rattata ♥]

@(you need an account to see links)
I've wanted to use this pet lookup myself for ages, is it okay if I use your fixed coding too please?

of course, go right ahead!
i'll even let you remove the boogers text lmao

frontend work isn't really my specialty so if anybody else has any improvements they should also jump in lol

[Feline]

of course, go right ahead!
i'll even let you remove the boogers text lmao

frontend work isn't really my specialty so if anybody else has any improvements they should also jump in lol

Thank you so much c:
I tried to fix it myself some time ago and all I managed to do was mess it up further haha