How to share drawings on Neopets?

[keithp]

I want to draw some photos, scan them to my computer, upload them to photobucket, and then somehow post the pictures on Neopets to share. How do I do this if I cant post links to outside websites?

[jesse_rocket]

As far as I know, you can link images which are hosted elsewhere (such as photobucket) from your petpage

[keithp]

How do I link pictures to a pets page? I've never done graphics on Neopets actually. Since i'm using Photobucket, mabye you could tell me which link I use to post? Is it the IMG link?

[Batman]

nope. Use the direct link and put it in <img src=" your link here ">. It should have it in the help part or if you do it wrong it should tell you how to when there error comes up.

[keithp]

I finally tried this, and failed. I get this message.

Hang On! There's a new rule!

 

You can only embed src files that end in:

.jpg

.jpeg

.gif

.bmp

.png

.midi

.wav

.mp3

.mid

You cannot use any variation of the <src=somelink> tags to embed files that end in

 

-blocked- from this url: -blocked-

You may not have used the 'img src' tag, but this applies to all tags that have 'src' in it, such as 'background src'.

 

These are the images i'm trying to use, see if you can get it to work? http://smg.photobucket.com/albums/v492/keithpetrosky/Neopets/

[Manta]

Coding might still be borked on Neo. You could probably get away with coding it into a div using CSS.

 

<style>

#imga {

background: url("YOUR URL HERE")no-repeat;

width: WIDTH OF IMAGE px;

height: HEIGHT OF IMAGE px;

border: 0px;

}

</style>

 

<div id="imga">

</div>

 

A bit messy, but that should work even with the new filters :D

[keithp]

I am not sure if i'm entering it right on the code page. Could you please try and put my image on one of your pets page, than copy/paste the code here for me to see. Than I can see how it;s supposed to look and I can do the rest. I am not entirely sure it works or if i'm doing it wrong, so if someone who knows about it does it and it doesnt work, than I know it;s not just me.

Any one of these images are good, I have been using "direct link" http://smg.photobucket.com/albums/v492/keithpetrosky/Neopets/

 

error

 

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

Please keep your posts at least 7 words long. And do not double post. Use the edit button instead.

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

[Manta]

Took me a bit but I got it on Venser's pet page :)

 

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

 

And this is the code I used

<style type="text/css">
#header {
background: #334302;
background-image: url("http://img.photobucket.com/albums/v492/keithpetrosky/Neopets/floramutant.jpg");
width: 581px;
height: 799px;
margin: 0px;
padding: 0px;
}
</style>
<div id="header"> 

</div>

 

Hope that helps! :D

[keithp]

I figured out how to get images on, but it duplicated all of the last image. How do I fix this? http://www.neopets.com/~toby_23

[Manta]

I figured out how to get images on, but it duplicated all of the last image. How do I fix this? http://www.neopets.com/~toby_23

 

I...have no idea. It shouldn't have repeated, but I guess you could add no-repeat to the code like so.

 

<style type="text/css">
#header {
       background: #334302;
       background-image: url("http://img.photobucket.com/albums/v492/keithpetrosky/Neopets/floramutant.jpg") no-repeat;
       width: 581px;
       height: 799px;
       margin: 0px;
       padding: 0px;
}
</style>
<div id="header"> 

</div>

 

Or you could check to see if image embedding is allowed yet?

<img src="//images.weserv.nl/?url=http://img.photobucket.com/albums/v492/keithpetrosky/Neopets/floramutant.jpg">

[keithp]

I...have no idea. It shouldn't have repeated, but I guess you could add no-repeat to the code like so.

 

<style type="text/css">
#header {
       background: #334302;
       background-image: url("http://img.photobucket.com/albums/v492/keithpetrosky/Neopets/floramutant.jpg") no-repeat;
       width: 581px;
       height: 799px;
       margin: 0px;
       padding: 0px;
}
</style>
<div id="header"> 

</div>

 

Or you could check to see if image embedding is allowed yet?

<img src="//images.weserv.nl/?url=http://img.photobucket.com/albums/v492/keithpetrosky/Neopets/floramutant.jpg">

 

The new code didnt change anything. I'm wondering, is there a way I can just post the LINK to the Neopet album on Photobucket on Pet Page? That way people can click and look at the images themselves. That would be SO much easier. :)