Showing posts with label HTML CODE. Show all posts

Html Code: Contact us Form

(Just Copy and Paste in HTML Page)

<html>

<head>

.style1 {

text-align: center;

}

.style2 {

font-size: 40pt;

color: #0000FF;

font-family: "Times New Roman", Times, serif;

}

.style3 {

font-size: medium;

color: #0000FF;

font-family: "Times New Roman", Times, serif;

}

.style5 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

border-top-style: solid;

border-top-width: 0px;

background-color: #CCFFFF;

}

.style6 {

text-align: center;

border-left-style: solid;

border-left-width: 0px;

border-right-style: solid;

border-right-width: 0px;

border-top-style: solid;

border-top-width: 0px;

background-color: #CCCCFF;

}

.style8 {

border: 3px dashed #0000CC;

}

.style9 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

background-color: #CCFFFF;

}

.style11 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

border-bottom-style: solid;

border-bottom-width: 0px;

}

.style12 {

font-family: "Times New Roman", Times, serif;

padding-left: 10px;

background-color: #CCFFFF;

}

.style13 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

background-color: #D5F1FF;

}

.style15 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

border-bottom-style: solid;

border-bottom-width: 0px;

background-color: #D5F1FF;

}

.style17 {

font-family: "Times New Roman", Times, serif;

padding-left: 10px;

background-color: #D5F1FF;

}

.style18 {

font-family: "Times New Roman", Times, serif;

border-left-style: solid;

border-left-width: 0px;

padding-left: 10px;

background-color: #CCFFFF;

text-align: center;

}

.style19 {

font-size: xx-small;

}

</style>

</head>

<body>

<tr>

<strong class="style11">Contact us</strong></span><br class="style3">

</tr>

<tr>

</div>

</span> </td>

</tr>

<tr>

<td class="style17" style="width: 268px; height: 40;"><strong>Your Email:</strong></td>

</tr>

<tr>

<td class="style12" style="width: 268px; height: 40;"><strong>Your website:</strong></td>

</tr>

<tr>

<td class="style17" style="width: 268px; height: 123px;"><strong>Comment:</strong></td>

</tr>

<tr>

</font>

</td>

</tr>

</table>

</form>

</body>

</html>

Preview of above code

HTML CODE

ADVANCED HTML CODE

(Just Copy and Paste in HTML Page)

Html Code: Html Code: Rotating Text On Hover
Html Code: Snow on the page
Html Code: Rain on page
Html Code: Toggle Additional Info
Html Code: TextArea Character Counter

Html Code: Beautiful and Stylish Text Box
Html Code: Contact us Form

Html Code: Beautiful and Stylish Text Box

(Just Copy and Paste in HTML Page)

 <textarea rows="3" name="S2" cols="22" style="text-align:center; font-family: Times New Roman; font-size: 14pt; font-style: italic; color: #0000FF; border: 4px groove #008080; padding: 8px; background-color: #FFFFCC">This is Beautiful Text Box for Your site!

Isn't it?

Simply Copy and Enjoy</textarea><p>

 </p>

<a target="_blank" href="http://free-web-tools.com" style="text-decoration:none;bottom:0;left:10px;font-size:5pt;color:gray;position:absolute">free web tools</a>

Preview of above code

free web tools

Html Code: TextArea Character Counter

(Just Copy and Paste in HTML Page)

<html>

<head>

<!--

function words(content){

var i=0;

var numberofwords=1;

while(i<=content.length) {

if (content.substring(i,i+1) == " ") {

numberofwords++;

i++;

// extra i++ makes it skip double spaces, or space/return

}

if (content.substring(i,i+1) == "\n") {

numberofwords++;

i++;

// extra i++ makes it skip double spaces, or space/return

}

i++;

}

return numberofwords;

}

// -->

</SCRIPT>

</head>

<body>

<form>

<textarea cols=50 rows=5 onChange="this.form.sizebox.value=this.value.length; this.form.sizeboxw.value=words(this.value)"></textarea><br><input name=sizebox value=0 size=4> characters,<input name=sizeboxw value=0 size=4> words

<p><font size=+1>Write anything on the field then click outside of text box to recompute.</font>

</body>

</html>

Preview of above code

Html Code: Toggle Additional Info

(Just Copy and Paste in HTML Page)

<html>

<head>

<title>Toggle Additional Video</title>

<!--

function toggleMe(obj, a){

var e=document.getElementById(a);

if(!e)return true;

e.style.display="block"

return true;

}

function toggleMe2(obj, a){

var e=document.getElementById(a);

if(!e)return true;

e.style.display="none"

return true;

}

//-->

</script>

</head>

<body>

Have you attended Gym?<br>

<input type="radio" name="married" value="yes" onclick="return toggleMe(this, 'marriedInfo')"> Yes

