Party in banquet

Text Tricks

Drop shadow

Shadow

Wave

Blured

Flip horz

Flip vert

Flip double text

Float

Double text

Vertical text

Text Tricks

Drop shadow

Shadow

Wave

Blured

Flip horz

Flip vert

Flip double text

Float

Double text

Vertical text

Meta tag structure and meta tag code are important tools in search engine optimization. Here is a quick meta tag chart of some of the ones you know, and some of the ones you might not. Each of these go between the <HEAD></HEAD> portion of your page.

META TAGS CODE CHART
Tag Name	Code Description
Keywords	<meta name="keywords" content="one two three"> Use this meta tag to key search engines in to the most descriptive terms on your site.
Description	<meta name="description" content="your info here"> Use this meta tag to provide search engines that recognize this tag with a narrative description of your site.
Robots	<meta name="robots" content="index, follow"> Use this meta tag to tell robots which pages on a site should be indexed and which should not.
Abstract	<meta name="abstract" content="your phrase"> Similar to the description meta tag. Use this to add a second description to your site for engines which recognize this tag.
Author	<meta name="author" content="your name"> Use this meta tag to identify yourself as the author of the web site.
Copyright	<meta name="copyright" content="your statement"> Use this meta tag to let other viewers and search engines know that your work is protected by copyrighted.
Distribution	<meta name="distribution" content="see below"> This meta tag defines your audience. Currently three options are available: Global Local IU - (Internal Use) - meant for Intranets
Expires	<meta name="expires" content="Mon, 01 Jan 2003 12:00:00 GMT> Use this meta tag if your site has an expiration date.
Language	<meta http-equiv="content-language" content="EN"> Use this meta tag to define the language of your site. Note that abbreviations are used. EN=English FR=French etc.
Refresh	<meta http-equiv="refresh" content=5;URL=http://newsite.com"> This meta tag will redirect a visitor to a new web site or web page where the number 5 equals the number of delayed seconds until the redirect. Using this tag will result in your web site being dropped by many search engines. It is considered spam. Do not use it.
Revisit	<meta name="revisit-after" content="X days"> This meta tag is designed to tell a spider how often to revisit. However, most if not all spiders ignore it.
Rating	<meta name="document-rating" content="safe for kids"> Use this meta tag to define your sites age and content rating. Values include: Safe For Kids 14 Years General Restricted Mature
Visitor redirect	<meta http-equiv="refresh" content="0; url=your new address.html"> How to redirect your guests When you change servers its good to put a redirection on your old site, so your guests can find your new one. Below is the small html code script that redirects your guests automatically. If you keep the content rate at 0 , your guests will be automatically taken to your new home. 0 is the seconds before redirecting and can be changed.
Disable image toolbar	<META HTTP-EQUIV="imagetoolbar" CONTENT="no"> If you find it annoying that the IE6 browser automatically pops up the image toolbar so visitors can save your images, then this simple script is for you! Simply place the script provided below into the of your html document and the image toolbar function of your visitors browser will be disabled. This will protect all the images on your page.

Meta Code

META TAGS CODE CHART
Tag Name	Code Description
Keywords	<meta name="keywords" content="one two three"> Use this meta tag to key search engines in to the most descriptive terms on your site.
Description	<meta name="description" content="your info here"> Use this meta tag to provide search engines that recognize this tag with a narrative description of your site.
Robots	<meta name="robots" content="index, follow"> Use this meta tag to tell robots which pages on a site should be indexed and which should not.
Abstract	<meta name="abstract" content="your phrase"> Similar to the description meta tag. Use this to add a second description to your site for engines which recognize this tag.
Author	<meta name="author" content="your name"> Use this meta tag to identify yourself as the author of the web site.
Copyright	<meta name="copyright" content="your statement"> Use this meta tag to let other viewers and search engines know that your work is protected by copyrighted.
Distribution	<meta name="distribution" content="see below"> This meta tag defines your audience. Currently three options are available: Global Local IU - (Internal Use) - meant for Intranets
Expires	<meta name="expires" content="Mon, 01 Jan 2003 12:00:00 GMT> Use this meta tag if your site has an expiration date.
Language	<meta http-equiv="content-language" content="EN"> Use this meta tag to define the language of your site. Note that abbreviations are used. EN=English FR=French etc.
Refresh	<meta http-equiv="refresh" content=5;URL=http://newsite.com"> This meta tag will redirect a visitor to a new web site or web page where the number 5 equals the number of delayed seconds until the redirect. Using this tag will result in your web site being dropped by many search engines. It is considered spam. Do not use it.
Revisit	<meta name="revisit-after" content="X days"> This meta tag is designed to tell a spider how often to revisit. However, most if not all spiders ignore it.
Rating	<meta name="document-rating" content="safe for kids"> Use this meta tag to define your sites age and content rating. Values include: Safe For Kids 14 Years General Restricted Mature
Visitor redirect	<meta http-equiv="refresh" content="0; url=your new address.html"> How to redirect your guests When you change servers its good to put a redirection on your old site, so your guests can find your new one. Below is the small html code script that redirects your guests automatically. If you keep the content rate at 0 , your guests will be automatically taken to your new home. 0 is the seconds before redirecting and can be changed.
Disable image toolbar	<META HTTP-EQUIV="imagetoolbar" CONTENT="no"> If you find it annoying that the IE6 browser automatically pops up the image toolbar so visitors can save your images, then this simple script is for you! Simply place the script provided below into the of your html document and the image toolbar function of your visitors browser will be disabled. This will protect all the images on your page.

