Welcome, guest ,to patrick6357 s Morcchhicino's HTML Tutorial!very IMPORTANT c-A-r-E-f-U-l-L-y so you don't miss anything, especially the Contents Contents section is EXTREMELY HELPFUL because it allows you to find small sections quickly without having to look through the broad ones.Another IMPORTANT thing to point out is that this HTML Tutorial was created for Internet Explorer, therefore any other browsers such as Netscape or Firefox may display some things incorrectly or not at all.(F) (N)
Anyway, your probably here because you want to learn HTML. If I am incorrect and you are not being held hostage, then I suggest you leave because all that is here has to do with HTML. If otherwise, I am sorry for the unfortunate circumstance(s). If your computer won't obey these codes, your computer is messed up!!! *LOL*
here . (If you see that the test is not there, then it is currently down for maintenance.)<![CDATA[The code for the item will look like this sentence.]]>
Neopets HTML Guide ~ A good resource with HTML code for Neopets
HTML Lesson Text <![CDATA[<b>Bold</b> / <strong>Strong</strong>]]> Bold / Strong <![CDATA[<u>Underline</u>]]> Underline <![CDATA[<i>Italics</i>]]>
<![CDATA[<em>Emphasize</em>]]> Italics / Emphasize This section of the tutorial was deleted due to an HTML and stylesheet filter run by Neopets. To learn more about the filter, follow this link .Making Text Big <![CDATA[<BIG>Text Goes Here</BIG>]]> Your Text Making Text Small <![CDATA[<SMALL>Text Goes Here</SMALL>]]> Your Text Aligning Text Center Alignment <![CDATA[<center>Your Text You Want Centered Goes Here</center>]]> Your Text You Want Centered Goes Here Left Alignment <![CDATA[<div align=left>Your Text You Want Aligned to the Left Goes Here</div>]]> Your Text You Want Aligned to the Left Goes Here
Right Alignment <![CDATA[<div align=right>Your Text You Want Aligned to the Right Goes Here</div>]]> Your Text You Want Aligned to the Right Goes Here
Justify Alignment <![CDATA[<div align="justify">Your Text Goes Here</div>]]> Once you fill up a whole line, it spaces each word equally so the last word of every line will touch the edge. (You will commonly see books use this alignment) Notice that some of these lines appear to have larger gaps. The longest word in the English language is pneumonoultramicroscopicsilicovolcanoconiosis. Other long words are: Supercalifragilisticexpialidocious, floccinaucinihilipilification, antidisestablishmentarianism, honorificabilitudinitatibus, ethylenediaminetetraacetic acid, uniformitarianism, perspectives, conjunctivitus, comprehensively, pronunciation, astigmatism, nearsightedness, terrestrialness
Text Sizes Text Size: 1 <![CDATA[<font size=1>Text Goes Here</font>]]> Text Goes Here Text Size: 2 <![CDATA[<font size=2>Text Goes Here</font>]]> Text Goes Here Text Size: 3 <![CDATA[<font size=3>Text Goes Here</font>]]> Text Goes Here Text Size: 4 <![CDATA[<font size=4>Text Goes Here</font>]]> Text Goes Here Text Size: 5 <![CDATA[<font size=5>Text Goes Here</font>]]> Text Goes Here Text Size: 6 <![CDATA[<font size=6>Text Goes Here</font>]]> Text Goes Here Text Size: 7 <![CDATA[<font size=7>Text Goes Here</font>]]> Text Goes Here Backwards Text Bi-Directional Override .<![CDATA[<bdo dir="rtl">Your Text Goes Here</bdo>]]> Your Text Goes Here Having All Text Be One Color Contact Us ) Remember that you should have no other "body" tags anywhere else on the page. (If necessary, combine the tags together.)<![CDATA[<body text=white>Your Text</body>]]> For the pet lookups, shops, and galleries, use this code: <![CDATA[<style>p, table, body{color:white}</style>]]> No Example! It's pretty obvious what's going to show up. No-Break This section of the tutorial was deleted due to an HTML and stylesheet filter run by Neopets. To learn more about the filter, follow this link .Headings H1 <![CDATA[<H1>Text Goes Here</H1>]]> H1 Example Heading H2 <![CDATA[<H2>Text Goes Here</H2>]]> H2 Example Heading H3 <![CDATA[<H3>Text Goes Here</H3>]]> H3 Example Heading H4 <![CDATA[<H4>Text Goes Here</H4>]]> H4 Example Heading H5 <![CDATA[<H5>Text Goes Here</H5>]]> H5 Example Heading H6 <![CDATA[<H6>Text Goes Here</H6>]]> H6 Example Heading Links Creating a Link
<![CDATA[<a href=http://neopets.com/>Neopets.com</a>]]> Neopets.com Non-Underlined Links <![CDATA[<style type="text/css">
A:Link { color:blue;text-decoration:none; }
A:Visited { color:blue;text-decoration:none }
A:Hover { color:blue;text-decoration:none }
</style>]]> Example Link Creating Hover Effects Color Changing Hover Effect <![CDATA[<style type="text/css">
A:Link { color:blue; }
A:Visited { color:blue; }
A:Hover { color:red; }
</style>]]> Example Link
Dotted Underline Hover Effect <![CDATA[<style type="text/css">
A:Link { color:blue;text-decoration:none; }
A:Visited { color:blue;text-decoration:none }
A:Hover { color:blue;border-bottom:1px dotted red }
</style>]]> Example Link Line-Through/Strike" Hover Effect <![CDATA[<style type="text/css">
A:Link { color:blue;text-decoration:none }
A:Visited { color:blue;text-decoration:none }
A:Hover { color:blue;text-decoration:line-through; }
</style>]]> Example Link Underline Hover Effect <![CDATA[<style type="text/css">
A:Link { color:blue;text-decoration:none }
A:Visited { color:blue;text-decoration:none }
A:Hover { color:blue;text-decoration:underline; }
</style>]]> Example Link Overline Hover Effect <![CDATA[<style type="text/css">
A:Link { color:blue;text-decoration:none }
A:Visited { color:blue;text-decoration:none }
A:Hover { color:blue;text-decoration:overline; }
</style>]]>
<![CDATA[<style type="text/css">
A:Link { color:blue;text-decoration:none }
A:Visited { color:blue;text-decoration:none }
A:Hover { color:blue;text-decoration:none;border-top:1px solid blue }
</style>]]> Example Link Underline, Overline, and "Line-Through/Strike" Hover Effect <![CDATA[<style type="text/css">
A:Link { color:blue;text-decoration:none }
A:Visited { color:blue;text-decoration:none }
A:Hover { color:blue;text-decoration:underline overline line-through; }
</style>]]> Example Link Blur Hover Effect (F) (N) <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none }
A:VISITED { color:blue;text-decoration:none }
A:HOVER {color:red;text-decoration:none;height:0px;filter:blur(add=1,direction=270,strength=20);}
</style>]]> Example Link Border Hover Effect <![CDATA[<style type="text/css">
A:Link { color:blue;text-decoration:none }
A:Visited { color: blue;text-decoration:none }
A:Hover { color:red;border:1px dashed red; }
</style>]]> Example Link Shifting Hover Effect <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none }
A:VISITED { color:blue;text-decoration:none }
A:HOVER { color:gray;text-decoration:none;height:0;position:relative;left:1px;top:1px }
</style>]]> Example Link Highlight Hover Effect <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none }
A:VISITED { color:blue;text-decoration:none }
A:HOVER { color:black;text-decoration:none;background-color:white }
</style>]]> Example Link Mirror Image Hover Effect (F) (N) <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:red;filter:fliph;height:0; }
</style>]]> Example Link Upside-Down Hover Effect (F) (N) <![CDATA[<style type=text/css>
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:red;filter:flipv;height:0; }
</style>]]> Example Link Bold Hover Effect <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:blue;text-decoration:none;font-weight:bold }
</style>]]> Example Link Italics Hover Effect <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:blue;text-decoration:none;font-style:italic }
</style>]]> Example Link Glowing Hover Effect (F) (N) <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:blue;text-decoration:none;filter:glow(color=blue,strength=5);height:0 }
</style>
]]> Example Link Text-Transform Hover Effects Uppercase Text-Transform <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:blue;text-decoration:none;text-transform:uppercase }
</style>]]> example link Lowercase Text-Transform <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:blue;text-decoration:none;text-transform:lowercase }
</style>]]> EXAMPLE LINK Capitalization Text-Transform <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:blue;text-decoration:none;text-transform:capitalize }
</style>]]> example link Border Links Border-Left Hover Effect <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:red;text-decoration:none;border-left:1px solid red; }
</style>]]> Example Link Border-Right Hover Effect <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:red;text-decoration:none;border-right:1px solid red; }
</style>]]> Example Link Expantion Hover Effect <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:red;letter-spacing:3px; }
</style>]]> Example Link Shrinking Hover Effect <![CDATA[<style type="text/css">
A:LINK { color:blue;text-decoration:none; }
A:VISITED { color:blue;text-decoration:none; }
A:HOVER { color:red;letter-spacing:-3px; }
</style>]]> Example Link
Giving Different Links Different Hover Effects Capitalization Hover Effects & Glowing Hover Effects . (You can have different classes besides: ctt & glow. Those are just what I used.)<![CDATA[<style type="text/css">
A:LINK.ctt { color:blue;text-decoration:none; }
A:VISITED.ctt { color:blue;text-decoration:none; }
A:HOVER.ctt { color:blue;text-decoration:none;text-transform:capitalize }
A:LINK.glow { color:blue;text-decoration:none; }
A:VISITED.glow { color:blue;text-decoration:none; }
A:HOVER.glow { color:red;text-decoration:none;filter:glow(color=red,strength=5) }
</style>]]> Now, make a link with those classes. (ctt & glow)<![CDATA[<a class=ctt href=http://www.neopets.com/>capitalization hover effects</a> |
<a class=glow href=http://www.neopets.com/>Glowing Hover Effects</a>]]> capitalization hover effects | Glowing Hover Effects Anchor Links link to the destination:<![CDATA[<a href="#contents">Contents</a>]]> An the second part is the destination:<![CDATA[<a name="contents">Contents</a>]]> This is the link to the Contents .Opening a New Window/Tab with a Link <![CDATA[<a href=http://www.neopets.com/ target=_blank>Neopets.com</a>]]> Neopets.com Scrollboxes Creating a Scrollbox <![CDATA[<div style="overflow:auto;height:100;width:75">Text...</div>
]]> Text
The set height for this example is 100 pixels and the width is 75 pixels. You may alter them.Scrollbars (F) (N)
Scrollbars Covering Whole Screen (F) (N) <![CDATA[<style>
body{scrollbar-face-color:black;
scrollbar-shadow-color:white;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:black;
scrollbar-darkshadow-color:black;
scrollbar-track-color:black;
scrollbar-arrow-color:white}
</style>]]> Look To Right
Scrollbars Covering Your Selected Specific Sections (F) (N)
<![CDATA[<style>div.awesome{scrollbar-face-color:blue;
scrollbar-shadow-color:black;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:black;
scrollbar-darkshadow-color:white;
scrollbar-track-color:black;
scrollbar-arrow-color:white}</style>
<div class=awesome>Text</div>]]> Look To Right
Mirror Image Text (F) (N) Creating Mirror Image Text (F) (N) Now this is Mirror Image ! You can follow this link for the: Mirror Image Hover Effects <![CDATA[<style type="text/css">
span.cool{filter:fliph;height:0}
</style>]]> <![CDATA[<span class=cool>Your Text Goes Here</span>]]> Your Text Goes Here Images Uploading Images <![CDATA[<img src=http://images.neopets.com/template_images/luperun_greenL.gif>]]> Giving an Image Width and Height Commands <![CDATA[<img src=http://images.neopets.com/template_images/luperun_greenL.gif width=90 height=70>]]> Horizontal Rule Creating a Horizontal Rule <![CDATA[<hr>]]> Giving a Horizontal Rule Color <![CDATA[<hr color=yellow>]]> Giving a Horizontal Rule Width Commands <![CDATA[<hr width=50>]]> Types of Horizontal Rules Dotted <![CDATA[<hr style="border:dotted">]]> Dashed <![CDATA[<hr style="border:dashed">]]> Marquee Creating Marquee <![CDATA[<marquee>Your Text Goes Here</marquee>]]>
<![CDATA[<marquee direction=left>Your Text Goes Here</marquee>]]> Your Text Goes Here Bouncing Marquee <![CDATA[<marquee behavior="alternate">Your Text Goes Here</marquee>]]> Your Text Goes Here Adding a Background Color to Marquee <![CDATA[<marquee bgcolor=red>Text</marquee>]]> Text Adding a Background and Font Color to Marquee <![CDATA[<marquee bgcolor="red" style="color:green">Text</marquee>]]> Text Giving Marquee a Speed Command <![CDATA[<marquee scrollamount=10>Text</marquee>]]> Text Stopped Marquee <![CDATA[<marquee behavior=slide>Text</marquee>]]> Text Marquee Entering From the Left <![CDATA[<marquee direction=right>Text</marquee>]]> Text Marquee Entering From the Bottom <![CDATA[<marquee direction="up">Text</marquee>]]> Text Giving Marquee a Height Command w/ Marquee Entering From the Bottom <![CDATA[<marquee direction="up" height=100>Text</marquee>]]> Text Giving Marquee a Certain Amount of Loops (F) (N) <![CDATA[<marquee loop="2">Text</marquee>]]> Text Backgrounds all your text. Also remember that you should have no other tags anywhere else on the page. (If necesary, combine the tags together.)Changing the Background Color <![CDATA[<body bgcolor=black>]]> *pokes background* Placing a Background Image <![CDATA[<body background=URL>]]> The image *URL will come up tiled. Fixed Background Image <![CDATA[<body background=URL bgproperties=fixed>]]> The background will be tiled but will remain in the same spot when you scroll down. Non-Tiled Background Image <![CDATA[<style>
body{background:black url('URL') no-repeat bottom right;}
</style>]]> Your background image will be put in the bottom right corner, background will be black, and will not be tiled or fixed. Lists Unordered Lists <![CDATA[<ul>
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ul>]]> First Item Second Item Third Item Fourth Item Types of Unordered Lists Type: Circle <![CDATA[<ul type="circle">
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ul>]]> First Item Second Item Third Item Fourth Item Type: Square <![CDATA[<ul type="square">
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ul>]]> First Item Second Item Third Item Fourth Item Making an Unordered List Colored Bullets(green) Words(green) <![CDATA[<ul style=color:green>
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ul>]]> First Item Second Item Third Item Fourth Item Ordered Lists <![CDATA[<ol>
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ol>]]> First Item Second Item Third Item Fourth Item Different Types of Ordered Lists Type: 1 <![CDATA[<ol type=1 start=27>
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ol>]]> First Item Second Item Third Item Fourth Item Type: A <![CDATA[<ol type=A>
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ol>]]> First Item Second Item Third Item Fourth Item
Type: a <![CDATA[<ol type=a>
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ol>]]> First Item Second Item Third Item Fourth Item Type: I <![CDATA[<ol type=I>
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ol>]]> First Item Second Item Third Item Fourth Item Type: i <![CDATA[<ol type=i>
<li>First Item
<li>Second Item
<li>Third Item
<li>Fourth Item
</ol>]]> First Item Second Item Third Item Fourth Item Definition Lists This section of the tutorial was deleted due to an HTML and stylesheet filter run by Neopets. To learn more about the filter, follow this link .Fieldset Creating a Fieldset Around Text <![CDATA[<FIELDSET>Text</FIELDSET>]]> Text Creating a Colored Fieldset <![CDATA[<FIELDSET STYLE=border-color:lime>Text</FIELDSET>]]> Text Tables Creating a Table <![CDATA[<table>Text</table>]]> Creating a Table with Borders <![CDATA[<table border><tr><td>Text</td></tr></table>]]>
<![CDATA[<table border=1><tr><td>Text</td></tr></table>]]> Creating a Table with Colored Borders (F) (N) <![CDATA[<table border style=border-color:red><tr><td>Text</td></tr></table>]]> Creating a Table with Collapsed Borders <![CDATA[<table border style=border-collapse:collapse><tr><td>Text</td></tr></table>]]> Creating a Table with Collapsed Colored Borders <![CDATA[<table border style=border-collapse:collapse;border-color:blue><tr><td>Text</td></tr></table>]]> Creating a Table with Dotted Borders <![CDATA[<table border style="border:dotted"><tr><td>Text</td></tr></table>]]> Creating a Table with Dashed Borders <![CDATA[<table border style="border:dashed"><tr><td>Text</td></tr></table>]]> Creating a Table with Multiple Cells 1 Row - 2 Columns <![CDATA[<table><tr><td>Text</td><td>Text</td></tr></table>]]> 2 Rows - 1 Column <![CDATA[<table><tr><td>Text</td></tr><tr><td>Text</td></tr></table>]]> 2 Rows - 2 Columns <![CDATA[<table><tr><td>Text</td><td>Text</td></tr><tr><td>Text</td><td>Text</td></tr></table>]]> Top: 1 Row - 1 Column <![CDATA[<table><tr><td colspan=2>Text</td></tr><tr><td>Text</td><td>Text</td></tr></table>]]> Cursor Changing the Cursor to: Crosshair (throughtout) <![CDATA[<style>body{cursor:crosshair}</style>]]> Example in below section Changing the Cursor to: Crosshair (section) <![CDATA[<span style="cursor:crosshair">Text You Want With the Crosshair Cursor</span>]]> Text You Want With the Crosshair Cursor Change the Cursor to: Hand (throughout) <![CDATA[<style>body{cursor:hand}</style>]]> Example in below section Changing the Cursor to: Hand (section) (F) (N) <![CDATA[<span style="cursor:hand">Text You Want With the Hand Cursor</span>]]> Text You Want With the Hand Cursor Change the Cursor to: Wait (throughout) <![CDATA[<style>body{cursor:wait}</style>]]> Example in below section Changing the Cursor to: Wait (section) <![CDATA[<span style="cursor:wait">Text You Want With the Wait Cursor</span>]]> Text You Want With the Wait Cursor Change the Cursor to: Help (throughout) <![CDATA[<style>body{cursor:help}</style>]]> Example in below section Changing the Cursor to: Help (section) <![CDATA[<span style="cursor:help">Text You Want With the Help Cursor</span>]]> Text You Want With the Help Cursor Change the Cursor to: Text (throughout) <![CDATA[<style>body{cursor:text}</style>]]> Example in below section Changing the Cursor to: Text (section) <![CDATA[<span style="cursor:text">Text You Want With the Text Cursor</span>]]> Text You Want With the Text Cursor Change the Cursor to: Move (throughout) <![CDATA[<style>body{cursor:move}</style>]]> Example in below section Changing the Cursor to: Move (section) <![CDATA[<span style="cursor:move">Text You Want With the Move Cursor</span>]]> Text You Want With the Move Cursor Change the Cursor to: Resize Up (throughout) <![CDATA[<style>body{cursor:n-resize}</style>]]> Example in below section Changing the Cursor to: Resize Up (section) <![CDATA[<span style="cursor:n-resize">Text You Want With the Resize Up Cursor</span>]]> Text You Want With the Resize Up Cursor Change the Cursor to: Resize Down (throughout) <![CDATA[<style>body{cursor:s-resize}</style>]]> Example in below section Changing the Cursor to: Resize Down (section) <![CDATA[<span style="cursor:s-resize">Text You Want With the Resize Down Cursor</span>]]> Text You Want With the Resize Down Cursor Change the Cursor to: Resize Left (throughout) <![CDATA[<style>body{cursor:w-resize}</style>]]> Example in below section Changing the Cursor to: Resize Left (section) <![CDATA[<span style="cursor:w-resize">Text You Want With the Resize Left Cursor</span>]]> Text You Want With the Resize Left Cursor Change the Cursor to: Resize Right (throughout) <![CDATA[<style>body{cursor:e-resize}</style>]]> Example in below section Changing the Cursor to: Resize Right (section) <![CDATA[<span style="cursor:e-resize">Text You Want With the Resize Right Cursor</span>]]> Text You Want With the Resize Right Cursor Change the Cursor to: Resize Up & Left (throughout) <![CDATA[<style>body{cursor:nw-resize}</style>]]> Example in below section Changing the Cursor to: Resize Up & Left (section) <![CDATA[<span style="cursor:nw-resize">Text You Want With the Resize Up & Left Cursor</span>]]> Text You Want With the Resize Up & Left Cursor Change the Cursor to: Resize Up & Right (throughout) <![CDATA[<style>body{cursor:ne-resize}</style>]]> Example in below section Changing the Cursor to: Resize Up & Right (section) <![CDATA[<span style="cursor:ne-resize">Text You Want With the Resize Up & Right Cursor</span>]]> Text You Want With the Resize Up & Right Cursor Change the Cursor to: Resize Down & Left (throughout) <![CDATA[<style>body{cursor:sw-resize}</style>]]> Example in below section Changing the Cursor to: Resize Down & Left (section) <![CDATA[<span style="cursor:sw-resize">Text You Want With the Resize Down & Left Cursor</span>]]> Text You Want With the Resize Down & Left Cursor Change the Cursor to: Resize Down & Right (throughout) <![CDATA[<style>body{cursor:se-resize}</style>]]> Example in below section Changing the Cursor to: Resize Down & Right (section) <![CDATA[<span style="cursor:se-resize">Text You Want With the Resize Down & Right Cursor</span>]]> Text You Want With the Resize Down & Right Cursor Change the Cursor to: Default (throughout) <![CDATA[<style>body{cursor:default}</style>]]> Example in below section Changing the Cursor to: Default (section) <![CDATA[<span style="cursor:default">Text You Want With the Default Cursor</span>]]> Text You Want With the Default Cursor Contact Us If you have any questions, please contact me here .
If you would like to add something to this HTML page, be welcome to Neomail me your request(s) at the link above. If the code(s) don't do what they are supposed to do, please Neomail me about the problem you are having.
Coming Soon/Eventually! Change Mouse Icon when Hovering Over Text/Images [Cursor ] {CREATED! } Replacing the Top Neopets Banner [Replacing Objects] FAQ [FAQ] (maybe/probably not/plausible/doubting it) Review of Tags [Tag Review] Uncategorized Category [Miscallaneous] Links/Buttons HTML Links/Buttons My Button Wizzney's Button CSShelp's Button Other Links/Buttons The Neopian Directory
Counter Started: November 17, 2005 Top Contents
TextMaking Text Bold Making Text Underline Making Text Italics Making "Line-Through/Strike" Text Making Text Big Making Text Small Aligning Text Center Alignment Left Alignment Right Alignment Justify Alignment Text Sizes Text Size: 1 Text Size: 2 Text Size: 3 Text Size: 4 Text Size: 5 Text Size: 6 Text Size: 7 Backwards Text Having All Text Be One Color No-Break HeadingsH1 H2 H3 H4 H5 H6 LinksCreating A Link Non-Underlined Links Creating Hover Effects Color Changing Hover Effect Dotted Underline Hover Effect Line-Through/Strike" Hover Effect Underline Hover Effect Overline Hover Effect Underline, Overline, and "Line-Through/Strike" Hover Effect Blur Hover Effect (F) (N) Border Hover Effect Shifting Hover Effect Highlight Hover Effect Mirror Image Hover Effect (F) (N) Upside-Down Hover Effect (F) (N) Bold Hover Effect Italics Hover Effect Glowing Hover Effect (F) (N) Text Transform Hover Effects Uppercase Text-Transform Lowercase Text-Transform Capitalization Text-Transform Border Links Border-Left Hover Effect Border-Right Hover Effect Expantion Hover Effect Shrinking Hover Effect Giving Different Links Different Hover Effects Anchor Links Opening a New Window/Tab with a Link ScrollboxesCreating a Scrollbox Scrollbars(F) (N) Scrollbars Covering Whole Screen (F) (N) Scrollbars Covering Your Selected Specific Sections (F) (N) Mirror Image Text(F) (N) Creating Mirror Image Text (F) (N) ImagesUploading Images Giving an Image Width and Height Commands Horizontal RuleCreating a Horizontal Rule Giving a Horizontal Rule Color Giving a Horizontal Rule Width Commands Types of Horizontal Rules Dotted Dashed MarqueeCreating Marquee Bouncing Marquee Adding a Background Color to Marquee Adding a Background and Font Color to Marquee Giving Marquee a Speed Command Stopped Marquee Marquee Entering From the Left Marquee Entering From the Bottom Giving Marquee a Height Command w/ Marquee Entering From the Bottom Giving Marquee a Certain Amount of Loops (F) (N) BackgroundsChanging the Background Color Placing a Background Image Fixed Background Image Non-Tiled Background Image ListsUnordered Lists Types of Unordered Lists Type: Circle Type: Square Making an Unordered List Colored Bullets(green) Words(green) Ordered Lists Different Types of Ordered Lists Type: 1 Type: A Type: a Type: I Type: i Definition Lists FieldsetCreating a Fieldset Around Text Creating a Colored Fieldset TablesCreating a Table Creating a Table with Borders Creating a Table with Colored Borders (F) (N) Creating a Table with Collapsed Borders Creating a Table with Collapsed Colored Borders Creating a Table with Dotted Borders Creating a Table with Dashed Borders Creating a Table with Multiple Cells 1 Row - 2 Columns 2 Rows - 1 Column 2 Rows - 2 Columns Top: 1 Row - 1 Column Cursor Changing the Cursor to: Crosshair (throughtout) Changing the Cursor to: Crosshair (section) Change the Cursor to: Hand (throughout) Change the Cursor to: Hand (section) Change the Cursor to: Wait (throughout) Changing the Cursor to: Wait (section)
Change the Cursor to: Help (throughout) Changing the Cursor to: Help (section) Change the Cursor to: Text (throughout)
Changing the Cursor to: Text (section) Change the Cursor to: Move (throughout) Changing the Cursor to: Move (section)
Change the Cursor to: Resize Up (throughout) Changing the Cursor to: Resize Up (section) Change the Cursor to: Resize Down (throughout)
Changing the Cursor to: Resize Down (section) Change the Cursor to: Resize Left (throughout) Changing the Cursor to: Resize Left (section)
Change the Cursor to: Resize Right (throughout) Changing the Cursor to: Resize Right (section) Change the Cursor to: Resize Up & Left (throughout) Changing the Cursor to: Resize Up & Left (section) Change the Cursor to: Resize Up & Right (throughout) Changing the Cursor to: Resize Up & Right (section) Change the Cursor to: Resize Down & Left (throughout) Changing the Cursor to: Resize Down & Left (section) Change the Cursor to: Resize Down & Right (throughout) Changing the Cursor to: Resize Down & Right (section) Change the Cursor to: Default (throughout) Changing the Cursor to: Default (section) Contact Us Coming Soon/Eventually Links/ButtonsHTML Links/Buttons My Button Wizzney's Button csshelp's Button Other Links/Buttons The Neopian Directory
Top NEOPETS, characters, logos, names and all related indiciaNeopets, Inc., © 1999-2008. PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions
