Html Guild

This Guest book can use html code!

How to make the font special

bold

<b>THE THING YOU WANT TO SAY</b>

Under lined

<u>THE THING YOU WANT TO SAY</u>

Italic

<i>THE THING YOU WANT TO SAY</i>

Upper lined

<span style="text-decoration: overline">THE THING YOU WANT TO SAY</span>

Middle lined

<strike>THE THING YOU WANT TO SAY</strike>

How to change font's color

<font color=CODE>THE THING YOU WANT TO SAY</font>

a

#FF0000

a

#FF9933

a

#FFFF00

a

#008000

a

#0066CC

a

#CC99FF

a

#FFCCFF

a

#C0C0C0

a

#CC6600

a

#000000

a

#FFFFFF

How to insert a picture

<img border="0" src="THE IMAGE'S URL" width="THE WIDTH OF YOUR PICTURE" height="THE HEIGHT OF YOUR PICTURE">

How to link a site with picture

<a href="THE WEBSITE YOU WANT TO LINK"><img border="0" src="THE IMAGE'S URL" width="THE WIDTH OF YOUR PICTURE" height="THE HEIGHT OF YOUR PICTURE">

P.S:If you want people to notice that there is a link please use border=1

How to link a site

<a href="THE WEBSITE YOU WANT TO LINK">THE WORD THAT LINK TO THE WEBSITE</a>

How to make a marquee
<marquee height="THE HEIGHT YOU WANT" width="THE WIDTH" behavior="THE ONE YOU WANT" direction="LEFT/RIGHT" scrolldelay="10">THE THING YOU WANT TO SAY AND TO MOVE</marquee>

P.S:behavior have three to chose

Behavior Example

1.alternate 2.slide 3.none

P.S:the 3rd one is like this

<marquee height="THE HEIGHT YOU WANT" width="THE WIDTH" direction="LEFT/RIGHT" scrolldelay="10">THE THING YOU WANT TO SAY AND TO MOVE</marquee>

1Example

2Example

3Example

How to make it special

1Example

2Example

3Example

4Example

5Example

6Example

7Example

8Example

P.S:There are too many kinds of marquee, I can't put them all up. You need to find out the method of making those, please don't ask me.

Scroll amount

<marquee scrollamount="The no. u want">THE THING YOU WANT TO SAY AND TO MOVE</marquee></font></span></p>

1.1   2.20

1Example

2Example

Colour of the marquee

1.<marquee height="9" width="351" behavior="alternate" direction="right" scrolldelay="10" scrollamount="1" style="font-size: 8 pt; font-family: THE FONT YOU WANT" bgcolor="THE COLOUR YOU WANT FOR BACKGROUND">Example</marquee>

2.<marquee height="9" width="351" behavior="alternate" direction="right" scrolldelay="10" scrollamount="1" style="font-size: 8 pt; font-family: Verdana; border: 1px solid THE COLOUR YOU WANT FOR BORDER; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">Example</marquee>

1Example
2Example

¡@

This is a bit difficult and I do not know if it works on the gb or not....

So try not to use..

The Effects on a picture

Before using

After using

There are many example in the world, however, but I will only teach this because it is the easiest.

Basic code= <IMG style="FILTER: Alpha(Opacity=100,Finishopacity=0,Style=2)" width="THE WIDTH OF YOUR PICTURE" height="THE HEIGHT OF YOUR PICTURE" src="THE IMAGE'S URL">

1.Opacity=100,Finishopacity=0 2.Opacity=100,Finishopacity=50

Example 1 Example 2

3.Style=1 4.Style=2 5.Style=3 6.Style=0

Example 3 Example 4 Example 5 Example6

Example 6.Opacity=50,Finishopacity=50

These seems to be beautiful,however,It didn't work well if the bg colour have changed form white to XX colour.

Other example

etc...

Rainbow Table

So many people seems always teach this.....

Example

You can change the colour if you want...

Basic code=<table border="4" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FF0000" width="27%" id="AutoNumber7">
<tr>
<td width="100%">
<table border="4" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FF9933" width="100%" id="AutoNumber8">
<tr>
<td width="100%">
<table border="4" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FFFF00" width="100%" id="AutoNumber9">
<tr>
<td width="100%" bordercolor="#FFFF00">
<table border="4" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#008000" width="100%" id="AutoNumber10">
<tr>
<td width="100%">
<table border="4" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#0066CC" width="100%" id="AutoNumber11">
<tr>
<td width="100%">
<table border="4" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#CC99FF" width="100%" id="AutoNumber12">
<tr>
<td width="100%">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Verdana" size="1">THE THING YOU WANT TO SAY</font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

The first layer(RED)=<table border="4" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FF0000" width="27%" id="AutoNumber7">
<tr>
<td width="100%">

The second layer(ORANGE)=<table border="4" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FF9933" width="100%" id="AutoNumber8">
<tr>
<td width="100%">

etc.....

The last layer(ANY COLOUR)=

<table border="4" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="THE COLOUR CODE YOU WANT" width="100%" id="AutoNumber12">
<tr>
<td width="100%">

<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="THE FONT YOU WANT" size="THE SIZE YOU WANT">THE THING YOU WANT TO SAY</font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>(<--Remember to add this!)

Table Border

Code=..table border="THE ONE YOU WANT"...

1.1 2.2 3.3 4.4 5.5 6.6 7.7 8.8 9.9 10.10

1.
2.
3.
4.
5.
6.
7.
8.
9.

10.

etc.....

Some Example

Example
Example

Example

etc...