El theme original es de “Stephen Reinhardt”, lo único que hice fue agregarle algunas funciones y cambiarle algunos detalles simples …

Primero que nada tomé las medidas que necesitaba mediante Firebug, ya que esta herramienta me sirve mucho para cuando quiero checar algún aspecto en cualquier diseño web . Posteriormente chequé si se podía hacer líquido el diseño, prácticamente cualquier diseño se puede hacer líquido siempre y cuando no tenga imágenes ya que estas no se expanden proporcionalmente y aunque así fuera, se pixelean . Ya que vi todas las imágenes del theme me di cuenta que solo eran imágenes con repeat así que por lo tanto si cambiaba el tamaño de cualquier contenedor, las imágenes de fondo se mantendrían correctamente con respecto al ancho de los mismos contenedores. Posteriormente inserte algún texto (como por ejemplo “lorem ipsum”) en el sidebar y en los contenedores de las entradas, esto para probar cual es el ancho máximo legible y que medidas darle tanto al sidebar como al contenido. Mi monitor tiene una resolución de 1680x1050px así que tomando como base ese ancho calculé por tanteo un ancho máximo que por supuesto tampoco llena completamente en el wrap (también conocido como wrapper) en el cual están las entradas y el sidebar.

Después de elegir este punto máximo de ancho el cual fue de 1300px (CSS: max-width:1300px;), elegí un ancho máximo para el contenedor de las entradas 785px (CSS: max-width:785px;) y el contenedor del sidebar 350px (CSS:max-width:350px;) por tanto eso son los límites y cuando el ancho de pantalla tiende a 1300 va aumentando hasta llegar a este límite. Pero ¿a donde se han ido los otros 165 px? pues bueno intenté llenar lo más que pude el ancho sin que se vea ilegible, por ejemplo si tienes una pantalla con un ancho de 1000px y tienes texto que va de lado a lado simplemente te pierdes a la hora de leer ya que cada línea de texto es tan extensa que no sabes en cual continuar asi que además de aprovechar al máximo el ancho, también lo distribuí de manera centrada dentro del ancho máximo total del contenedor llamado wrap, de modo que esos 165px estas entre las entradas y el sidebar como un aislante, un separador ya que pegando el sidebar al contenido de las entradas uno podría confundirse e incluso se vería amontonado. Además de que este espacio sirve como un compensador del espacio ya que al reducirse los anchos no son proporcionales y el sidebar por cuestión de estética deja de reducirse antes que el contenedor de entradas, es entonces cuando el espacio libre entra en acción, el contenedor de entradas sigue usando porcentajes, sin acercarse totalmente a su ancho mínimo, por tanto puede apoderarse del espacio libre de 165px del cual se ha venido apoderando a partir de que el ancho total del contenedor wrap es inferior a 1146.94px, el diseño no se alcanza a desbordar en ningún momento ya que deja de apoderarse de el ancho extra cuando llega a su ancho mínimo el contenedor wrap de 760px (CSS:min-width:760px;) y por tanto aunque reduzcas la resolución o el ancho de la ventana (medida la cual resultaría un poco ridícula a menos que estés en un celular) no se sale de este contenedor el sidebar ya que aún quedan 3px libres aproximadamente . No lo hice con un ancho exacto de 800px ya que la barra de desplazamiento también quita algunos pixeles, no quita tanto como los 40px pero funcionan bien .

Una vez con el esqueleto del diseño terminado solo falta cambiar algunos detallitos en cuanto a colores, bordes y el diseño opuesto al de color opaco, el cual consiste en una hoja de estilos idéntica a la primera excepto en los colores backgrounds, hovers, colors, anchors, divs, etc. Por cierto que el footer y el header tienen un ancho de 100% asi que no necesitan un ancho máximo ni mínimo ya que estos ya están dados por el wrap. Digamos que es como un resorte que cuando llega al mínimo no deja que lo que esta atrás y adelante de este se reduzcan más que el tamaño del mismo.

En el header incluí un javascript el cual fue fusil de otro sitio xD tuve que revisarlo y quitarle algunas cosas que no se usaba de ese script, yo no se mucho realmente de javascript y ese script usaba DOM y todo un rollo para hacer que funcione, es como un switch que te cambia el CSS default al alternativo . Posteriormente hice en MS Paint un foquito prendido y uno apagado con las mismas medidas. Luego aplique el siguiente CSS:

