1. CODIGOS HTML
Con este códigopodemoslograrese tanconocidoefectoque al pasarel mouse sobre unlink,
este se subraye.Podemoshacerque tengauncolorantesde visitarel link,yque tengaotro
una vezvisitado.
<STYLE type="text/css">
<!--
A:link{COLOR:red;TEXT-DECORATION:none}
A:visited{COLOR:gray;TEXT-DECORATION:none}
A:active {TEXT-DECORATION:none}
A:hover{COLOR:blue;TEXT-DECORATION:underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El textoque quieras.</a><br>
<a href="l2.htm">otrotexto.</a><br>
<a href="l3.htm">Otrotexto.</a><br>
</p>
Cuadroexplicativode losenlaces:
Sorprendé atus visitantesconeste asombrosotruco.Al pasarel mouse sobre el link,aparece
la explicaciónde ese linkenuncuadrocon la cantidadde palabrasque queramosponer.
<p>
<script language="JavaScript"><!--
functionescribe(frase){document.desplaza.cuadro.value=frase;}
2. // --></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>Opciones.</strong></p>
<p><a href="http://www.pauluk.8k.com"
onmouseover="escribe('Páginaprincipaln----------------nnCuandohagasClickeneste enlace
irás directamenteala páginade iniciode mi web');">Página
principal</a><br>
<a href="http://www.suweb.net/users/pauluk/trucosprin.htm"
onmouseover="escribe('TrucosPCn-----------nnEste enlace te llevaráalapáginade Trucos
PC enla que podésencontrarmuchosmástrucos interesantespararealizare incluirentus
páginasweb');">TrucosPC</a><br>
<a href="http://www.suweb.net/users/pauluk/GLOSARIO.HTM"
onmouseover="escribe('Glosarion-------------- nnDiccionariode TérminosInformáticos.
Enterate el significadode esaspalabrasde computaciónque decístodoslosdíasperoque no
sabésexactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textareaname="cuadro"rows="8"cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>
Otra barra con mas colores:
3. A continuaciónveremosotrocódigoparaponerle colora labarra de desplazamiento,eneste
caso vamosa poderpersonalizarloscoloresde labarra,del fondoy losbordes.Reemplazarlos
nombresde loscoloresporotros o por loscódigode letrasy números.Mas abajoestála tabla
de colores.
<style>
<!--
body{ scrollbar-face-color:darkgreen;
scrollbar-shadow-color:yellow;
scrollbar-highlight-color:violet;
scrollbar-3dlight-color:navy;
scrollbar-darkshadow-color:magenta;
scrollbar-track-color:blue;
scrollbar-arrow-color:black}
-->
</style>
Observación:paravereste truco,es necesariotenerinstaladalasúltimasversionesde los
navegadores
Crear unformulario:
Con este códigopodemoscrearunformularioparaque complete el visitante.Porejemploun
librode visitas,luegoque el visitanteaprieteel botónenviar,losdatosseránenviadosatu
casillade correo.
<H2>Libro de visitas</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com"METHOD="post">