Página con un monton de pinceles para pintar con photoshop
Ir a la Web
viernes, 19 de septiembre de 2008
Crear Icono y colocar en barra de dirección
En esta página te permite subir una imagen y en base a ella te devuelve el icono.
Ademas te indica como colocarlo en la web
Ir a la Web
Para colocarlo en la web sólo hay que colocar dentro de las etiquetar <head> y </head> el siguiente código:
Ademas te indica como colocarlo en la web
Ir a la Web
Para colocarlo en la web sólo hay que colocar dentro de las etiquetar <head> y </head> el siguiente código:
http://tools.dynamicdrive.com/favicon/
Redireccionamiento automático
Para redireccionar desde una página a otra de forma automática tan solo tenemos que añadir una linea de código entre las etiquetas
Donde el número 7 seria el tiempo en segundos y paginaDestino.html la página a la que será redirigido pasado ese tiempo.
<head> y </head> de nuestra página.
<noscript>
<meta http-equiv="refresh" content="7;url=paginaDestino.html">
</noscript>
Donde el número 7 seria el tiempo en segundos y paginaDestino.html la página a la que será redirigido pasado ese tiempo.
WET FLOOR Reflejo imagen en suelo
Existe una página que indicando la imagen que quieres retocar te genera la imagen con el efecto de las imagenes del coverflow del ipod.
Ver link
Ver link
Obtener parametros URL
Para obtener todos los parámetros de una queryString mediante JavaScript podemos usar una de estas dos funciones:
Primero guardamos la Url que tenemos en el navegador
Con esta primera función se le pasará la url y el nombre del parámetro del que se quiere obtener el valor:
En esta función obtiene todos los parámetros que se estan pasando.
Primero guardamos la Url que tenemos en el navegador
var miUrl=window.location.href;
Con esta primera función se le pasará la url y el nombre del parámetro del que se quiere obtener el valor:
var anio = obtenerParametro(miUrl,'Anio');
function obtenerParametro(miUrl,nomParametro)
{
var parametro = "";
var empiezaParametro = miUrl.indexOf(nomParametro);
empiezaParametro = empiezaParametro + nomParametro.length + 1;
if(empiezaParametro != -1);
{
var urlAux = miUrl.substring(empiezaParametro,miUrl.length);
var terminaParametro = urlAux.indexOf('&');
if(terminaParametro != -1)
parametro = miUrl.substring(empiezaParametro,empiezaParametro + terminaParametro);
else
parametro = miUrl.substring(empiezaParametro,miUrl.length);
}
return parametro;
}
En esta función obtiene todos los parámetros que se estan pasando.
var miUrl=obtenerTodosParametros(window.location.href);
function obtenerTodosParametros(miUrl)
{
var parametro = "";
var empiezaParametro = miUrl.indexOf('?');
if(empiezaParametro == '0');
{
var terminaParametro = miUrl.length;
parametro = miUrl.substring(empiezaParametro,terminaParametro);
}
return parametro;
}
miércoles, 17 de septiembre de 2008
Convertir string a int o float
Question: How do I convert strings to numbers in JavaScript?
Answer: To convert a string to a number, use the JavaScript function parseFloat (for conversion to a floating-point number) or parseInt (for conversion to an integer).
parseFloat syntax: parseFloat('string')
How it works:
The argument of parseFloat must be a string or a string expression. The result of parseFloat is the number whose decimal representation was contained in that string (or the number found in the beginning of the string). If the string argument cannot be parsed as a decimal number, the results will be different in different browsers (either 0 or NaN).
Examples (comments in each line give the conversion results):
parseFloat('1.45kg') // 1.45
parseFloat('77.3') // 77.3
parseFloat('077.3') // 77.3
parseFloat('0x77.3') // 0
parseFloat('.3') // 0.3
parseFloat('0.1e6') // 100000
parseInt syntax: parseInt( 'string' [, base] )
How it works:
The first argument of parseInt must be a string or a string expression. The result returned by parseInt is an integer whose representation was contained in that string (or the integer found in the beginning of the string). The second argument (base), if present, specifies the base (radix) of the number whose string representation is contained in the string. The base argument can be any integer from 2 to 36.
If there is only one argument, the number base is detected according to the general JavaScript syntax for numbers. Strings that begin with 0x or -0x are parsed as hexadecimals; strings that begin with 0 or -0 are parsed as octal numbers. All other strings are parsed as decimal numbers.
If the string argument cannot be parsed as an integer, the results will be different in different browsers (either 0 or NaN).
Examples (comments in each line give the conversion results):
parseInt('123.45') // 123
parseInt('77') // 77
parseInt('077',10) // 77
parseInt('77',8) // 63 (= 7 + 7*8)
parseInt('077') // 63 (= 7 + 7*8)
parseInt('77',16) // 119 (= 7 + 7*16)
parseInt('0x77') // 119 (= 7 + 7*16)
parseInt('099') // 0 (9 is not an octal digit)
parseInt('99',8) // 0 or NaN, depending on the platform
parseInt('0.1e6') // 0
parseInt('ZZ',36) // 1295 (= 35 + 35*36)
lunes, 15 de septiembre de 2008
Imprimir una determinada parte de la página
En el código HTML incluiremos una etiqueta DIV por ejemplo con ID="Imprimir", introduciendo en ella la parte de la página que se quiere imprimir.
Aquí obtenemos todo el código que está dentro del DIV
Creamos una ventana de presentación
En ella escribimos lo que queramos que se imprima
Aquí obtenemos todo el código que está dentro del DIV
var htmlImpresion= document.getElementById('Imprimir');
Creamos una ventana de presentación
var ventimp = window.open(' ', 'popimpr');
En ella escribimos lo que queramos que se imprima
ventimp.document.write(htmlImpresion);
ventimp.document.close();
ventimp.print();
ventimp.close();
sábado, 13 de septiembre de 2008
Flash en HTML
Flash Embedded in HTML
Para introducir un pelicula flash en una página HTML sólo hay que incluir el siguiente código:
<object width="550" height="400">
<param name="movie" value="somefilename.swf">
<embed src="somefilename.swf" width="550" height="400">
</embed>
</object>
viernes, 12 de septiembre de 2008
Efecto Fotografía Retro, Polaroid, con Photoshop
En este artículo vamos a aprender a convertir nuestras fotografías a un aspecto retro, con apariencia antigua, un Efecto Polaroid de los años 80, todo ello con Photoshop.
Abrir página en nueva pestaña
Abrir página en nueva pestaña
Impresion paginada CSS
Existen propiedades de CSS como page-break-after y page-break-before que sirven para alterar el aspecto de las páginas web al ser impresas en papel.
Atributo CSS page-break-after
Sirve para forzar, o no, un salto de línea después de un elemento de la página. Se puede colocar en elementos de bloque, como tablas o capas DIV. Un uso típico sería:
Tanto page-break-after como page-break-before permiten otros tipos de valores, aparte del always que hemos visto en los dos ejemplos anteriores.
Entonces, a la hora de imprimir la web, se insertará un salto de línea después del bloque DIV.
Atributo CSS page-break-before
De manera similar al anterior atributo, page-break-before sirve para decir si queremos, o no, forzar un salto de página antes de un elemento. Si lo colocamos con el valor always, haremos que siempre se cambie de página antes de imprimir dicho elemento.
Esto puede venir muy bien para, por ejemplo, tablas u otros elementos que no queremos que se rompan en dos partes, si coincide un salto de página en medio de la impresión de la página. Con ello hacemos que se cambie de página, con un salto de página forzado y así en la nueva página es más fácil que tengamos espacio suficiente para que quepa la impresión de ese elemento.
Otros posibles valores de los atributos
Atributo CSS page-break-after
Sirve para forzar, o no, un salto de línea después de un elemento de la página. Se puede colocar en elementos de bloque, como tablas o capas DIV. Un uso típico sería:
style="page-break-after: always;"
Tanto page-break-after como page-break-before permiten otros tipos de valores, aparte del always que hemos visto en los dos ejemplos anteriores.
Entonces, a la hora de imprimir la web, se insertará un salto de línea después del bloque DIV.
Atributo CSS page-break-before
De manera similar al anterior atributo, page-break-before sirve para decir si queremos, o no, forzar un salto de página antes de un elemento. Si lo colocamos con el valor always, haremos que siempre se cambie de página antes de imprimir dicho elemento.
Esto puede venir muy bien para, por ejemplo, tablas u otros elementos que no queremos que se rompan en dos partes, si coincide un salto de página en medio de la impresión de la página. Con ello hacemos que se cambie de página, con un salto de página forzado y así en la nueva página es más fácil que tengamos espacio suficiente para que quepa la impresión de ese elemento.
style="page-break-before: always;"
Otros posibles valores de los atributos
- auto: es el valor por defecto. Sólo coloca el salto de página si es necesario..
- always: coloca siempre un salto de línea, después o antes del elemento.
- avoid: evita colocar un salto de línea antes o después.
- left: inserta uno o dos saltos de página, de modo que se pueda asegurar que la siguiente página es una página izquierda (page-break-after), o para asegurar que la página donde se empieza el elemento es una página izquerda (page-break-before). Imaginemos un libro abierto, que tiene páginas a la izquierda y a la derecha para saber a lo que se refiere una página izquierda.
- right: inserta uno o dos saltos de página, para asegurar que se pueda insertar el elemento al principio de una página de derecha (page-break-before) o para asegurar que después del elemento comience una página derecha (page-break-after).
Suscribirse a:
Entradas (Atom)