div#dark {
cursor:pointer;
background:url(images/oscuro.gif) no-repeat fixed right bottom;
text-indent:-9999px;
overflow:hidden;
position:fixed;
z-index:9999;
padding:0;
margin:0;
bottom:0;
right:0;
width:30px !important;
height:62px !important;
}

div#dark:hover {
background:url(images/claro.gif) no-repeat fixed right bottom;
}

div#lite {
display:none;visibility:hidden
}

En el CSS para la plantilla blanca solo aplique igual en la misma dirección y en sentido opuesto

Posteriormente un pequeño script para que en los comentarios al dar click en las caritas se pongan en la caja de texto y finalmente las respectivas traducciones al theme .

Con respecto al botón de no pinchar solo es una imagen fixed con CSS con un link a una página donde hay un contador. En “Esta Página” te proveen del código para tu botón para que lo coloques donde gustes sin embargo yo decidí que se desplazara con la página así que modifique un poquito el código. Y pues también tiene un pequeño error por allí ya que también debería de aparecer un mini-chat para que puedan dejar su comentario pero aparece como error 404 U_U .

Ese botoncito tiene un link con algunas variables que se envían en php y entonces el sitio toma la variable del sitio donde se pidió el botón y supongo que en una base de datos tienen el url de cada página y su respectiva cantidad de impresiones xD . Pero pues ya estoy pensando seriamente en quitarlo debido a que estamos regalandole dinero a los de acuerdate.net ya que cada que das click tiene anuncios de adsense y les cuenta la impresión XD .

Solo restaba validar el theme y corregir las etiquetas que no estuvieran correctamente cerradas .

Mi banner (son 2 uno para el theme claro y otro para el oscuro) me lo hizo Illi.Pro jeje se lo pedi como un favor ya que no se mucho de Photoshop .

Espero esto haya aclarado tus dudas darkquicksilver y espero el post sea de utilidad jeje .

Hay que echarle una leída a un manual de javascript por que esta dura la procrastinación :S .

Transición: 25% Jeje avanzo digamos que más o menos rápido hasta ahora .

La idea de crear una página para un grupo de especialistas dedicados al desarrollo y bienestar familiar fue de mi hermana, así que pues yo le ayude con la instalación de esta y el diseño de la misma, elegimos un theme y, aunque la primera versión del diseño del sitio contenía muchas imágenes con degradados y batalle un poco con las mismas al final resulto bien, sin embargo hemos decidido renovar el diseño del sitio de modo que elegimos otro theme llamado Balance of Blue por Brandon Cox este tema es simple y limpio, edite manualmente el sidebar incluyendo la función para los widgets solo para los comentarios recientes, lo demás son funciones llamadas manualmente desde el sidebar. Edite un poco el Footer de modo que se distribuyera de una mejor manera y eliminé un div que no tenía ninguna utilidad, solo funcionaba como si usaran un “clear:both;” en CSS cosa que fue lo que hice ya que sin ese div que eliminé se pegaba a la derecha el footer jeje. Edite algunos atributos en CSS como el hover, cambié algunos detalles y finalmente hice algunas traducciones al theme como lo que son comentarios y la fecha .

¿Qué es Unidos Por La Familia?

Son un grupo de especialistas dedicados al desarrollo y bienestar familiar. A través de unidosporlafamilia.org te informan sobre las actividades que estén llevando acabo en diferentes ciudades. Puedes dejar tus comentarios y sugerencias sobre los temas que presentan.

¿Cuál es su misión?

Brindar a las familias estrategias que les permitan desarrollar habilidades para la prevención y resolución de conflictos en el entorno familar con la finalidad de mantener la unión, comunicación e integridad del núcleo familiar.

Bueno, esta fue una breve explicación de lo que es Unidos Por La Familia, solo queda invitarlos a ver el nuevo diseño y obviamente si les interesa también algun tema al respecto pueden checarlo .

Click Aquí Para Accesar a “Unidos Por La Familia”

1.- tetris en linea –
2.- saw v – que empiece el juego!
3.- saw v mexico – ya pasó fue el viernes 31 de octubre (por lo menos en el D.F.)
4.- saw v en mexico – De seguro cambiaron mucho los resultados de búsqueda…
5.- christian leon – Yo de nuevo
6.- saw v cinepolis – xD mira el 3 en la lista
7.- mmcinemas saw v – Dicen que también el 31 de octubre, yo fui a cinépolis
8.- cuando se estrena saw v en mexico – Se estrenó el 31!!! >_<
9.- cinepolis saw v – 3 en la lista…
10.- saw v cinemex – 3 en la lista!!! :S
11.- planeta de oxxyux – El blog de mi papá (Kain)
12.- supera leon – Tio, que traes contra mi? xD
13.- cinemex saw v – :S y yo pensé que me traumaba Saw…
14.- zeitgeist – Here!
15.- super mario bros – No anda aquí pero si SMBZ
16.- saw v estreno en mexico – 3 en la lista…
17.- saw v en cinepolis – Caramba cuanta gente quería ver Saw xD total que yo creo que nadie se enteró al final
18.- saw v en linea – Mas bien buscas la página oficial, es esta: http://www.saw5.com/
19.- como funciona el sistema nipper – funciona? click aquí.
20.- logotipo cbtis – El engrane mejor búscalo en imágenes

Como pueden darse cuenta la mayoría de las personas estuvo buscando a Saw en todas partes nadamas que ya se estrenó el 31 de octubre a ver que sale en el próximo Zeitgeist .

Por cierto aprovecho para anunciar que he estado trabajando junto con illi.pro en algo nuevo así que esperenlo

Y además probablemente los sitios de mis familiares cambiarán de diseño, si todo va bien puede que cambie el diseño del sitio también

En teoría Saw V se estrenaría el 24 de Octubre sin embargo eso es en Estados Unidos, y la fecha oficial para México ha sido movida para el 31 de Octubre . Se dice en internet que en Cinemark y MMCinemas se estrena este viernes sin embargo cuando les pregunte a los empleados de Cinemark solo me dijeron que no sabían así que me fui al Cinemex y allí en sus hojitas lo tenían como El Juego del Miedo V, pero bueno me dijeron que sí se va a estrenar el Viernes 31 de Octubre y que además los horarios serían expuestos el miércoles en la noche o el jueves .

Bueno pues SAW es una de mis películas favoritas xD y no me pienso perder Saw V así que tengo que estar listo para el viernes que se estrena la película (bueno mi plan es verla el mismo viernes jeje).

Aquí les traigo el Teaser Trailer de Saw V:

Click here to view the embedded video.

También han entrevistado a Tobin Bell (Jigsaw), y aquí tenemos parte de lo que dice acerca de Saw V

CLICK PARA VER LA ENTREVISTA A TOBIN BELL

Para mas información: Sitio Oficial de Saw V

Parte I.- La más grande historia jamas contada. Habla sobre la farse de los sistemas teológicos, y sobre el mito de Jesús y el cristianismo.

Parte II.- Todo el mundo es un escenario. Habla sobre el mito del 11 de Septiembre, y la sarta de mentiras que rodean a este atentado terrorista.

Parte III.- No prestes atención a los hombres de detrás de la cortina. Habla sobre las manipulaciones a las que ha sido sujeto el pueblo americano y el mundo en general durante estos últimos 100 años, y sobre el precioso futuro que nos espera como sigamos ignorando lo que está pasando.

Click here to view the embedded video.

Click here to view the embedded video.

Click here to view the embedded video.

Un trailer en el que se muestra algo de lo que pasaría después de la película.

Click here to view the embedded video.

Y un vídeo extra para los que ya vieron REC

Click here to view the embedded video.

El último anuncio que creó Amnistía Internacional para concienciar sobre las violaciones a los derechos humanos hace ocho meses aún no lo has visto en televisión. Ni lo verás. Se llama El poder de tu voz y paradójicamente no puede ser emitido por ninguna cadena porque lo ha prohibido el Ministerio de Industria, Turismo y Comercio.

A este spot le ha sido denegada la exención de cómputo publicitario, una certificación para que su duración no se tenga en cuenta como publicidad comercial; con ello se impide su emisión gratuita.
Pero lo más grave no es que le nieguen el carácter de servicio público, sino que además lo califican como publicidad política, que en España sólo se permite por parte de los partidos y sólo en período electoral. Según el Informe del Ministerio: “el mensaje principal en el anuncio (…) no es el de defender determinados derechos, sino afirmar que estos están siendo violados por determinados dirigentes (…)“.

Dicha calificación supone considerar ilegal la emisión por parte de cualquier canal de televisión (art. 9.1 c Ley 25/1994) y sancionable como infracción grave (art. 20.2 de la misma ley). Pero como dice el Barón Rojo, de los blogs no dice nada. Así que aquí lo tenéis, y juzgad por vosotros mismos:

Click here to view the embedded video.