14 replies to this topic

[KrakenKate]

I'm not talking about premade shields, but like how to replace your shield with a gif or something.

I know this guy has a guide:

 

 

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

 

....buuut I don't exactly understand still.

 

Anyone know of another good guide or willing to teach me?

 

[Barcodite]

Do you mean an animated .gif? I'm not sure if those work on lookups. Which part are you having difficulty understanding? 

[Maha]

<style>

 {

}

#userinfo .contentModuleContent {

background-image: url("Insert GIF/PNG/JPG image URL here");

background-repeat: no-repeat;

background-position: top right;

}

#userinfo .medText img {

visibility: hidden;

}

#userinfo .medText table table img {

visibility: visible;

}

</style>

 

That SHOULD work. 

 

You'll just have to make sure that you keep the image small or large enough to work properly. 

[KrakenKate]

Do you mean an animated .gif? I'm not sure if those work on lookups. Which part are you having difficulty understanding? 

 

Well I saw it on this guys profile:

http://www.neopets.c...ser=anthraxcore

so I was wondering how he did it...

 

And I'm not exactly sure... on... anything really in his guide.  I tried following the directions but my gif ended up above my lookup like normal

 

<style>

 {

}

#userinfo .contentModuleContent {

background-image: url("Insert GIF/PNG/JPG image URL here");

background-repeat: no-repeat;

background-position: top right;

}

#userinfo .medText img {

visibility: hidden;

}

#userinfo .medText table table img {

visibility: visible;

}

</style>

 

That SHOULD work. 

 

You'll just have to make sure that you keep the image small or large enough to work properly. 

 

Thank you! I will try this

[Maha]

Animated .gif files do work. Or at least I have seen some that work. 

 

Tons and Tons of people have Meme's and animated gifs on their lookups... 

[Barcodite]

<style>
 {
}
#userinfo .contentModuleContent {
background-image: url("Insert GIF/PNG/JPG image URL here");
background-repeat: no-repeat;
background-position: top right;
}
#userinfo .medText img {
visibility: hidden;
}
#userinfo .medText table table img {
visibility: visible;
}
</style>
 
That SHOULD work. 
 
You'll just have to make sure that you keep the image small or large enough to work properly.

 
Yeah, basically this. You may have to use this underneath the first style tag:
//
*{}
 

Well I saw it on this guys profile:
http://www.neopets.c...ser=anthraxcore
so I was wondering how he did it...
 
And I'm not exactly sure... on... anything really in his guide.  I tried following the directions but my gif ended up above my lookup like normal

Thank you! I will try this

 
OMG that is hilarious. Anyway, I looked on the page source at his code, and it was this:

 

 

Spoiler

#userinfo .contentModuleContent {  

background-image: url("Iinsert your url here");  

background-repeat: no-repeat;  

background-position: top right;  

}

 

So you could try that if you're not having any luck with the code from that petpage.

Edited by Barcodite, 03 July 2013 - 04:36 PM.

[Maha]

If the image isn't going where you want it you've most likely forgotten to place it correctly...

 

Spoiler

 

<style>

 {

}

#userinfo .contentModuleContent {

background-image: url(URLURLURL");

background-repeat: no-repeat;

background-position: top right;

}

#userinfo .medText img {

visibility: hidden;

}

#userinfo .medText table table img {

visibility: visible;

}

</style>

 

 

See in the spoiler the #userinfo .contentModuleContent and that. They all specify where the image will go, if its visible or not. Where it is placed etc etc...

 

The code wont really work at all without style tags but You can even fit a ton more code for other parts of a lookup inside 1 style tag. My HTML and CSS still isn't great but I think i've explained it well enough.

Yeah, basically this. You may have to use this underneath the first style tag:

//

*{}

 

I don't think he'd need to use it under anything. As long as you've got the <style></style> with code inside the code should work as intended. Unless neopets reads the code in some weird fucked up manner and layers things wrongly then there really shouldn't be a problem. Or at least for me, I haven't had an issue with Code placement. lol

Edited by Maha, 03 July 2013 - 04:37 PM.

[KrakenKate]

Thanks guys, I'll try all of these

[Maha]

Goodluck! 

[Barcodite]

I don't think he'd need to use it under anything. As long as you've got the <style></style> with code inside the code should work as intended. Unless neopets reads the code in some weird fucked up manner and layers things wrongly then there really shouldn't be a problem. Or at least for me, I haven't had an issue with Code placement. lol

 

I've had to do that with all of my CSS, or else it doesn't work. It's probably just my shitty luck (and CSS skills) though.

[KrakenKate]

Well I tried them all but they didnt seem to work right...I'm using tinypic (the URL and HTML) and putting it in the code where it says but they either end up still above the lookup or not anywhere at all .  When i go back to edit it, it comes back like this:

 

 

<style>
 {
}
#userinfo .contentModuleContent {
    background-image: -blocked- -blocked- -blocked- -blocked- -blocked- -blocked- -blocked- -blocked- -blocked- -blocked- -blocked-;
    background-repeat: no-repeat;
    background-position: top right;
}
#userinfo .medText img {
    visibility: hidden;
}
#userinfo .medText table table img {
    visibility: visible;
}
</style>

 

Any other ideas?

Alright nevermind!  I got it working, just used the direct link

Thanks guys for your help!!

[Maha]

Derp... 

 

I did say to use the Image URL xD

[Hummingway]

I always thought it was in the TNT rules that we couldn't cover our Neopets shields. Can someone clear this up for me?

[Liesa]

I thought you could cover up with a self made one but not lie about your account age, like changing a one week shield with a 10 year one..