En el siguiente articulo veremos ejemplos de como insertando una imagen de fondo en un TEXTAREA podes mejorar el aspecto del mismo.
Veamos un ejemplo de lo que queremos lograr...
Para lograr ese efecto solo demos crear la imagen punteada y mediante CSS indicar que queremos que esa imagen este de fondo en nuestro TEXTAREA, veamos el código...
<textarea name="textarea" cols="30" rows="4" style="background-image:url(fondo_textarea_1.gif); background-repeat: repeat"></textarea>
Dentro del parámetro style tenemos definido background-image que indica la ruta a la imagen que queremos poner de fondo y background-repeat: repeat que indica si queremos que esta imagen se repita, en este caso utilizamos repeat para que se repita a lo largo y a lo ancho, veamos un ejemplo de como repetir la imagen a lo largo...
Esa es una ejemplo mas de como aplicar las imágenes de fondo, veamos el código que tiene algunos cambios...
<textarea name="textarea" cols="30" rows="4" style="background-image:url(fondo_textarea_2.gif); background-repeat: repeat-y; padding-left: 10px"></textarea>
En este caso marcamos en negrita los cambios con respecto al codigo anterior, vemos que en background-repeat utilizamos como valor repeat-y que indica que la imagen se repetira en vertical y también agregamos padding-left: 10px que su función es crear una especie de margen a la izquierda de 10 pixeles (asi no pisamos la imagen con el texto).
A continuacion les dejo las imagenes para descargar...
Permite lograr el mismo funcionamiento de los botones Atrás y Adelante del navegador.
Código:
Atrás:
<a href="javascript:history.go(-1)"><<-Atrás</a>
Adelante
<a href="javascript:history.go(1)">Adelante->></a>
<<-Atrás
Adelante->>
Cómo evitar que su web sea mostrada en un frame de otra web
Un modo de utilizar un enlace es ejecutarlo "dentro" de un frame o marco del propio sitio. En ocasiones, algunos webmasters tratan de apropiarse de su conetenido empleando esta técnica, haciendo que su web aparezca como un frame en la de ellos (esto se conoce como "framing").
De este modo, la página que "invoca" el link mantiene el control de la navegación, sus logos, su publicidad, su menú lateral, mientras "muestra" la página linkeada dentro del frame (llegando en los casos extremos a OCULTAR la información de la página que está utilizando).
Este último caso, el caso en el que se OCULTAN los datos de la página cuyo contenido se está utilizando y en el que el navegante ni siquiera logra distinguir que está viendo información de otro sitio, desde ya es ABSOLUTAMENTE ILEGITIMA.
Para evitar el "framing", causando que la página siempre se abra ocupando la ventana del navegador completa y no aparezca en un frame (si el cliente soporta JavaScript), basta con agregar en la sección HEAD de la página el siguiente script:
<script language="JavaScript">
<!--
if (self != top) {
if (document.images)
top.location.replace(window.location.href);
else
top.location.href = window.location.href;
}
//-->
</script>
Cualquier intento de mostrar la página que contenga este script en un frame, será infructuoso, quedando siempre visible en la ventana completa del navegador.
Ver el tiempo que tarda en ejecutarse una página PHP
Este código nos mostrará el tiempo que tarda en ejecutarse una página PHP, es ideal para ir optimizando las páginas probando diferentes algoritmos y así saber cuál es más rápido o también simplemente como un "adorno" a nuestra página.
El código se divide en dos partes, la primera que toma el tiempo actual...
<?php
$mtime = microtime();
$mtime = explode(" ",$mtime);
$mtime = $mtime[1] + $mtime[0];
$starttime = $mtime;
;?>
Este código va al principio de nuestra página PHP y lo que hace básicamente es guardar en la variable $starttime el momento (horario) en que se inicia la ejecución de la página.
Luego del código anterior colocamos los demás contenidos de la página y al final de la misma agregamos el código siguiente...
<?php
$mtime = microtime();
$mtime = explode(" ",$mtime);
$mtime = $mtime[1] + $mtime[0];
$endtime = $mtime;
$totaltime = ($endtime - $starttime);
echo "Esta página se creó en ".$totaltime." segundos.";
;?>
Los Meta-Tags, son etiquetas (tags) que se sitúan en medio de las etiquetas <HEAD> y </HEAD>, en cualquier archivo HTML, el uso que se le puede dar es el de especificarle al browser distintas cosas o a los robots (bots) de buscadores, como por ejemplo, si una pagina puede ser guardada en el cache de nuestra maquina, o para decirle que nuestra pagina se actualice automáticamente cada X minutos, especificar el autor de una página, etc.
Otra utilidad que se le da a las meta-tags, es el de mostrarles o decirles a los robots de internet, que tienen que hacer al encontrar nuestra pagina.
Un robot es una especie de script o programa, que va surcando la red, siguiendo links y guardándolos en una base de datos, para que luego sean utilizados en buscadores o mas específicamente motores de búsqueda, un ejemplo muy importante de un motor de búsqueda es Altavista.com. Por eso nosotros tenemos que estar preparados para cuando el robot llegue sepa que hacer y para donde ir dentro de nuestro site.
Para comenzar a introducirnos en el mundo de los meta-tags, tienen que saber que siempre tendrán la siguiente estructura:
<meta name="accion_o_propiedad" content="contenido">
En realidad la estructura puede variar por ejemplo en la parte donde dice name puede decir HTTP-EQUIV o algo similar, pero siempre va a tener los mismos principios.
Dándole una descripción al robot
Esto nos sirve para especificarle al robot que tiene que poner en la descripción del site cuando el mismo aparezca en la lista de todos lo sitios, para esto debemos poner el siguiente código:
<meta name="description" content="descripcion de tu sitio">
Las palabras clave
Estas son las palabras, por las cuales los usuarios del buscador nos encontraran, vamos a ver el ejemplo para ser mas claros:
<meta name="keywords" content="palabra, clave">
En este caso debemos especificar las distintas palabras claves separadas por una coma. Vamos a dar un ejemplo menos técnico, supongamos que yo tengo un site que trata sobre autos, en las palabras claves debemos poner cualquier tipo de palabra relacionada con el tema, podríamos poner:
<meta name="keywords" content="autos, coches, carros, carreras, cars, ferrari, ford, chevrolet, chevi, etc">
También es importante que no agreguen palabras que no tienen relación con su sitio, ya que muchas personas utilizan esto para figurar en una mayor parte de búsquedas, pero los últimos robots ya tienen la habilidad para darse cuenta si las palabras claves son reales o no.
Robot, sígueme!
Esta es uno de los comandos mas importantes para el robot, ya que aquí mismo le diremos que hacer con nuestra pagina, podemos especificarle que añada nuestro sitio al buscador, o no, también si queremos que siga los links que se encuentran en nuestra pagina.
<meta name="robot" content="index,follow">
Podemos hacer todas las combinaciones posibles entra Index (añadir nuestro site al buscador) y follow (seguir links), siempre separados por una coma.
index,follow (añade,sigue)
noindex,follow (no añade,sigue)
index,nofollow (añade,no sigue)
noindex,nofollow (no añade,no sigue)
Actualización automática
Esto es muy simple cada X segundos la pagina se actualiza automáticamente, a demás si ponemos después de los segundos un punto y coma (;) y URL=pagina.htm, se redirecciona a otra pagina.
<meta name="refresh" content="segundos;URL=pagina.htm">
No al cache
Solamente ponemos esto tal cual esta acá, si queremos que la pagina no se guarde en la memoria cache.
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">