Create Pet

Pet
Central

Explore

Games

Neomail

Shops

Boards

News

Stuff

Help



W E L C O M E

guest





BEFORE YOU START...

A word of caution

Click start button.. click all programs.. click accessories.. click word pad & put it in bottom tray

NOW.. go to the page you are going to edit, & highlite & copy what is there now !
Bring up word pad & paste all your code in it & save it
Close that one, open a new word pad & name it for what you are working on & put it down in tray

Keep saving your code on your word pad as you go along
IF you make a mistake & erase your hard work, you can always re-paste the code up to that point !!

Remember this

You are NOT allowed to put personal pictures or information on neopets site

This is for your own protection & is a FREEZABLE offence




***************************************



Please... Read & Be Aware

Some of the codes on here will not work in FF & other browsers

some will react, & give weird effects in those browsers !

This page is also an example of codes reacting & acting wierd because I have examples of what the codes will produce

Not much can be done about that, unfortunately, so just be aware of it


******************************************


Code For The New User Lookup Layout

Rather than give you the codes here for the new User Lookup Layout, I will give you a link to three LOOKUP HELP pet pages.
They have done an amazing job on the new codes & I Know they will help you 'spiff up' your UL

To get there, just click the link below


kished


Go here for help by kitty

kitty


or here for easy to understand css codes

efstathias


********************************


With the new coding rules, change ALL your style tags to

(style /)TEXT HERE(/style /)

Use the proper brackets on the code


**********************


The codes below will work in your shop.. gallery.. and pet pages

Some of them will also work on your user lookup, but not all of them will


********************************


Handy Tip

To center everything on your page just put < center > at the top of the page

Put < /center > where you want it to stop

If you don't end the code it should do the whole page

In some cases you may have to put

< div align="center" > all text to be centered here < /div >

No spaces on brackets


******************


This page is layed out with a 'text size medium' setting in IE & my browser is set to 1028 X 768 size, so... depending on your settings it may be a little jumbled OR not !!

My lookup background is saved 1000 x 900 in size, & is best viewed in screen size of 1028 x 768

I find that with an 800 x 600 screen size you miss out on content on some web sites &/or have to use a bottom scroll bar to view the page !

Not a big deal, just a personal preference !!


***********************************


Some of these codes only work in IE, & some may not work for you if you have other conflicting codes on your page already...However, all of these codes work for me, & most of them are in use on this page.


**************************


OK...

You finally made that 'Dream background' you always wanted in your paint program, & you have hosted it on a hosting site BUT..

How do you put it on the page ?

Well.. Here is the background code you will need



Just copy/paste this code
Put the URL address of 'piccy' or 'background you made' in the code in place of PUT HTTP ADDRESS OF PICTURE HERE in your shop OR lookup OR pet lookup OR pet page

You must host your image on one of the free web hosting sites so that your computer can find the URL address of the piccy to display it

The ideal size for a neopet background is 800 X 600

Save the piccy or background as a .jpg or .png

