HTML Rekadoteka

VOLTAR AO TOPO

<div id="navigation_up_down_65694"><script src="http://services.webestools.com/navigation_up_down/7-65694-right.js" type="text/javascript"></script></div>

==============================================

TAGS COLORIDAS 

Exemplo do meu endereço e nome do meu marcador 
http://rekadoteka.blogspot.com.br/search/label/Casamento       Casamento


<div align="center">
<a style="font-size:25px;color:#87cefa;" href=" ENDEREÇO DE SEU MARCADOR
">NOME DE SEU MARCADOR</a>

<a style="font-size:28px;color:#FF34B3;"href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:14px;color:#f9b;"href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:13px;color:#FF4500;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:17px;color:#9932CC;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:25px;color:#87ce00;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:17px;color:#CD950C;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:19px;color:#FF34B3;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:10px;color:#f10;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:20px;color:#696969;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:12px;color:#FF8C00;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:20px;color:#fff;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:10px;color:#ff1440;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

<a style="font-size:21px;color:#CD950C;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>

</div>

===============================================

 GERAR CAXINHA - LINKE-ME

<div align="center"><img src="URL_DA_IMAGEM"/><br/>
<textarea cols="15" rows="3" onfocus="this.select()" onmouseover="this.focus()" name="textarea" style="width:80%;">
&lt;a href="URL_DO_BLOG" target="_blank">&lt;img src="URL_DA_IMAGEM" title="NOME_DO_BLOG" alt="URL_DO_BLOG" style="border:0;"/&gt;&lt;/a&gt;
</textarea>
</div>


===============================================

IMAGEN COM LINK

<a href="ENDEREÇO DO LINK" title="TEXTO QUANDO APARECE O MOUSE"><img src="URL DA IMAGEM"></a>

ou então,

<img src="URL DA IMAGEM" onClick="ENDEREÇO DO LINK">


====================================================================

TEXTO EFEITO OLA


 <html>
<body bgcolor=#3366cc>
<head>


<!-- a linha acima não é parte do script -->


<body onload="doWave(0);">
<div align="center"><center>




<script language="JavaScript">
function nextSize(i,incMethod,textLength){

if (incMethod == 1) return (30*Math.abs( Math.sin(i/(textLength/3.14))) );

if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));}

function sizeCycle(text,method,dis){
output = "";
for (i = 0; i < text.length; i++) {
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='color: white; font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font></a>";
}
theDiv.innerHTML = output;}
function doWave(n) {
theText = "...seu...site...";
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 70);}</script>
<div ID="theDiv" align="center"></div>
</script>


</body>
</html>

======================================================================================================

BOTÃO COM FUNÇÃO LINK
<html>
<body>
<head>

<SCRIPT LANGUAGE="JavaScript">
<!-- 
function voltar(){
history.go(-1);
}

function reload(){
history.go(0);
}

function frente(){
history.go(1);
}
// fim do script -->
</SCRIPT>

<META NAME="GERADOR" Content="Visual Page 2.0 for Windows">
<TITLE>Botão com função Link</TITLE>
</HEAD>

<BODY TEXT="black" BGCOLOR="#3366cc" LINK="blue" VLINK="blue">

<P ALIGN="CENTER"><B><FONT SIZE="2" COLOR="white" FACE="Verdana, Arial">Botão com função link</FONT></B></P>
<P>
<P ALIGN="CENTER"><input type=button name="home" value="Home" onClick="window.location='SEU SITE'">

</BODY>
</HTML>

==========================================================================================================

BOTÃO ESCURECE AO PASSAR O MOUSE AZUL


<html>
<body>
<head>

<SCRIPT LANGUAGE="JavaScript">
<!-- 
hexColor = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
function mOver() {
for (i = 0; i < 13; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[12-i]+'0'+hexColor[12-i]+'0c0";', i * 40);
}
}
function mOut() {
document.myForm.button.value = " Clique Aqui ";
for (i = 0; i < 12; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', i * 40);
}
}
//-->
</script>

</HEAD>


<!--  Inserir este script em qualquer parte da pagina, dentro de (body)  -->


<form name=myForm>
<input type=button name=button value=" Clique Aqui " onMouseOver='mOver()'' 