<table>

<tr>

</tr><tr>

<td>Enter Date:</td>

</tr><tr>

<td>Expire Date:</td>

</tr>

</table>

</div>

</form>

</td></tr>

</table>

</body>

</html>

Preview of above code

Toggle Additional Video

Have you attended Gym?
Yes No

Html Code: Rain on page

(Just Copy and Paste in HTML Page)

<body>

</body>

Html Code: Snow on the page

(Just Copy and Paste in HTML Page)

// Set the number of snowflakes (more than 30 - 40 not recommended)

var snowmax=35

// Set the colors for the snow. Add as many colors as you like

var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like

var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)

var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)

var sinkspeed=0.6

// Set the maximal-size of your snowflaxes

var snowmaxsize=22

// Set the minimal-size of your snowflaxes

var snowminsize=8

// Set the snowing-zone

// Set 1 for all-over-snowing, set 2 for left-side-snowing

// Set 3 for center-snowing, set 4 for right-side-snowing

var snowingzone=3

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION ENDS HERE

///////////////////////////////////////////////////////////////////////////

// Do not edit below this line

var snow=new Array()

var marginbottom

var marginright

var timer

var i_snow=0

var x_mv=new Array();

var crds=new Array();

var lftrght=new Array();

var browserinfos=navigator.userAgent

var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)

var ns6=document.getElementById&&!document.all

var opera=browserinfos.match(/Opera/)

var browserok=ie5||ns6||opera

function randommaker(range) {

rand=Math.floor(range*Math.random())

return rand

}

function initsnow() {

if (ie5 || opera) {

marginbottom = document.body.clientHeight

marginright = document.body.clientWidth

}

else if (ns6) {

marginbottom = window.innerHeight

marginright = window.innerWidth

}

var snowsizerange=snowmaxsize-snowminsize

for (i=0;i<=snowmax;i++) {

crds[i] = 0;

lftrght[i] = Math.random()*15;

x_mv[i] = 0.03 + Math.random()/10;

snow[i]=document.getElementById("s"+i)

snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]

snow[i].size=randommaker(snowsizerange)+snowminsize

snow[i].style.fontSize=snow[i].size

snow[i].style.color=snowcolor[randommaker(snowcolor.length)]

snow[i].sink=sinkspeed*snow[i].size/5

if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}

snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)

snow[i].style.left=snow[i].posx

snow[i].style.top=snow[i].posy

}

movesnow()

}

function movesnow() {

for (i=0;i<=snowmax;i++) {

crds[i] += x_mv[i];

snow[i].posy+=snow[i].sink

snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);

snow[i].style.top=snow[i].posy

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){

if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}

snow[i].posy=0

}

var timer=setTimeout("movesnow()",50)

}

for (i=0;i<=snowmax;i++) {

document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")

}

if (browserok) {

window.onload=initsnow

}

</script>

Html Code: Rotating Text On Hover

(Just Copy and Paste in HTML Page)

<style>

@keyframes spin {from {} to {transform:rotate(360deg);}}

.spin:hover {animation-name:spin;animation-duration:3s;position:absolute;}

</style>

<br><br><span class="spin">Hover To Spin!</span><a target="_blank" href="https://tarunpalsinghit.blogspot.com/" style="text-decoration:none;bottom:0;left:10px;font-size:5pt;color:gray;position:absolute">free web tools</a><a target="_blank" href="https://tarunpalsinghit.blogspot.com/" style="font-size: 8pt; text-decoration: none">Html Codes</a>

Contact us Tell us what is in your mind
Your Name:
Your Email:
Your website:
Comment:

DIGITAL LIBRARY

Html Code: Contact us Form

Preview of above code

HTML CODE

Html Code: Beautiful and Stylish Text Box
Html Code: Contact us Form

Html Code: Beautiful and Stylish Text Box

(Just Copy and Paste in HTML Page)

Preview of above code

Html Code: TextArea Character Counter

Preview of above code

Html Code: Toggle Additional Info

(Just Copy and Paste in HTML Page)

Preview of above code

Html Code: Rain on page

(Just Copy and Paste in HTML Page)

Html Code: Snow on the page

(Just Copy and Paste in HTML Page)

Html Code: Rotating Text On Hover

ANNOUNCEMENTS & NEWS

Preview of above code

Html Code: Beautiful and Stylish Text BoxHtml Code: Contact us Form

(Just Copy and Paste in HTML Page)

Preview of above code

Preview of above code

(Just Copy and Paste in HTML Page)

Preview of above code

(Just Copy and Paste in HTML Page)

(Just Copy and Paste in HTML Page)

ANNOUNCEMENTS & NEWS

Html Code: Beautiful and Stylish Text Box
Html Code: Contact us Form