Blog Tutorial
Special thanks to Jessyta
for creating this wonderful tutorial!
Blogs, or scroll boxes, are a very popular way to decorate your shop, guild or webpage.
People use them to write a lot of information is a smaller area. Blogs are often confused with text areas, which are used to show html codings.
An explanation on text areas is below
First let's go over how to code a scrollbox, as well how to customize the colors and background.
EXAMPLE:
This is a scroll box, also refered to as a blog. Remember, it will not scroll if there is not
enough words to fill the box... You may have to either adjust the size of your
scroll box, your font size or write more to get the desired effect.
Here is the code for a basic blog
Replace HERE with your height and width. A good way to figure out the size yof yoru blog is to compare how large you want it to a picture of a item, or a pet.
Items on Neopets.com are 80 pixels by 80 pixels. Pet images on Neopets.com are usually 150 pixels by 150 pixels.
Also, keep in mind your box will not scroll if there is not enough text.
Most people prefer to add a little color to there blogs, sometimes even add a border like in the example.
In order to add a border, background and other atributes use the following code:
Replace HERE with height and width, #COLOR with the hex color code you want for your background, border and scrollbar, and BORDERTYPE with one of the following:
solid
dotted
dashed
ridge
You can find hex color codes right here on soup-faerie.com.
If you don't want a border or a background, just delete that part of the code.
You can experiment using blogs in different places. Some people position the blog next to a graphic, others create a table with an image as the background
and place the blog on top of the image. Your only limit is your creativity!
When you want to give the code to link back to your pet page (or any other coding for that matter) you need to use a text area to show the html.
Text areas are very simple. Just copy and paste the following code:
<![CDATA[<textarea rows="1" cols="20">]]>content here<![CDATA[</textarea>]]>
See? Very simple :)
|
