HTLMexTRA

How to make :

comment box  -  marque text  - marque text with border - drop down menu  

Comment box

Create comment box to communicate with other.  

Complete HTML:
<style type="text/css">
textarea.html-text-box {background-color:ffffff;background-image:url(http://);background-repeat:no-repeat;background-attachment:scroll;border-width:1;border-style:solid;border-color:cccccc;font-family:Arial;font-size:8pt;color:000000;}
input.html-text-box {background-color:ffffff;font-family:Arial;font-size:8pt;color:000000;}
</style>
<form action="http://911codeblog.blogspot.com/p/link-exchange.html" method="post">

<textarea class="html-text-box" cols="50" name="comments" rows="10">Enter your comments here...</textarea>
<input class="html-text-box" type="submit" value="Submit" /><input class="html-text-box" type="reset" value="Reset" /></form>

Show in browser windows:



Marque text

Marque text is rolling text with direction: up, down, right, and left. 

Html structure:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >  

Html description:

marquee onmouseover="this.stop()" : marque stop on mouse over the text
onmouseout="this.start()" : marque start on mouse over the text
scrollamount="2" : speed of rolling text, higher is more fast
direction="up" : text rolling to the right or left, and up or down
width="100%" : width of the text 100% to the page width
height="200" : height of the text is 200

Complete HTML:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >
<a href="http://911codeblog.blogspot.com/" target="_blank">911codeblog</a>
<a href="http://911codeblog.blogspot.com/p/animate.html" target="_blank">Custome animation</a>
<a href="http://911codeblog.blogspot.com/p/sitemap-update.html" target="_blank">Sitemap</a>
<a href="http://911codeblog.blogspot.com/p/link-exchange.html" target="_blank">Link Exchange</a>
</marquee>

Show in browser windows:


Marque text with border
Is the same with marque text, but this HTML use table border.

Html Structure:

<table border="3" width="155" height="130" cellpadding="2">

<tr>

<td align="left">    

Html description

table border="3" : border line thickness 3
width="155" : width of table 155
height="130" : height of table 130

cellpadding="2"> : the distance between cell
<tr> : start of table code
<td align="left"> : justification of text in the table 

Complete HTML:

<table border="3" width="155" height="130" cellpadding="2">
<tr>
<td align="left">
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" > <a href="http://911codeblog.blogspot.com/" target="_blank">911codeblog</a>
<a href="http://911codeblog.blogspot.com/p/animate.html" target="_blank">Custome animation</a>
<a href="http://911codeblog.blogspot.com/p/sitemap-update.html" target="_blank">Sitemap</a>
<a href="http://911codeblog.blogspot.com/p/link-exchange.html" target="_blank">Link Exchange</a>

</marquee>
</td>
</tr>
</table>

Show in browser windows:


Make Drop down menu
1.Drop down one

<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> - Menu 911codeblog - </option> 

<option value="http://911codeblog.blogspot.com">911codeblog</option>
<option value="http://911codeblog.blogspot.com/p/animate.html">Custome Animate</option>
<option value="http://911codeblog.blogspot.com/p/sitemap-update.html">Sitemap Update</option>
<option value="http://911codeblog.blogspot.com/p/link-exchange.html">Link Exchange</option>
<option value="http://911codeblog.blogspot.com/p/htmlextra.hml">HTMLexTRA</option>

</select>
</form> 

Show in browser windows:


2. Drop down two
h3> 911codeblog </h3>
<div align="left">
<select style size=5="font-weight: normal; font-size: 13px; width="135"; font-family: Verdana,Tahoma,Arial; background-color: rgb(229, 229, 229);" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu">
<option style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="" selected="selected">--911codeblog--</option> 

<option value="http://911codeblog.blogspot.com">911codeblog</option>
<option value="http://911codeblog.blogspot.com/p/animate.html">Custome Animate</option>
<option value="http://911codeblog.blogspot.com/p/sitemap-update.html">Sitemap Update</option>
<option value="http://911codeblog.blogspot.com/p/link-excange.html">Link Exchange</option>
<option value="http://911codeblog.blogspot.com/p/htmlextra.hml">HTMLexTRA</option>

</select>
</form> </div>

Show in browser windows: