Acerca de...

DiseñoGeek es un blog personal en el cual escribo sobre temas relacionados con el diseño gráfico, un poco de programación y también ayudo a gente que este empezando con su blog o sitio web.

29/11/07

Mostrar imagenes aleatorias codigo HTML Javascript

Te interesa que cada vez que ingresen a tu sitio/web aparezca un a imagen aleatoria? Ok, lo unico que tienes que hacer es copiar el siguiente código javascript, y pegarlo en donde desees que aparezca la imagen.

Así, cada vez que entras ves una diferente (o no, si da la casualidad de que sale la misma, porque es aleatorio).

Si quieres ver un ejemplo de como es aleatoria la imagen:

<script language="javascript">

function VecImagenes()
{
n=0;
this[n++]="img/friends.jpg";
this[n++]="img/friends2.jpg";
this[n++]="img/yo.jpg";
this[n++]="img/conmigueldeicaza.jpg";
this[n++]="img/decumple.jpg";
this[n++]="img/grupito.jpg";
this[n++]="img/enhispalinux.jpg";
this.N=n;
}
var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<img src="+src+" align=right>");
</script>


Por ultimo lo que te queda hacer es remplazar las direcciones entre "" que se encuentran dentro del código, por las direcciones de las imágenes que quieres "randomizar".

Mejor formato de anuncios de Adsense

Como bien dice Adseok, el anuncio de 300x250 es muy efectivo ya que da una gran elección a los visitantes. Al ser grande y visible, permite elegir entre mas de 3 sitios, y esto es agradable a la vista de los visitantes. En el blog de Adsense, tambien lo recomiendan como un aumentador de ganancias, siempre y cuando lo coloques en la parte superior del sitio.

Por eso es que últimamente se encuentra en la parte superior de la pagina un rectangulo de 300x250, además queda bien a la vista.


Lo recomiendo, coloca este tipo de anuncios en tu sitio, y mejoraras tus ganancias.

131 Estilos para photoshop para web 2.0

Últimamente las web 2.0 son las mas populares, por el hecho de ser distintas. ¿Y porque son distintas?, porque tienen diseño distintos a otras web. Si te gustaría estar en la onda 2.0, te recomiendo que te fijes en este paquete de estilos para photoshop.



Te lo recomiendo.

28/11/07

1500 Iconos gratis para descargar: Crystal Project

Crystal Project es un conjunto de iconos libres/gratuitos, elaborado por un grupo de desarrolladores. El pack contiene mas de 1500 iconos estilo cristal. Pero no solo la cantidad es impresionante, también su calidad, que bien puede compararse con los paquetes comerciales.

Los iconos se encuentran todos en formato png y en tamaños 16×16, 22×22, 24×24, 32×32, 48×48, 64×64, 128×128 y 256×256. El paquete esta dividido en tres archivos:

Realmente muy favorable para aquellos que buscaban iconos libres no solo para su pc sino también para diseño gráfico.

Sitio: Everaldo.com

Via: BlogAndWeb

Sacar la barra de navegación de Blogger Beta (Navbar)

Muchas veces los blogger novatos, o recién empezados se han preguntado como eliminar la barra que se encuentra arriba del todo. La Navbar la podemos sacar pegando el siguiente código antes de la etiqueta <head>.


<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Esto es todo.

Fácil no?

FAVICON.ICO - Código HTML para Blogger

El Favicon.ico es el icono que se encuentra justo a la izquierda de la dirección URL (en algunos navegadores). Es probable que si estés usando IE no lo veas, mientras que usando Mozilla Firefox si puedas.

Una vez subido el favicon en algún servidor o en el mismo blogger remplazamos la dirección de la imagen y la colocamos en nuestra plantilla, entre <> y <> con el siguiente código:

< rel="shortcut icon" href="http://www.tudominio.com/favicon.ico">

Para más información podeis visitar favicon.net

27/11/07

Crear un Rompecabezas (Puzzle) con Photoshop



Un pequeño video tutorial de como crear un rompecabezas o puzzle, con Adobe Photoshop.

Imagen Original
Imagen Original Rompecabezas puzzle

Textura
textura texture rompecabezas puzzle

Resultado Final del Rompecabezas
 Rompecabezas puzzle final

26/11/07

Rendur: Edita y previsualiza HTML y CSS en linea

Rendur es un sitio web que te permite editar tu código HTML y CSS pero con la particularidad de poder visualizar ese código conforme lo vamos escribiendo, además que puedes mover o redimensionar la subventana del editor para mayor comodidad.

http://img515.imageshack.us/img515/9138/rendurmj0.png

Via DoctorUno

Creador de logos 2.0

Logo Creator es un sitio en el que podrás crear logos al estilo 2.0 para tu blog o sitio. Ademas de que te ahorra el trabajo con el photoshop, es muy fácil de usar y tiene mas tipos de logos para elegir, como por ejemplo, logos al estilo Google o Yahoo!.

Acá un ejemplo de como queda el logo al estilo 2.0:
No se puede mostrar la imagen “http://img258.imageshack.us/img258/7460/diseogeekvx0.png” porque contiene errores.
Lindo y fácil no?

Entrá y crea tu logo, no te vas a arrepentir.

25/11/07

Dafont: Tipo de letras para Windows y Mac

http://img107.imageshack.us/img107/7181/dafontac6.gif

Dafont es un sitio con infinidad de letras de todo tipo, desde la letra de Coca-Cola hasta Arial versión pixel.

Es imperdible, te recomiendo que por lo menos le eches un vistazo, muy buen sitio. Ademas tiene fuentes para Windows y para Mac también.

Esto es todo, próximamente comentare sobre otras paginas que tengo anotadas y que tienen muchísimas fuentes también.

ImageShack, hosting de imagenes

No se puede mostrar la imagen “http://imageshack.us/images/header_white.jpg” porque contiene errores.

ImageShack es el hosting de imagenes por excelencia de la web. Su rapides y capacidad de tamaño, lo identifica como uno de los mejores hosting.

Si tienes fotos que subir, ya sea para tu web o para tu blog, falta que entres a ImageShack y cuelgues tus fotos.

Crea menús CSS con CSS Tab Designer 2.0

CSS Tab Designer 2.0 es una herramienta gratuita desarrollada por OverZone Software, muy imperdible ya que es muy facil de usar, y no requiere de conocimientos.

Si quieres probarlo descargartelo.

Css Tab te deja hacer menús elegantes y a la vez dinámicos, para que lo puedas usar en tu web/blog, y no tengas que andar luchando con los viejos menús HTML.




Pixelicious, 150 iconos pixel

PixelResort te ofrece una variedad de 150 iconos pixel para usarlos en tu web/blog.Son iconos en formato PNG con una dimensión de 32x32, listo para usar.


iconos-pixelicious.png


Pixelicious: Descargar (2.09 MB) - Web

 

Diseñado por Diseño Geek