Meta Code

META TAGS CODE CHART
Tag Name	Code Description
Keywords	<meta name="keywords" content="one two three"> Use this meta tag to key search engines in to the most descriptive terms on your site.
Description	<meta name="description" content="your info here"> Use this meta tag to provide search engines that recognize this tag with a narrative description of your site.
Robots	<meta name="robots" content="index, follow"> Use this meta tag to tell robots which pages on a site should be indexed and which should not.
Abstract	<meta name="abstract" content="your phrase"> Similar to the description meta tag. Use this to add a second description to your site for engines which recognize this tag.
Author	<meta name="author" content="your name"> Use this meta tag to identify yourself as the author of the web site.
Copyright	<meta name="copyright" content="your statement"> Use this meta tag to let other viewers and search engines know that your work is protected by copyrighted.
Distribution	<meta name="distribution" content="see below"> This meta tag defines your audience. Currently three options are available: Global Local IU - (Internal Use) - meant for Intranets
Expires	<meta name="expires" content="Mon, 01 Jan 2003 12:00:00 GMT> Use this meta tag if your site has an expiration date.
Language	<meta http-equiv="content-language" content="EN"> Use this meta tag to define the language of your site. Note that abbreviations are used. EN=English FR=French etc.
Refresh	<meta http-equiv="refresh" content=5;URL=http://newsite.com"> This meta tag will redirect a visitor to a new web site or web page where the number 5 equals the number of delayed seconds until the redirect. Using this tag will result in your web site being dropped by many search engines. It is considered spam. Do not use it.
Revisit	<meta name="revisit-after" content="X days"> This meta tag is designed to tell a spider how often to revisit. However, most if not all spiders ignore it.
Rating	<meta name="document-rating" content="safe for kids"> Use this meta tag to define your sites age and content rating. Values include: Safe For Kids 14 Years General Restricted Mature
Visitor redirect	<meta http-equiv="refresh" content="0; url=your new address.html"> How to redirect your guests When you change servers its good to put a redirection on your old site, so your guests can find your new one. Below is the small html code script that redirects your guests automatically. If you keep the content rate at 0 , your guests will be automatically taken to your new home. 0 is the seconds before redirecting and can be changed.
Disable image toolbar	<META HTTP-EQUIV="imagetoolbar" CONTENT="no"> If you find it annoying that the IE6 browser automatically pops up the image toolbar so visitors can save your images, then this simple script is for you! Simply place the script provided below into the of your html document and the image toolbar function of your visitors browser will be disabled. This will protect all the images on your page.

Css Code

