 |
Hello, my name is Hishis1992 and I'm a yellow Hissi. I have watched my owner faerie199203 code layouts and blogs for a long time. Finally, I asked her how she did it and she just said, 'html'. Html and Css is what most coding is based on. This is my petpage and I will tell you how to use coding in everyday neopet life.
The first thing you need to know to understand coding is what is Html? Well here is the answer to that. Html stands for Hyper Text Mark-up Language and most webpages, neopets user lookups, and those pretty blogs in neopets shops are based on it. The easiest way to describe html is that it's a language that you have to talk to your computer in. Basically, you command your computer what to do and all commands are typed within triangular brackets
< >. For example you start a command with this will be what you see:Your text.
Notice that 'Your text' is underlined while everything after that is not. That is because you started the command saying, U-underline, then typed your message and then said stop. However, there are some exceptions to that rule, but you don't need to worry about that right now. As we go along, you'll know everything you need to know about coding.
Let's start from the beginning. How do you comunicate with fellow humans? Through words ofcourse, so let's see how you can decorate and improve text with html. Now, I will give you the codes for most of the commands you'll need regarding text.
Underlining Text
Make Text Italic
Make Text Bold
Those were the basic html commands, notice that the start and finish of the commands were in brackets. Now, let's move on to changing the font color. Here's what code you should use if you wish to make a selection of text a certain color.
After the equal sign you may write a color like red or blue or a number of a certain shade which can be found from looking at a color chart. Now that we got that down...say that you wanted to make all of the text on a certain page a certain color...
With that code you will also be able to change the font size and font style. Just subsitite the given color, size, and style with the ones you would like.
As you may have noticed images are used almost as much as text on neopets. That is why they are very important to learn. Blogs, lookups, and guild layouts all contain images. However, for now we shall start with simly learning how to put up an image.
Ok, so now you know how to simply put an image on you lookup, website, guild, or whereever. But what happens if you need to put your image in the middle of something or in a corner? That's when you need to use the CSS code that helps you edit your image's position. You need to write a number of pixels instead of 'distance from top', 'distance from left'. That would be the distance of pixels from the top of the page and the distance from the left. So, if you want your image to be in the top left corner you would fill in top:0;left:0. The bigger the number, the more the image moves from the top and the left. Here is the code (remember to fill in your own image address)
And now it's time for filter codes. Filtr codes change the look of your image, by blurring it, making it wavy, engraving, and much more. Here are some basic filter codes.
Fade Around Edges(Alpha Channel)
Motion Blur
Flip
Glow
Grayscale
How many times have you looked at someone's lookup and seen a pretty border that caught your attention right away. Well, let's talk about pretty and not-so-pretty borders...
|
2/14/08
I know that I have not been on for a very long time, but I will put up more codes very soon. Border codes, scrollbar codes, and blog codes are coming up.
|