(Most backgrounds will "tile' if they are too small & saved as a .gif)


*****************************************


Why do I have to host a picture ?

Eeerm... Glad you asked

In order for a picture to show up on other peeps computers, the computer where the piccy is must "serve" the piccy to all who ask to see it

Since your computer is not set up to "serve" it's information, we need some place to put the piccy that is a "server

Thankfully, there are web hosts who do this, & for FREE

If you 'google' free web hosts you will find some


Go to one of these 'hosting sites' make an account, & follow their instructions to put your piccies in the piccy folder they give you

Once the piccy is there, all you need is the http://URL address.gif to put in the img src=http??.gif code

Neopet items & piccies do not need to be hosted any where else


*************************************


Picture OR Screenie Code





Use this code to put a picture on any of the same pages as mentioned above

For neopet images Right click the picture

For avatars Right click the avy piccy

click properties

highlite & copy the URL address of piccy

put that URL address in the code

The address will start with http and end in .gif OR .jpg as a rule

you can change height & width if you like


Here is my current avatar with no size change

Here is one with 50 for height & width

Here is one with 70 for height & width

Here is one with 30 for height & width

Here is one with 50 for height & 70 for width


Remember.. none neopet images must be 'hosted' on the Web to get a URL address for them

Just 'google' free web hosts & you will find some

Most 'hosts' give you the URL address that you need, just make sure it starts with http & ends in .gif or .jpg
(most will end in one of those two endings)

Use this same above code for screenies

Press 'PrtScn' key
Open paint program & press 'Ctrl v' to paste it
Click 'file' click 'save as' & save it (save as .gif or .jpg)

HINT... Screenie will be 'sharper' if saved as .gif

Go to your 'free web host' & browse for your screenie picture
when you find it, left click it & click 'save'
Now click 'upload' to put it in host files
Once it appears, you should see an 'img src' code
It will start with 'http' & end with '.gif' or '.jpg' (whichever you saved it as)
Copy that URL address & put it in the code above on the page you want it to show up on
Change the height="50" & width="50" to make it bigger or smaller on your page

This is width="50" height="50"

This is width="500" height="500"

This screenie was not cropped & was saved with a transparent background setting

Not a pretty picture .. Is It ?


This is bmp with 500 width & height added to img src code




This is gif with 500 width & height added




This is cropped, saved as gif with 300 width & 300 height added to img src code





SPECIAL NOTE:
There is splotchy or no white in my screenies because I am using the code to 'Remove the white boxes on pet's etc.' on this page

I would recommend you DO NOT use that code on your 'screenie' page


For an in depth tutorial on screenies go to screeniehelp's pet page

Go To screeniehelp


******************


Position Piccy Or Screenie Anywhere On Page




Put Piccy Fixed Bottom Right Won't scroll with page



Do Not use img src= in this code..

Just put your http ???? .jpg or .gif part of the code in where it says.. http://images.neopets.com/pets/happy/jubjub_garlic_baby.gif


*********************************


Background Color Code



To put background color only.. use this code
Just change cyan to your color
If using color hex code put #??????

#FFFF00 = Y E L L O W

#FF0066 = R E D

#99FF00 = G R E E N

#3366FF = B L U E

#FF9900 = O R A N G E

hotpink =HOT PINK


********


Background Music Code



Sooo.. you just have to have tunes ?

Well... Go find some & use this code to put 'em on



Remember... Music must be 'hosted' somewhere on the web so you can get a URL address for the code the same as pictures must be hosted

*************************************


Chat Boards neoHTML code

Copy/paste this on your neoHTML line


Copy/paste this on siggy line


Now just change c= s= f= to whatever you want, put in your text, save it & go type on the boards


********************************


Here is a simple scroll box code for your lookie or shop with most of the bells & whistles



This is what it will look like

PUT SOME TEXT HERE
put some more here

come on down


Just splendid... don't you think ?



You can make changes to the font face= color= size=
or change the background color
change the border to dashed dotted or even none
change border color & size (2pt to 3pt etc)
change text-align: to center or right





*************************************


text _ area box code

For some strange reason it won' t let me show the code to make a text box like the the ones with code in them above.. so I will do it this way

(text _ area) TEXT HERE (/text _ area)

use on pet page

CAUTION
DO NOT use this code without the underscore between text and area on your pet page

It WILL wipe out all your code !

BUT.. Smart thing that you are, you have saved it up to this point on your Word Pad... Right ?

You have to put the proper brackets on.. but you knew that already.. didn't you !

No space in text _ area


Here is text _ area code with border.. color text.. & background

{text-area style="background: yellow; color:red; border: 2px dotted green;"}your text{/text-area}

Replace - with _

replace { } with proper brackets


It will look like this






****************************


You need a table ?
with a piccy & text ?

Oh My

Try this one then



It looks like this

I'm so Pretty

yadayadayada
yadayada

yada
yada

yada

yada
yadayada
yada
yada

yada

yada




********


Phewwww.. Don't those white boxes around your pets etc. just spoil the look of your page



Then copy/paste this to get rid of them

on user lookie add this for site trophy white box removal




*******************************


Remove box on items in shop & gallery




******************************


Pet Lookup Stats Color



This code lets you change the color= face= size= of all the code on your pets lookup page


**********************************


User Lookie Text Color

Now.. What was it I was going to do ?

AHA...
So you have used some of these codes on your lookup & in your shop
Your page is starting to take shape BUT
You can't read the text because of your background.....



This code will let you change the color size face of your text
Just copy/paste it at the top of the page you are putting the code on
Then change them to what you want
Neat.. Huh


**********************************


Text color change in shop or gallery



this code changes color= size= face= of text in shop or gallery for you


*************************************


Here is a simple Table with tr td Boxes

you can put text side by side
OR
you can put piccies side by side

Just use img src code in place of text



It will look like this with text
o-0 Pretty Am I not colorful !


Look like this with img src code


If you remove the border & color=#?????? from the code it will look like this




***************************


Here is a table code to put a series of pictures on



It will look like this


An apple a day!
What a purdy
colour!
Guacamole
anyone?

If Neopia gives
you lemons...
Is it Peach
season?
Yuck
Pineapple Juice

So sweet and
so cold.
Tomato
sauce!
Looks gross,
but...



****************************


Table OR Blog Code

Here is a table code that you can edit everything on
Just change width.. height.. border.. color.. text.. piccies.. background color.. etc.



It will look like this


TEXT//PICTURES

TEXT


PICTURES TEXT/PICTURES//PICTURES TEXT

TEXT or PICTURES

TEXT/PICTURES

TEXT/PICTURES TEXT/PICTURES



Here is the same code with height changed to 100 & basic colors & basic borders


TEXT//PICTURES

TEXT
PICTURES TEXT/PICTURES//PICTURES TEXT

TEXT or PICTURES

TEXT/PICTURES

TEXT/PICTURES TEXT/PICTURES



Same code with height of 75 & width of 200


TEXT//PICTURES

TEXT
PICTURES TEXT/PICTURES//PICTURES TEXT

TEXT or PICTURES

TEXT/PICTURES

TEXT/PICTURES TEXT/PICTURES



change borders to 0px & width 300 height 100 to get this


TEXT//PICTURES

TEXT
PICTURES TEXT/PICTURES//PICTURES TEXT

TEXT or PICTURES

TEXT/PICTURES

TEXT/PICTURES TEXT/PICTURES



To position a div style box on a page add this.. position:absolute;top:55;left:10; to the code

So.. Now your code will start like this
div style="position:absolute;top:55;left:10; width:200; height:200; overflow:auto; etc. etc. etc.

To get rid of scroll bar in the above codes just increase the height until bar is gone


*****************************


On Site Link To Your Pet Page

You want to put a link in your shop that will take peeps to your pet's page !
First.. go to your shop edit page & put this copy/paste code in the code box


Now.. go to your pet page & highlite & copy the address for it in the address bar at the top of your screen
(HINT.. put your pointer on the address.. then left click & right click & choose copy)
Go back to your shop edit page & Put your pet page address in place of mine in the code
You can put what you want in place of 'click here' for peeps to click on

You can change the color= size= & face= of 'click here' to what you like

*******************************************


Link Opens In New Window




*************************


Clickable Image



Just click hissi_fitting's piccy to open this pet page in a new window

To return to this page, just close the new window




**************************************


Link On Same Page

Find the word you want to link to on your page & put this code right before that word



Now that you have the word "targeted" you need a click thingy to take you to it

Put this code anywhere on the page for peeps to click on & go to that word on the page


Just put the 'a href' code where you want for your navigation.. then put 'a name' code right before the actual word on the page

Confused ?

I was too at first..so let me try to explain it

a name="#TARGET" (this can be any word you want really as long as you put the exact same word in a href="#TARGET"

Find the word or words you want to link to on the page

I used 'Background Color Code' in this example

put this in front of those words (a name="#BCC")(/a)Background Color Code

Wherever the word 'Background Color Code' is on my page I will now have this.. (a name="#BCC")(/a)in front of it

Now you can put your link code wherever you want on the page

link code is (a href="#BCC")click here for Background color code(/a)
Use proper brackets


When peeps click on 'click here for Background Color Code' it takes them to that word on the page

Remember..

(a name="#my pet")(/a)PETS NAME

(a href="#my pet")click here to go to the words PETS NAME on page(/a)


(a name="#hello")(/a)MY NAME IS

(a href="#hello")click here to go to the words MY NAME IS on page(/a)


word in a name="#??? & a href="#??? must be the same word

Here.. Try it out

click here for background color codes


Simple Explanation

find the word you want to link to on your page
right before that word put

{a name="#TARGET"}{/a}

then.. somewhere on your page (most peeps put a div code box in upper left corner & put click me code in that box) put

{a href="#TARGET"}click me{/a}

when peeps click on "click me" it takes them to that word on the page

instead of click me, you would put the name of the word you want it to take them to

Use the proper brackets


***********************************


Apparently, you must leave the # sign out of the above a href codes to have it work in firefox browsers.

Strangely enough, I have seen it work with the # sign in & the # sign left out in some versions of firefox... so.. try leaving it out, as it should really not make that big a difference !


**************************************


Div Code For Side Bar Navigation

At the top left corner of this page there is a Navigation Scroll Box

That is a 'div table'

Here is the code for that



you can actually place that anywhere on the page by changing the 'position:absolute;top:55;left:10;width:150;height:246' portion of the code

top:55;left:10 determines where on the page it will appear

width:150;height:246 determines it's size

To get rid of scroll bar change the height:246 to a larger number

remove background:orange; from the code if you do not want a background color, it will then let your page background show through

Play with those settings & you can put it anywhere you want & make it any size you want

You can put it in the TEXT area of the 'Table OR Blog' code and have a scroll box inside a scroll box

In the code itself, you can change the color of the font= the size of the font & the font face to whatever you want
You can also add more < br > or < p > to space them out more


**********************************


What You Have Learned So Far

Here is an example of most of the above codes all rolled into one application

Copy/paste it on your pet page & change what you want for text & piccies

Change the positioning of divs if you like

DON'T forget to SAVE your work as you go !

I even threw in a little surprise code for you

You will notice that something you see in my example is missing on your page

Hehehe

Well... That is part of the surprise, it is also part of learning how to 'tweak' a code to get a 'special effect'

Here is what it will look like

put some text in here the main part of box

put some text in here the main part of box

put some text in here the main part of box

put some text in here the main part of the box

Link To Here

put some text in here the main part of box

put some text in here the main part of box

put some text in here the main part of box

put some text in here the main part of box

PUT SOME TEXT HERE
put some more here

come on down


Just splendid... don't you think ?

put some text in here the main part of box

put some text in here the main part of box

put some text in here the main part of box

put some text in here the main part of box





............................................................. Wait for me.......You tender little morsel you


Link To Here

Watermelon Ice Cream


put

lots

of

text

here

for

scroll

box

****************************************

Transparent piccies



this code makes picture transparent BUT it depends on the piccy background as to how much you can see thru it


*********************************


Make The Navigation Yellow Box Transparent On Your Lookup

I used this code a long time ago.. don't know if it still works with new filters



Oh Well... If it doesn't still work you can always remove it !


******************************


Horizontal line



Solid could be dotted or dashed



This is another code that may or may not work for you

If it does... yeah
If it doesn't... boo-hoo


***********************


Image Source Code With Border



Here is what it looks like



You can change
border=3
border color
border style double to dashed or dotted or triple etc.
change image width & height to what size you want


********************************


Scroll Bar Color Code





put your color in where it says COLORHERE

You can leave some of the colors out for different effects


****************************


Div Box Scroll Bar Code

The above code makes the scrollbar invisible
to change the scrollbar color.. just put a color in place of 0000FF in the code


********************************


Text Box When Hover On Picture



It will look like this when you hover on the picture

Phweee.. This negg is past it's prime


****************************







Come

Back

and

visit

again

real

soon










***************************************


If you practise on one of your pet pages with the above codes, you will start to understand how they work.

My lookup was made entirely by using some of the above codes & they all will work in IE.

Some of the codes do not work in firefox, & that has to do with Firefox not with the codes themselves.


*********************


Need more guides to help you find your way around ?

Then go to thebeaunes guide page

Just click here





Hey there!

My name is Hissi_fitting the Mutant Hissi and this is my little space on the web.

Many people are scared of me and my people just because we look a little different. I may not look as cute as a Cybunny or Usul, but Hissies are by no means spiteful or nasty. Just ask my owner medussa123 :)

 You may wonder how I manage to get around Neopia as slithering around or hopping on my tail is a bit slow. As you may have noticed I have two remarkable wings with which I can soar in the open skies. Hissies can fly just as well as any Pteri you know
So, what do I like doing eh? Well I really like to fly over new areas. Things look so wonderful from up there that its quite breath-taking. If ever you get the chance to fly over Terror Mountain or the Lost Desert, I would thoroughly recommend it!

Aside from flying I quite like to read the odd book (which pleases my owner greatly) and I love making up my own stories to tell my friends. My favourites are adventures starring brave Hissies and spooky stories set in the Haunted Woods.

Get away from my leg.. You silly little twerp

Anyway I had better be going. I think I hear medussa123 calling me. If you want to challenge me in the Battledome, or just want to listen to some of my spooky stories, why not drop them a Neomail?

See you around..............guest



Stand & deliver ye scurvy bilge rats !

I'll be takin' those ye been hoardin' up !





Lutari Island Random Event !!!

You now have the ability to do HTML
You have also been treated with
Noob Be Gone
Helps keep you safe from all the noobs



OOPS... Didn't mean to frighten you

Muhahahahahahahahahaha



************************



Direct link code for my page





It will look like this




Hissi_fitting Basic Codes





Les caractères, logos et noms NEOPETS et toutes les appellations qui y sont liées
sont des marques déposées de Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office. Tous droits réservés.
Politique de Confidentialité | Astuces Sécurité | Contactez-nous
A Propos de Neopets | Plaquette de Presse
Utiliser ce site implique que tu acceptes les Termes et Conditions