onMouseDown='document.myForm.button.value=" Obrigado!! "' onClick='window.location="paginadois.html"' 

onMouseOut='mOut()'>
</form>

</body>
</html>

==========================================================================================================

3 BOTÕES QUE MUDAM DE COR NO LINK


<html>
<body>
<head>

<style>
  .bigChange {color:#1e90ff; font-weight:bolder; font-size:175%; letter-spacing:4px;  text-transform: uppercase; 

background:white}
  .start {color:white; background:navy}
</style>

<script LANGUAGE="JAVASCRIPT">
<!--
  function highlightButton(s) {
    if ("INPUT"==event.srcElement.tagName)
      event.srcElement.className=s
  }
//-->
</script>




<form NAME="highlight" onmouseover="highlightButton('start')" onmouseout="highlightButton('')">
  <div align="center"><center><p><input type="button" value="Botão 1"> <input type="button" 

onmousedown="this.style.fontStyle='italic'" onmouseup="this.style.fontStyle=''" value="Clique aqui" 

onclick="this.value='Ao clicar aparece uma mensagem'"> <input type="button" value="Botão 3"> </p>
  </center></div>
</form>
</body>
</html>

OBS: PASSE O MAUSE NOS BOTÕES PARA VER COMO FUNCIONAM MUDANDO PARA A COR AZUL. Confira aqui nesta página o exemplo.

=========================================================================================================
LINK COM COR BLACK
SUA PÁGINA 1
SUA PÁGINA 2
SUA PÁGINA 3 


<html>
<body>
<head>

<style type="text/css">
<!-- 
A:hover{
color:#fa8f00;
background-color: black
}
-->
</style>

</head>
<body  bgcolor="#ffffff" text="#000000"  link="#0a2968" vlink="#000000" alink="#fa8f00">




<a href="suapagina.html" target="_top">SUA PÁGINA 1</a><br>
<a href="suapagina.html" target="_top">SUA PÁGINA 2</a><br>
<a href="suapagina.html" target="_top">SUA PÁGINA 3</a><br>




</body>
</html>


SE QUISER CONFERIR COMO FICA, VEJA AQUI O EXEMPLO.BASTA PASSAR O MOUSE  =======================================================================================================

SEU SITE LINK COM COR AZUL CLARO

<html>
<body>