Code description		.	Code description	.
Background image	<style type="text/css"> body {background-image: url(http://BLAH.GIF);} </style>		Upsidedown links	<style type="text/css"><!-- a:hover{filter:flipv(color:#FF9999, strength=3);height:0px;width:inherit} //--></style>
Fixed background image	<STYLE type=text/css><!-- body {background: url(http://www.your image url here) fixed; background-color: ffffff;} //--></STYLE>		Embossed links	<style type='text/css'> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>
Nontiling background image	<STYLE type=text/css> body { background-image: url(YOUR IMAGE); background-attachment: fixed; background-repeat: no-repeat; background-position: top center; } </STYLE>		Capitalize first letter in a paragraph	<style type="text/css"> <!-- .myparagraph:first-letter{ font-size:200%; float:left; color:blue; --> </style> Then use this code where ever you begin a new paragraph <p>. <p class="myparagraph">YOUR TEXT GOES HERE".</p>
Solid color background	<style type="text/css"> body { background: #FFFF00; } </style>		Link decoration overline	<STYLE type="text/css"><!-- A:link{color:#00FF66;text-decoration:underline;} A:visited{color:#00FF66;text-decoration:underline;} A:active{color:#00FF66;text-decoration:underline;} A:hover{color:#00FF66;text-decoration:none overline;} --></style>
Flip your page to the left side	<STYLE>body{direction:rtl;}</STYLE>		Fixed vertical text left side	<STYLE type=text/css> .vert { position:absolute; left:1px; top:50px; width:1px; writing-mode: tb-rl; } </STYLE> <SPAN class=vert><FONT color=#ff0000>YOUR MESSAGE HERE</FONT></SPAN>
Image links on mouseover	<STYLE type=text/css> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.your image url here);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.your image url here); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.your image url here); filter:alpha(finishopacity=0, style=2); } </STYLE>		No underlined links	<style type="text/css"> <!-- A:link {text-decoration:none} A:visited {text-decoration:none} --> </style>
Blured links on mouseover	<style type="text/css"> a:hover img {filter: blur(add = 0, direction = 225, strength = 10)}</style>		Engrave links on mouseover	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.engrave;} </style>
Blured links, normal mouseover	<style type="text/css"> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>		Engrave with normal mouseover	<style type="text/css"> a:link img {filter:progid:dximagetransform.microsoft.engrave;} a:visited img {filter:progid:dximagetransform.microsoft.engrave;} a:hover img {filter:none;} </style>
Invert link color on mouseover	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:invert;} </style>		Invert color with normal mouseover	<style type="text/css"> a:link img {filter:invert;} a:visited img {filter:invert;} a:hover img {filter:none;} </style>
X ray mouseover links	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray();} </style>		X-ray with Normal Mouseover	<style type="text/css"> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>
Transparent links on mouseover	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:alpha(opacity=60);} </style>		Transparent links with normal mouseover	<style type="text/css"> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>
Transforming links with color change	<style type="text/css" > A:hover { color:red; font-size:10pt; font-family: Verdana, Times New Roman, Helvetica, sans-serif; font-style:italic; font-weight:bold; text-decoration:underline; cursor:hand; font-variant:small-caps; text-transform:uppercase; background-color:white; } </style>		Custom cursor

Css Code

Code description		.	Code description	.
Background image	<style type="text/css"> body {background-image: url(http://BLAH.GIF);} </style>		Upsidedown links	<style type="text/css"><!-- a:hover{filter:flipv(color:#FF9999, strength=3);height:0px;width:inherit} //--></style>
Fixed background image	<STYLE type=text/css><!-- body {background: url(http://www.your image url here) fixed; background-color: ffffff;} //--></STYLE>		Embossed links	<style type='text/css'> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>
Nontiling background image	<STYLE type=text/css> body { background-image: url(YOUR IMAGE); background-attachment: fixed; background-repeat: no-repeat; background-position: top center; } </STYLE>		Capitalize first letter in a paragraph	<style type="text/css"> <!-- .myparagraph:first-letter{ font-size:200%; float:left; color:blue; --> </style> Then use this code where ever you begin a new paragraph <p>. <p class="myparagraph">YOUR TEXT GOES HERE".</p>
Solid color background	<style type="text/css"> body { background: #FFFF00; } </style>		Link decoration overline	<STYLE type="text/css"><!-- A:link{color:#00FF66;text-decoration:underline;} A:visited{color:#00FF66;text-decoration:underline;} A:active{color:#00FF66;text-decoration:underline;} A:hover{color:#00FF66;text-decoration:none overline;} --></style>
Flip your page to the left side	<STYLE>body{direction:rtl;}</STYLE>		Fixed vertical text left side	<STYLE type=text/css> .vert { position:absolute; left:1px; top:50px; width:1px; writing-mode: tb-rl; } </STYLE> <SPAN class=vert><FONT color=#ff0000>YOUR MESSAGE HERE</FONT></SPAN>
Image links on mouseover	<STYLE type=text/css> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.your image url here);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.your image url here); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.your image url here); filter:alpha(finishopacity=0, style=2); } </STYLE>		No underlined links	<style type="text/css"> <!-- A:link {text-decoration:none} A:visited {text-decoration:none} --> </style>
Blured links on mouseover	<style type="text/css"> a:hover img {filter: blur(add = 0, direction = 225, strength = 10)}</style>		Engrave links on mouseover	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.engrave;} </style>
Blured links, normal mouseover	<style type="text/css"> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>		Engrave with normal mouseover	<style type="text/css"> a:link img {filter:progid:dximagetransform.microsoft.engrave;} a:visited img {filter:progid:dximagetransform.microsoft.engrave;} a:hover img {filter:none;} </style>
Invert link color on mouseover	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:invert;} </style>		Invert color with normal mouseover	<style type="text/css"> a:link img {filter:invert;} a:visited img {filter:invert;} a:hover img {filter:none;} </style>
X ray mouseover links	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray();} </style>		X-ray with Normal Mouseover	<style type="text/css"> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>
Transparent links on mouseover	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:alpha(opacity=60);} </style>		Transparent links with normal mouseover	<style type="text/css"> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>
Transforming links with color change	<style type="text/css" > A:hover { color:red; font-size:10pt; font-family: Verdana, Times New Roman, Helvetica, sans-serif; font-style:italic; font-weight:bold; text-decoration:underline; cursor:hand; font-variant:small-caps; text-transform:uppercase; background-color:white; } </style>		Custom cursor

