| Sección
"Java Scripts" |
|
Lección
78 |
Efecto
de texto 3D.
Este
es un efecto muy hermoso al cual puedes instalar
fácilmente en tu sitio.
Para
lograr este efecto pegas este Script en cualquier sector de tu sitio, pero
siempre debajo de donde dice
<Head> en el HTML de tu página:
<!----------------- PLEASE ATTACH THIS IF USED -------------->
<meta name=author
content="Raul R. Edwards">
<meta name=copyright
content="Software Angel, Inc. (c) April 1, 1999"> <meta license=GNU
content="GNU General Public License Version 1.2
as published by the Free Software Foundation"
<!----------------------------------------------------------->
<style>
body { background:silver; font-family:Arrus BT,Garamond,Times New
Roman; }
div { position:absolute; }
</style>
<style>
a { text-decoration: none; color:maroon; vlink:maroon; alink:red;}
a:hover {color: red }
.info { font-family:Times New Roman; positon:relative;}
.light { top:-1; left:-1; color:white;}
.shade { top:+1; left:+1; color:pink; }
.fill { top:0; left:0; color:red; } </style>
<style>
.shade1 { top:+5; left:+5; color:black; }
.fill1 { top:0; left:0; color:red; }
</style>
|
Lo
que pinté con verde es el color de fondo de la
página, lo modificas a gusto, pero siempre
colocando nombres de colores en inglés (los
buscas en un diccionario ingles español).
Lo
que pinté con azul es el color del efecto en las
letras, lo puedes modificar a gusto.
Y
a este código lo pegas en reemplazo de la
etiqueta
<Body> en el HTML de tu página (es decir,
borras la etiqueta
<Body> y pegas en ese lugar este código):
<div class=Example1>
<div class="shade1">
<center><h1>Bienvenidos!!!</h1></center>
</div>
<div class="fill1">
<center><h1>Bienvenidos!!!</h1></center>
</div>
|
Lo
que pinté con rojo es el mensaje que sale en la
ventana realizando el efecto, lo cambias a
gusto
Aquí copio nuevamente el código con
opción para seleccionarlo, cortar y pegar en tu
sitio.
Para
ello haces click en cualquier palabra que se halla
dentro de la caja, Te diriges a "Edición"
en el menú superior de la barra de herramientas, e
indicas "Seleccinar todo", luego tomas lo
seleccionado dirigiéndote nuevamente a "Edición",
pero esta vez indicas "Cortar", y
posteriormente te posicionas en tu página, donde
quieres colocar este código, entonces te diriges a
Edición, y le indicas "Pegar".
Si
deseas hacer las cosas más rápido, puedes verificar
en "Edición" (está escrito al lado de las
palabras que indican cada orden) que pulsando
"Control" + una letra determinada, puedes
"seleccionar todo", "cortar" o
"pegar" en forma instantánea y con eso
evitas tener que ingresar constantemente al menú de
"Edición".
Esto
es lo que debes pegar debajo de donde dice <Head>
en el HTML de tu página:
Esto
es lo que debes pegar debajo de donde dice <Body>
en el HTML de tu página:
Si
de todos modos, no funciona este efecto, corta
el código HTML que debes colocar en tu página,
pero antes de hacerlo, pégalo en tu Block de
notas, y luego si córtalo de allí y pégalo en
tu sitio. Ahora si no creo que haya ningún
inconveniente que te impida disfrutar de este
bonito efecto.
Recordemos
que este Script también puede ser hallado en el
programa AAScripter v2, el cual puedes bajar de aquí:
http://www.cyberiapc.com
Buena
suerte.
|