<!--------começa aqui------------------>
<STYLE TYPE="text/css">
A{text-decoration: none;} 
A:link{color: black;}
A:visited{color: #1e90ff;} 
A:hover {color: white; background: #1e90ff;}
</STYLE>
<br>
<a href="SEU LINK">NOME DO SEU SITE AQUI</a>
<!-----------termina aqui---------------->

</body>
</html>

CLIQUE AQUI PARA VER EXEMPLO
====================================================================================================

CLIK AQUI PARA ENVIAR UMA MENSAGEM BOTÃO ROLANTE AZUL

<html>
<body>
<head>

<!--------------------COMEÇA AQUI----------------------------->

<SCRIPT LANGUAGE="JavaScript">
<!-- 
var message="   Clique aqui para enviar uma mensagem.  ";
function ButtonURL(){
window.location="falecomigo.html"
}
function scroll()
{
  message = message.substring(1,message.length) + message.substring(0,1);
  document.bs.bs.value = message;
  setTimeout("scroll

}
window.onload=scroll
document.write('<style type="text/css">')
document.write('.select{background: blue;border-color:"yellow";color:"white";font-

family:Arial,Helvetica,Verdana;font-size:10pt;font-weight: bold;}')
document.write('</STYLE>')
document.write('<form name=bs><INPUT class="select" TYPE="button" NAME="bs" value="" onclick="ButtonURL()"></FORM>')
// -->
</script>
<!-------------------------TERMINA AQUI-------------------------------->

</body>
</html>

==========================================================================================

ENVIAR EMAIL FORMULARIO
Nome:
E-mail:
Site:
URL:
Enviar Limpar

<html>
<body>
<head>

<script>
<!---
function formValid ()

{

   var i=0;

   var rv=1;

   var st="";

   for(i=0; i<document.forms[0].elements.length; i++)

      if(!document.forms[0].elements[i].value) rv=0;

   if(rv==0)

   {

      alert('O formulário só será enviado após o preenchimento de todos os campos.');

      return false;

   }

   else

   {

      for(i=0; i<document.forms[0].elements.length; i++)

         if(document.forms[0].elements[i].type=="text") st=st + document.forms[0].elements[i].name + ": " + 

document.forms[0].elements[i].value + "\n\n";

      if(confirm(st + "\nEsta informaçao está correta?")) document.forms[0].submit();

      return true;

   }

}

//-->
</script>


<form method=post action="mailto:e-mail@aa.com.br" enctype="text/plain">

<TABLE>
<TR>
<TD><FONT face=verdana size=1>Nome:</FONT></TD>
<TD><INPUT NAME="Nome" ></TD>

<TR>
<TD><FONT face=verdana size=1>E-mail:</FONT></TD>
<TD><INPUT NAME="E-mail" ></TD>

<TR>
<TD><FONT face=verdana size=1>Site:</FONT></TD>
<TD><INPUT NAME="Site" ></TD>

<TR>
<TD><FONT face=verdana size=1 >URL:</FONT></TD>
<TD><INPUT NAME="URL" ></TD>

<TR>
<TD></TD>
<TD>
<INPUT TYPE="button" NAME="Submit" VALUE="Enviar" onClick="formValid();"><INPUT TYPE="reset" NAME="Reset" 

VALUE="Limpar">
</TD>
</TR>
</TABLE>


</head>
</body>
</html>
==========================================================================================================

BOTÃO COM FUNDO BACKGROUD COLORIDO


<html>
<body>

<head>
<STYLE TYPE="text/css">
.FlatButtonDefault {border:1px solid #000000; color:black; background-color:#000000; background-image:url(004.jpg); 

padding:0px; color: #000000; font-family: verdana; font-size: 8pt;}
</STYLE>

<form>
<input type='button'  value='página principal' class='FlatButtonDefault' onClick="window.location='paginadois.html'">
</form>
</head>

</body>
</html>

=========================================================================================================

SELECIONA TEXTO NA CAIXA
texto 1 texto 2 texto 3 texto 4 texto 5 

<html>
<body>

<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Menu1(form) {
form.TXTVal.value="seu texto 1";
   }
function Menu2(form) {
form.TXTVal.value="seu texto 2";
   }
function Menu3(form) {
form.TXTVal.value="seu texto 3";
   }
function Menu4(form) {
form.TXTVal.value="seu texto 4";
   }
function Menu5(form) {
form.TXTVal.value="seu texto 5";
   }
// -->
</script>
</head>

<body>
<div align="center">
<form>
<br>
<input type="button" style="BACKGROUND: #1e90ff; COLOR: #000000; FONT-STYLE: verdana; FONT-VARIANT: normal; font-size: 

8pt" value="texto 1" onmouseover="Menu1(this.form);" onclick="javascript:alert('sua mensagem.')">
<input type="button" style="BACKGROUND: #1e90ff; COLOR: #000000; FONT-STYLE: verdana; FONT-VARIANT: normal; font-size: 

8pt" value="texto 2" onmouseover="Menu2(this.form);" onclick="javascript:alert('sua mensagem.')">
<input type="button" style="BACKGROUND: #1e90ff; COLOR: #000000; FONT-STYLE: verdana; FONT-VARIANT: normal; font-size: 

8pt" value="texto 3" onmouseover="Menu3(this.form);" onclick="javascript:alert('sua mensagem.')">
<input type="button" style="BACKGROUND: #1e90ff; COLOR: #000000; FONT-STYLE: verdana; FONT-VARIANT: normal; font-size: 

8pt" value="texto 4" onmouseover="Menu4(this.form);" onclick="javascript:alert('sua mensagem.')">
<input type="button" style="BACKGROUND: #1e90ff; COLOR: #000000; FONT-STYLE: verdana; FONT-VARIANT: normal; font-size: 

8pt" value="texto 5" onmouseover="Menu5(this.form);" onclick="javascript:alert('sua mensagem.')">
<br><input type="text" name="TXTVal" size="60">
</form>
</div>



</body>
</html>

====================================================================================================

GERADOR estilo CSS para botões

<html>
<body>
<head>

<center><font size=2 color=black face=verdana>Gerando estilo CSS para botões</font></center>
<script language="javascript">
<!--

function createStyle(){

inClassName = "aceButton"
inBackgroundColor = ""
inBorderColor = ""
inBorderStyle = ""
inborderPixels = ""
infontColor = ""
infontSize = ""
infontFamily = ""
inTextStyle = ""

if(document.buildStyleSheet.className.value != ""){inClassName = document.buildStyleSheet.className.value}

if(document.buildStyleSheet.bgColor.value != ""){inBackgroundColor = "background-color: " + 

document.buildStyleSheet.bgColor.value + ";" + "\n"}




if(document.buildStyleSheet.borderStyle.options.value == "beveled"){
if(document.buildStyleSheet.borderColor.value != ""){inBorderColor = "border-color: " + 

document.buildStyleSheet.borderColor.value + ";" + "\n"}
inBorderStyle = "border-style: beveled;" + "\n"}


if(document.buildStyleSheet.borderStyle.options.value == "double"){
if(document.buildStyleSheet.borderColor.value != ""){inBorderColor = "border-color: " + 

document.buildStyleSheet.borderColor.value + ";" + "\n"}
inBorderStyle = "border-style: double;" + "\n"}


if(document.buildStyleSheet.borderStyle.options.value == "ridge"){
if(document.buildStyleSheet.borderColor.value != ""){inBorderColor = "border-color: " + 

document.buildStyleSheet.borderColor.value + ";" + "\n"}
inBorderStyle = "border-style: ridge;" + "\n"}


if(document.buildStyleSheet.borderStyle.options.value == "solid"){
if(document.buildStyleSheet.borderColor.value != ""){inBorderColor = "border-color: " + 

document.buildStyleSheet.borderColor.value + ";" + "\n"}
inBorderStyle = "border-style: solid;" + "\n"}


if(document.buildStyleSheet.borderPixels.value != ""){inborderPixels = "border-width: " + 

document.buildStyleSheet.borderPixels.value + ";" + "\n"}

if(document.buildStyleSheet.fontColor.value != ""){infontColor = "color: " + document.buildStyleSheet.fontColor.value 

+ ";" + "\n"}
if(document.buildStyleSheet.fontSize.value != ""){infontSize = "font-size: " + document.buildStyleSheet.fontSize.value 

+ "pt;" + "\n"}
if(document.buildStyleSheet.fontFamily.value != ""){infontFamily = "font-family: " + 

document.buildStyleSheet.fontFamily.value + ";" + "\n"}


if(document.buildStyleSheet.fontWeight.value == "normal"){inTextStyle = ""}
if(document.buildStyleSheet.fontWeight.value == "bold"){inTextStyle = "font-weight: bold;" + "\n"}
if(document.buildStyleSheet.fontWeight.value == "italic"){inTextStyle = "font-style: italic;" + "\n"}
if(document.buildStyleSheet.fontWeight.value == "bolditalic"){inTextStyle = "font-weight: bold;" + "\n" + "font-style: 

italic;" + "\n"}

finalcode = "<!-- \ -->\n" +
"<style type=\"text\/css\"><!--" + "\n" + 
"." + inClassName + " {" + "\n" +
inBackgroundColor +
inBorderColor +
inBorderStyle +
inborderPixels +
infontColor +
infontSize +
infontFamily +
inTextStyle +
"}" + 
"\n" + 
"--><\/style>"

document.buildStyleSheet.print_out.value=finalcode;

}
//-->
</script>

    <form name="buildStyleSheet">
<table border="1" cellpadding="0" cellspacing="0" bordercolor="#f8f8f8" width="50%" style="border-collapse: collapse" 

align=center>
<tr>
<td colspan="2" width="450">
<p align="left"><font face="Verdana" size="2">Estilo CSS</font></p>
</td>
</tr>
<tr>
<td width="100">
<p align="right"><font size="2" face="Verdana">Nome Class:</font></p>
</td>
<td width="350"><b><font size="2" face="Verdana">
<input size="20" name="className" value="meubotao"></font></b></td>
</tr>
<tr>
<td colspan="2" width="450">

<table border="0" width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="100%">
<p align="left"><font size="2" face="Verdana">» Estilo bgcolor</font></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100">
<p align="right"><font size="2" face="Verdana">Color:</font></p>
</td>
<td width="350"><b><font size="2" face="Verdana">
<input size="20" name="bgColor"></font></b></td>
</tr>
<tr>
<td colspan="2" width="450">
<table border="0" width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="100%">
<p align="left"><font size="2" face="Verdana">» Estilo de borda</font></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100">
<p align="right"><font size="2" face="Verdana">Color:</font></p>
</td>
<td width="350"><b><font size="2" face="Verdana">
<input size="20" name="borderColor"></font></b></td>
</tr>
<tr>
<td width="100">
<p align="right"><font size="2" face="Verdana">Width:</font></p>
</td>
<td width="350"><b><font size="2" face="Verdana">
<select size="1" name="borderPixels">
<option value selected>Default</option>
<option value="1">1 Pixel</option>
<option value="2">2 Pixels</option>
<option value="3">3 Pixels</option>
<option value="4">4 Pixels</option>
<option value="5">5 Pixels</option>
</select></font></b></td>
</tr>
<tr>
<td width="100">
<p align="right"><font size="2" face="Verdana">Type:</font></p>
</td>
<td width="350"><b><font size="2" face="Verdana">
<select size="1" name="borderStyle">
<option selected>Default</option>
<option value="beveled">Beveled</option>
<option value="double">Double</option>
<option value="ridge">Ridge</option>
<option value="solid">Solid</option>
</select></font></b></td>
</tr>
<tr>
<td colspan="2" width="450">

<table border="0" width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="100%">
<p align="left"><font size="2" face="Verdana">» Estilo de fonte</font></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100">
<p align="right"><font size="2" face="Verdana">Color:</font></p>
</td>
<td width="350"><b><font size="2" face="Verdana">
<input size="20" name="fontColor"></font></b></td>
</tr>
<tr>
<td width="100">
<p align="right"><font size="2" face="Verdana">Family:</font></p>
</td>
<td width="350"><b><font size="2" face="Verdana">
<select size="1" name="fontFamily">
<option value selected>escolha</option>
<option value="arial">Arial</option>
<option value="courier">Courier</option>
<option value="verdana">Verdana</option>
<option value="fantasy">Fantasy</option>
<option value="monospace">Monospace</option>
<option value="serif">Serif</option>
<option value="sans-serif">Sans-Serif</option>
<option value="times">Times Roman</option>
</select></font></b></td>
</tr>
<tr>
<td width="100">
<p align="right"><font size="2" face="Verdana">Size:</font></p>
</td>
<td width="350"><b><font size="2" face="Verdana">
<select size="1" name="fontSize">
<option value selected>escolha</option>
<option value="6">6pt</option>
<option value="7">7pt</option>
<option value="8">8pt</option>
<option value="9">9pt</option>
<option value="10">10pt</option>
<option value="11">11pt</option>
<option value="12">12pt</option>
<option value="13">13pt</option>
<option value="14">14pt</option>
<option value="16">16pt</option>
</select></font></b></td>
</tr>
<tr>
<td width="100">
<p align="right"><font size="2" face="Verdana">Style:</font></p>
</td>
<td width="350"><b><font size="2" face="Verdana">
<select size="1" name="fontWeight">
<option value="normal" selected>Normal</option>
<option value="bold">Bold</option>
<option value="italic">Italic</option>
<option value="boldItalic">Bold/Italic</option>
</select></font></b></td>
</tr>
<tr>
<td colspan="2" width="450">
<p align="left"><b><font size="2" face="Verdana">
<input onclick="createStyle();" type="button" value="gerar CSS" name="generate"> 
<input type="reset" value="limpar CSS" name="reset"></font></b></p>
</td>
</tr>
<tr>
<td colspan="2" width="450">
<p align="left"><font face="Tahoma" size="2"><b>1: </b>Clique em gerar CSS e pegue o código gerado na janela 

abaixo.</font></p>
<p align="left"><font face="Tahoma" size="2">
<input type="button" onclick="form.print_out.focus();form.print_out.select()" value="Selecionar CSS" 

name="grab"></font>
<font size="1"><font face="Verdana">Use Ctrl + c para copiar</font>
<font face="Verdana" size="1">e Ctrl + v para colar em sua página.</font>
</font><font face="Tahoma" size="2"><br>
</font><textarea rows="5" name="print_out" cols="50"></textarea> </p>
<p align="left"><font face="Tahoma" size="2"><b>2:</b> Adicione o código em sua página e pegue o código do botão para 

ter o estilo.<br>Altere o class=meubotao para o class que você usou no estilo.</font> </p>
          <p align="left"><font face="Tahoma" size="2">Exemplo do botão:</font>
          <center><INPUT TYPE="text" NAME="Example" SIZE="55" value="&lt;input class=meubotao type=reset value=Reset 

name=reset&gt;">
<font face="Verdana" size="2">Acrescente esse código abaixo no botão acima para ter um botão link<br><font 

color=#696969>onClick="window.location='paginadois.html'"</font>
          </td>
        </tr>
      </table>
    </form>

</body>
</html>

=======================================================================================================
LINKS COLORIDOS BOTÕES


<html>


<head>
<style>
<!--
.initial2{font-weight:bold;background-color:orange}
//-->
</style>

<script>
<!--
function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundColor=color
}

function jumpto2(url){
window.location=url
}
//-->
</script>

<body>
<form onMouseover="change('#1e90ff')" onMouseout="change('orange')">
<input type="button" value="link 1 " class="initial2" onClick="jumpto2('http://www.seusite.com')">
<input type="button" value="link 2 " class="initial2" onClick="jumpto2('http://www.seusite.com')">
<input type="button" value="link 3 " class="initial2"  onClick="jumpto2('http://www.seusite.com')">
</form>
</body>

</html>
==================================================================================================

BOTÃO PASSE O MOUSE COM COR PRETA


<html>
<body>

<head>
<STYLE>
  .bigChange {color:black; font-weight:bolder; font-size:175%;
letter-spacing:4px;  text-transform: uppercase; background:white}
  .start {color:white; background:black}
</STYLE>

<SCRIPT LANGUAGE=JAVASCRIPT>
  function highlightButton(s) {
    if ("INPUT"==event.srcElement.tagName)
      event.srcElement.className=s
  }
</SCRIPT>

<center>
<FORM NAME=highlight onmouseover="highlightButton('start')"
onmouseout="highlightButton('')">
<input type="button" Value="passe o mouse" onClick="window.location='paginadois.html'" style="font-family:verdana; 

font-height:8;"></FORM>
</center>
</head>


</html>
====================================================================================================

CAIXA SELECIONE E COPIE

<html>

<head>
<script language="Javascript">
<!--
var copytoclip=1
function seleciona(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
if (document.all&&copytoclip==1){
therange=tempval.createTextRange()
therange.execCommand("Copy")
window.status="código selecionado e copiado, agora cole em seu html..."
}
}
//-->
</script>
</head>

<body>
<form name=formulario>
<input type="button" value="selecionar e copiar" onClick="javascript:seleciona('formulario.story')" style=font-

family:verdana;font-size:8pt;color:black;>
<br>
<textarea name="story" rows="5" cols="26" style=font-family:verdana;font-size:8pt;color:black;>SEU TEXTO AQUI</textarea>
</form>      

</body>
</html>

================================================================================================================

MOUSE DESABILITADO NA FIGURA

<html>
<body>

<script>
function copiar()
{
if (event.button==2,3)
{
alert("o mouse está desabilitado nessa figura")
}
}

</script> 


<img src=logocentro.gif border=0 onmousedown="copiar()">

</body>
</html>

=================================================================================================================

EFEITO ESMAECIMENTO EM LINK OU TEXTO

<html>
<head>

<script>
<!--
startColor = "#cccccc"; // cor ao tirar o cursor do link 
endColor = "#F4A460"; // cor ao selecionar o link 

stepIn = 20; // demora ao enfraquecer 
stepOut = 20; // demora ao diminuir 

autoFade = true; 
sloppyClass = true; 

hexa = new makearray(16); 
for(var i = 0; i < 10; i++) 
hexa[i] = i; 
hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; 
hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; 

document.onmouseover = domouseover; 
document.onmouseout = domouseout; 

startColor = dehexize(startColor.toLowerCase()); 
endColor = dehexize(endColor.toLowerCase()); 

var fadeId = new Array(); 

function dehexize(Color){ 
var colorArr = new makearray(3); 
for (i=1; i<7; i++){ 
for (j=0; j<16; j++){ 
if (Color.charAt(i) == hexa[j]){ 
if (i%2 !=0) 
colorArr[Math.floor((i-1)/2)]=eval(j)*16; 
else 
colorArr[Math.floor((i-1)/2)]+=eval(j); 



return colorArr; 


function domouseover() { 
if(document.all){ 
var srcElement = event.srcElement; 
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && 

srcElement.className.indexOf("fade") != -1)) 
fade(startColor,endColor,srcElement.uniqueID,stepIn); 



function domouseout() { 
if (document.all){ 
var srcElement = event.srcElement; 
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && 

srcElement.className.indexOf("fade") != -1)) 
fade(endColor,startColor,srcElement.uniqueID,stepOut); 



function makearray(n) { 
this.length = n; 
for(var i = 1; i <= n; i++) 
this[i] = 0; 
return this; 


function hex(i) { 
if (i < 0) 
return "00"; 
else if (i > 255) 
return "ff"; 
else 
return "" + hexa[Math.floor(i/16)] + hexa[i%16];} 

function setColor(r, g, b, element) { 
var hr = hex(r); var hg = hex(g); var hb = hex(b); 
element.style.color = "#"+hr+hg+hb; 


function fade(s,e, element,step){ 
var sr = s[0]; var sg = s[1]; var sb = s[2]; 
var er = e[0]; var eg = e[1]; var eb = e[2]; 

if (fadeId[0] != null && fade[0] != element){ 
setColor(sr,sg,sb,eval(fadeId[0])); 
var i = 1; 
while(i < fadeId.length){ 
clearTimeout(fadeId[i]); 
i++; 



for(var i = 0; i <= step; i++) { 
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ 

"/" + 
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ 
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step); 

fadeId[0] = element; 
}
//-->
</script>

<style type=text/css>
.link {font-family:verdana;font-size:10px;color:#cccccc;text-decoration:none;}
</style>
</head>

<body bgcolor=#3366cc>
<a class="link" href="contato.html">seu link aqui</a>
<br><font class="link">todos os links colocados nesta página terão o mesmo efeito</font>
</body>
</html>



================================================================================================

TABELA DE CORES ( veja aqui exemplo)

<html>
<body>
<head>

<FONT SIZE="1" COLOR="red" FACE="verdana, Trebuchet MS, Verdana, Arial">TABELA DE CORES</FONT></B></P>

<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!--
var hex = new Array(6)
hex[0] = "FF"
hex[1] = "CC"
hex[2] = "99"
hex[3] = "66"
hex[4] = "33"
hex[5] = "00"

function display(triplet) {
document.bgColor = '#' + triplet
alert('Agora a cor de fundo é ' + triplet)
}
function drawCell(red, green, blue) {
document.write('<TD BGCOLOR="#' + red + green + blue + '">')
document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')
document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=14 WIDTH=14>')
document.write('</A>')
document.write('</TD>')
}
function drawRow(red, blue) {
document.write('<TR>')
for (var i = 0; i < 6; ++i) {
drawCell(red, hex[i], blue)
}
document.write('</TR>')
}

function drawTable(blue) {
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
for (var i = 0; i < 6; ++i) {
drawRow(hex[i], blue)
}
document.write('</TABLE>')
}

function drawCube() {
document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')
for (var i = 0; i < 6; ++i) {
document.write('<TD BGCOLOR="#FFFFFF">')
drawTable(hex[i])
document.write('</TD>')
}
document.write('</TR></TABLE>')
}
drawCube()
// --></SCRIPT>
<TABLE BORDER="0" WIDTH="17%" HEIGHT="108">
<TR>
<TD WIDTH="100%">&nbsp;</TD>
</TR>
<TR>
<TD WIDTH="100%">&nbsp;</TD>
</TR>
<TR>
<TD WIDTH="100%">&nbsp;</TD>
</TR>
<TR>
<TD WIDTH="100%">

</TD>
</TR>
</TABLE>

</CENTER>

</BODY>
</HTML>







Nenhum comentário:

Postar um comentário