Css Code

Code description		.	Code description	.
Background image	<style type="text/css"> body {background-image: url(http://BLAH.GIF);} </style>		Upsidedown links	<style type="text/css"><!-- a:hover{filter:flipv(color:#FF9999, strength=3);height:0px;width:inherit} //--></style>
Fixed background image	<STYLE type=text/css><!-- body {background: url(http://www.your image url here) fixed; background-color: ffffff;} //--></STYLE>		Embossed links	<style type='text/css'> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>
Nontiling background image	<STYLE type=text/css> body { background-image: url(YOUR IMAGE); background-attachment: fixed; background-repeat: no-repeat; background-position: top center; } </STYLE>		Capitalize first letter in a paragraph	<style type="text/css"> <!-- .myparagraph:first-letter{ font-size:200%; float:left; color:blue; --> </style> Then use this code where ever you begin a new paragraph <p>. <p class="myparagraph">YOUR TEXT GOES HERE".</p>
Solid color background	<style type="text/css"> body { background: #FFFF00; } </style>		Link decoration overline	<STYLE type="text/css"><!-- A:link{color:#00FF66;text-decoration:underline;} A:visited{color:#00FF66;text-decoration:underline;} A:active{color:#00FF66;text-decoration:underline;} A:hover{color:#00FF66;text-decoration:none overline;} --></style>
Flip your page to the left side	<STYLE>body{direction:rtl;}</STYLE>		Fixed vertical text left side	<STYLE type=text/css> .vert { position:absolute; left:1px; top:50px; width:1px; writing-mode: tb-rl; } </STYLE> <SPAN class=vert><FONT color=#ff0000>YOUR MESSAGE HERE</FONT></SPAN>
Image links on mouseover	<STYLE type=text/css> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.your image url here);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.your image url here); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.your image url here); filter:alpha(finishopacity=0, style=2); } </STYLE>		No underlined links	<style type="text/css"> <!-- A:link {text-decoration:none} A:visited {text-decoration:none} --> </style>
Blured links on mouseover	<style type="text/css"> a:hover img {filter: blur(add = 0, direction = 225, strength = 10)}</style>		Engrave links on mouseover	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.engrave;} </style>
Blured links, normal mouseover	<style type="text/css"> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>		Engrave with normal mouseover	<style type="text/css"> a:link img {filter:progid:dximagetransform.microsoft.engrave;} a:visited img {filter:progid:dximagetransform.microsoft.engrave;} a:hover img {filter:none;} </style>
Invert link color on mouseover	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:invert;} </style>		Invert color with normal mouseover	<style type="text/css"> a:link img {filter:invert;} a:visited img {filter:invert;} a:hover img {filter:none;} </style>
X ray mouseover links	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray();} </style>		X-ray with Normal Mouseover	<style type="text/css"> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>
Transparent links on mouseover	<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:alpha(opacity=60);} </style>		Transparent links with normal mouseover	<style type="text/css"> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>
Transforming links with color change	<style type="text/css" > A:hover { color:red; font-size:10pt; font-family: Verdana, Times New Roman, Helvetica, sans-serif; font-style:italic; font-weight:bold; text-decoration:underline; cursor:hand; font-variant:small-caps; text-transform:uppercase; background-color:white; } </style>		Custom cursor

Pics

THE MOON

Đỗ Nguyên Hưng on 02/26/2007 at 8:49 am Uhr

THE MOON

I see the moon,

The moon sees me,

God bless the moon,

And God bless me.

- (Nursery Rhyme)

Size

The moon, Earth's only natural satellite. It is fifth in diameter among planetary satellites, more than two-thirds as large as Mercury, and more than three times the diameter of the largest asteroid. It is over one-fourth the size of the earth, with a diameter of 2160 miles (3476 kilometers).

The Moon makes one complete orbit about the Earth every 27.3 days,

Distance

Since the moon is a relatively near neighbor, we can measure its distance easily by geometrical methods. The average is 238,857 miles (384,403 kilometers).

Brightness

Next to the sun, the full moon is the brightest object in the heavens. However, its surface is rough and brownish and reflects light very poorly. In fact, the moon is about the poorest reflector in the solar system. The moon relects only 7% of the sunlight .

Event

The United States' Apollo program achieved the first (and only) manned missions to the Moon, culminating in 6 landings between 1969 and 1972. On December 4, 2006, NASA outlined plans for a permanent base on the Moon as part of preparation for a voyage to Mars. Construction of the base is scheduled to take approximately five years, with the first preliminary missions beginning by 202

That orbed' maiden

With white fire laden

Whom mortals call the Moon.

- (Shelley)