DELACREW.net WEBLOG

Bueno, como podeis ver he conseguido terminar el nuevo diseño de la web y blog. Cada uno diferentes en estética pero con el mismo patrón y recursos.
Por supuesto estoy hablando para Firefox. Cualquier intento de verlo en IExplorer es a cuenta del usuario. Ahora toca la tarea de depurar el código para que se vea igual en Firefox y el fuKinG Explorer.

La verdad es que estoy la mar de contento con el resultado obtenido. La web se ha quedado de lo más elegante sin perder ni una pizca de seriedad y factor "rude". Al contrario, creo que todo ha ganado.
Falta que la valoreis los que la usais.

Ya que estaba con la engorilada, he acabado haciendo hasta una pequeña intro en flash. Agh! Talibanes go ahead. Es muy pequeña no linkea a nada, para estó está un <a href> de html, además de un "head" con todo lo que toca para para hacer las delicias de Google. Esperemos que esto no nos penalice. En ningún momento se rompe la cadena del HTML por tener una animación en el index.
Como podeis ver me ha costado decidirme, no me gusta poner intros en flash y mucho menos poner el archivo html que genera Flash, pura herejía. Por eso lo de integrarlo en un index.html normal, para que sea una página ortodoxa pero con su punto cool. me parto.

Para poder ver la nueva web con su intro debereis vaciar la caché del navegador, así leerá todos los archivos nuevos.
Y ya sabeis, mejor con Firefox.

Esperamos los comentarios. Con todos vosotros…

www.delacrew.net

5 Responses to “3ª generación de web y blog. Por fín…”

1. aritz oiaga Says:
   11. 10 11, 2007 at 8.38 am

   Ey buen trabajo, me da la impresión d que os a podido el lado oscuro a la hora de diseñar jejeje oye una cosilla, para las trasparencias utilizais alguna declaración CSS de este tipo?
   #div{
   opacity: 0.5;
   -moz-opacity: 0.5;
   filter: alpha(opacity=50);
   }
   En mi web lo utilizo pero creo q me daba algun problemilla en el p… explorer, como no, sabeis si esta implementado esas reglas en todos los navegadores? Venga un saludo

2. Administrador Says:
   11. 10 11, 2007 at 12.15 pm

   Hola Aritz!

   Pues si, jaja, parece que ha podido el lado más dark. Ahora tendrá que pasar la prueba de Juanjo, que es un poquito menos dark. je.

   EWfectivamente, usamos declaraciones de CSS3, por ejemplo, para el background del sidebar y el contenido son estas (he quitado las que no tienen que ver con la transparencia):

   .background {
   background-color: black;
   height: 100%;
   filter:alpha(opacity=75); /* IE’s opacity*/
   float: right;
   opacity: 0.75;
   position: absolute;
   top: 80px;
   width: 600px;
   z-index: 99;
   }

   Y estas son las del contenido, donde ponemos el texto y las imágenes :

   .content_contents {
   background-color:transparent;
   filter:alpha(opacity=100); /* IE’s opacity*/
   opacity: 0.99;
   height: 100%;
   margin: 0 0 0 20px;
   position: relative;
   width: 100%;
   z-index: 101;
   }

   -moz-opacity ya no se usa, esta “depracated”.
   El z-index es el nivel de la capa, menos z-index para las que queremos abajo y más z-index para las de arriba.
   Lo de relative y absolute es importante, si no, no funciona el z-index y las capas se acoplan y es un lio. Para el background es necesario que sea ABSOLUTE y para el contenido RELATIVE.

   Como ves hay una declaración específica para IExplorer, pero ahora mismo, no se que pasa, Explorer sólo hace la transpariencia del sidebar y el contenido se lo pasa por el forro…

   Así que esa es la tarea de estos días, hacer que se vea en Explorer… menuda tarea más… asquerosa. :D

3. aritz Says:
   11. 10 11, 2007 at 3.11 pm

   Jeje por si os sirve de alivio (un poquito) en el Explorer 7 si que funciona el tema de la transparencia, pero me imagino que el problema estara con el Explorer 6, hoy me he puesto el 7 ya que Microsoft ahora te permite instalarlo aunque tu Windows no sea original, juasjuas, ya no saben como hacerselo! Gracias con la info, desconocía esas propiedades CSS, agur!!!

4. Administrador Says:
   11. 10 11, 2007 at 5.33 pm

   osi! muchas gracias por la nota Aritz… que alivio cuando he visto que el Explorer7 si que interpreta correctamente las tranparencias. Casi que paso de repasar el código sólo por el l IE6, si es que se puede hacer algo por ello.

   Jeje, pues asunto zanjado. La web parece que fona :D

5. Ruben Says:
   14. 10 14, 2007 at 10.41 pm

   Con un Mac OSX 10.4.10 en un MacBook y un Firefox, la letra cuesta leerla, no se ve clara… pero supongo que es por el contraste de las letras blancas sobre el negro.

Leave a Reply