Eres Diseñador Web? Entra aqui [Intro Web]

Esta seria un Excelente intro para tu clan Ok ahora empezaremos con el HTML: Cabe destacar que en este tema vamos haber un poco de como va a quedar el diseño completo, lo primero y lo mas basico. Ahora si. Primero crearemos un DIV que se va a llamar DAS y el eslogan, en mi caso para luego trabajar con los estilos CSS: Como segundo crearemos la de taringa, en esta DIV alojamos la imagen de TARINGA Recuerden que es un proyecto y por eso la ruta de la imagen. Ahora crearemos las DIVS necesarias para el MENU de USUARIO que convinaremos con un JAVASCRIPT para provocar el efecto. Con eso tenemos completo la parte del codigo del HTML. Seguimos con el CSS: Ok recuerden que en el HTML designamos los ID a las DIVS que son necesarias para trabajar con el CSS. Primero le daremos un estilo al BODY señalandole cual es la imagen de fondo: body { background-image: url(../../images/Sin%20t%C3%ADtulo-3.jpg); background-repeat: no-repeat; } Entonces para la DIV "DAS" y "ESLOGAN" la trabajaremos asi #das { position:absolute; left:26px; top:26px; width:107px; height:61px; background-color: #000; background-image: url(../../images/Sin%20t%C3%ADtulo-3.png); background-repeat: no-repeat; } #eslogan { position:absolute; left:26px; top:89px; width:219px; height:28px; color: #09F; } Ahora seguimos con la DIV "TARINGA" #taringa { position:absolute; left:222px; top:25px; width:109px; height:65px; } Sigamos con los ESTILOS de las DIVS del MENU de USUARIO #inicio{ position:absolute; left:93px; top:233px; width:57px; height:29px; color: #FFF; } #videos { position:absolute; left:93px; top:283px; width:85px; height:31px; color: #FFF; } #imagenes { position:absolute; left:84px; top:334px; width:87px; height:31px; color: #FFF; } #torneos { position:absolute; left:76px; top:385px; width:90px; height:36px; color: #FFF; } #equipo { position:absolute; left:94px; top:436px; width:99px; height:38px; color: #FFF; } Y con eso indicamos la posicion y los tamaños de las DIVS. Hechemos un Vistaso al JavaScript Este es un codigo que sirve para sustiuir un imagen por otra, lo trabajan casi todas las web, es muy liviano y muy bonito tambien. function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i