Hace tanto tiempo que no escribÃa algo, que decidà subir ésto por lo menos para dar a cuenta que sigo vivo.
Shanti es un dibujo, el primer dibujo a mano para ser sincero que hago en photoshop. La verdad es que lo hice con todas las ganas de que me quedara algo bueno, y claro nunca queda como uno lo imagina pero logre un resultado que me contenta suficiente. (Es un poco oscura, pero no me gustaba mas clara)
Shanti significa “Paz interior” por si las dudas.
Como se puede ver tenemos un nuevo diseño, más entretenido que el otro.
La verdad el sitio ya hace mucho tiempo necesitaba una limpiada de cara. Aquà lo tienen.
Espero con muchas ganas las criticas, si no les gusta háganse respetar como mis lectores y pidan de vuelta el diseño anterior. (No hay problema en volver si no les gusta 
)
El diseño lo hice al 100% yo, igual que el anterior.
Las nuevas son:
Y ojala pueda ir sumando más nuevas….
Saludos
Al momento de diseñar nuestra pagina web, las propiedades más importante que debemos aprender para poder lograr casi todas las formas posibles es Float y Clear.
Ambas se trabajan juntas, pues una sirve para complementar a la otra.
Float en simples palabras es una propiedad de CSS que nos permite “hacer flotar” un elemento a una posición relativa rompiendo el esquema normal de la pagina.
Nos permitirá con facilidad paginas con 2 o más columnas, entre muchas otras cosas.
Esta propiedad tiene 3 valores importantes:
Ahora veremos una serie de ejemplos.
Primero debemos tener dos archivos, el HTML y EL CSS:
EL HTML sera asÃ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Aprendiendo Float y Clear</title> <link href="style.css" type="text/css" rel="stylesheet"/> </head> <body> <div class="box">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> </body> </html>
Al archivo html lo podremos llamar como queramos, en él simplemente se encuentran 4 divs con un numero dentro y la clase Box asignada a ellos.
Luego nuestro archivo CSS que deberá llamarse style.css y estar en la misma carpeta que el html.
.box{
width:200px;
height:200px;
background:#999;
float:left;
border:1px solid #444;
}
Como vemos le he dado ciertas propiedades como tamaño, color y un borde. Solo para reconocer mejor cada div.
Con este codigo nuestros divs se verÃan asÃ:
Como vemos el primer div flota a la izquierda y luego los otros intentan lo mismo, quedando al lado en orden.
Asà mismo, si en vez de tener float:left lo cambiamos a float:right verÃamos todo de la siguiente manera:
Como vemos los objetos “cambiaron sentido” el primer div se fue a la derecha y asà los demás se fueron poniendo a su lado en orden.
Para que noten la utilidad y el cambio, veremos como serÃa sin la propiedad float.
Como se puede ver los objetos no flotan por lo tanto simplemente van quedando uno abajo de otro.
Con float podremos lograr paginas y diseños de varias columnas.
Pero surge un problema, cuando el tamaño de la pantalla es menor a lo que ocupan nuestros objetos estos se irán corriendo para abajo de la siguiente manera:
Este problema se puede solucionar encerrando a todos estos divs dentro de otro que tenga un tamaño igual o mayor al que ocupan todos los divs en linea. Por ejemplo para corregir este error en mi ejemplo deberÃamos encerrarlos en un div con un width:808px; (Contando que cada uno mide 200px más 2px de borde y son 4)
Pero puede ocurrir lo contrario, que queramos que se vea como en la imagen anterior pero al agrandar la resolución de pantalla nuestro diseño se deforme y se forme una linea como en la primera imagen. Para eso tenemos Clear.
Clear es la propiedad que sirve para “romper” el esquema que estaba formando float.
Como vimos por cada objeto que contenga la propiedad float se irán agrupando a su lado uno tras otro sin interrupción al menos que el tamaño de su contenedor sea menor. Al colocarse clear a un objeto le decimos que actúe como si fuese el primero objeto en tener la propiedad float pero en la siguiente linea, y asà el esquema anterior se rompe y comienza uno nuevo de ahà para abajo.
Puede tener los siguientes valor:
Por ejemplo si en nuestro HTML al tercer div le cambiamos su id a box2 y agregamos al css:
.box2{
width:200px;
height:200px;
background:#999;
clear:left;
float:left;
border:1px solid #444;
}
Con esto, sin importar cuanto agrandemos la pantalla nuestra web se verÃa asÃ.
Con float y Clear podremos crear muchas formas de paginas, aquà algunos ejemplos.
Espero que les sea de utilidad. Para cualquier duda, comenten.
Hoy, en la continuación de mi tutorial Como enchular nuestro PC, hablaremos un poco más sobre lo ya indicado en nuestro indice:
Como podemos ver los dos primeros puntos ya están listos, ahora hablaremos de como cambiar nuestro puntero.
El puntero o mouse como lo llamemos nosotros, es tal vez lo más simple de cambiar.
Ahora veremos cuales son los simples pasos para ello.
Dependiendo de como tengamos configurado nuestro pc deberemos ir a una de estas dos direcciones:
Aquà quedaremos en la pestaña Botones, en la cual podremos modificar algunos valores pero creo que ninguno que nos sea de interés. Luego en la pestaña Puntero, podremos cambiar la apariencia. Podemos elegir entre los distintos esquemas que vienen, algunos realmente horribles como son el de dinosaurios o otros bastante buenos como son los Invertidos.
Pero lo divertido es poder tener los nuestros, por ello podemos bajar de Internet cursores y agregarlos.
Podemos bajar un pequeño pack de cursores desde aqui, que contiene unos cuantos bastante agradables.
Los cursores son archivos de exención .CUR o .ANI, diferenciándose en que uno no puede tener animaciones y el otro si.
Para agregar nuestros cursores solo ponemos “Examinar”, y buscamos el archivo que queremos poner para ese estado. Podemos poner diferentes para cada estado, o mesclar entre varios estilos. En fin podemos elegir un diseño de cursor por cada estado que puede tener el puntero [Ocupado, Normal, Lápiz, Escritura, etc...].
Una vez que los personalicemos podemos guardar este esquema de punteros con el botón “Guardar Como”, y luego se podrá seleccionar desde la lista de Esquemas cuando queramos.
Luego en Opciones de puntero podemos cambiar otras cosas como la velocidad del mouse y si es que queremos que tenga una estela o no. Cuando haya quedado todo como querÃamos clickeamos Aceptar, o solo Aplicar para ver como esta quedando todo.
El fondo de pantalla es siempre la primera impresión de nuestro computador, como su cara. Y también una imagen que veremos durante todo el tiempo. Es por ello que debemos tener una que nos agrade y nos identifique o por lo menos nos traiga buenas vibras.
Lo primero que podremos hacer es buscar fondos de pantalla en Internet, cosa que es muy fácil. Se pueden encontrar buscando por las siguientes palabras:
También como siempre les dejo aqui un archivo descargable con algunos wallpapers de Jestudio.cl y otros al azar.
Para cambiar debemos seguir los siguientes pasos:
Aquà en la en la pestaña Escritorio podremos ver una lista de Fondos, todos ellos serán los que windows trae como predeterminado, junto con el escritorio actual que tengamos puesto. Con solo seleccionar uno y dar Aceptar lo tendremos puesto, pero veremos más a fondo.
Tambien tenemos el boton Examinar para poder buscar dentro de nuestro computador la imagen que deseemos para poner de fondo de pantalla. (Asà podremos poner las que descarguemos o creemos).
Más abajo encontramos la opción Color, que nos sirve para seleccionar el color que tendrÃa nuestro escritorio en el caso de que no existiese una imagen de fondo.
Arriba de este está la opción Posición que contiene 3 alternativas.
El botón Personalizar escritorio lo veremos más tarde.
Con esto ya tenemos la segunda parte de nuestro tutorial. La verdad fue bastante básico, pero muy útil para aquellos que no entienden lo básico de computadores.
A mà no solo me gusta programar, pensar y andar haciendo ñoñadas por el mundo. También me gusta la fotografÃa, la música y los medios audio-visuales.
En deviantArt subo cada cierto periodo de tiempo fotografÃas y imágenes que he hecho. Por ello, cada cierto tiempo, publicare en mi blog algunas de las que he subido. Hoy solo los invito a ver las que ya están publicadas en mi galerÃa.
GalerÃa de imágenes: http://jaleru.deviantart.com/gallery/
Entre mis imágenes, destaco la primera (del Chancho Rosado) , y las siguientes:
Desierto del Norte de Chile
Windlights V.2
Puesta de sol Desierto Chileno
Ãngeles Avatar
Cuando tenemos nuestros computadores propios es normal que queramos que estén a nuestro gusto. Asà como acomodamos nuestra habitación a lo que queremos. En este tutorial veremos como cambiar distintas cosas de nuestros computadores.
A esta practica se le llama Deskmoding.
Debo recordar que este tutorial esta pensando para Sistemas Operativos XP y en especial con SP3.
Por lo cual no se garantiza que funcione en otros computadores. ¡ Pero de todos modos haz la prueba !
A travez de los tutoriales veremos:
Windows viene con la capacidad de cambiar la apariencia de nuestro PC, pero ella es muy limitada.
Podemos cambiarla haciendo click derecho sobre nuestro escritorio (Fondo de pantalla) y seleccionando la opción Propiedades. Con esto nos abrirá una ventana, que seleccionando la pestaña Apariencias podremos allà seleccionar entre los estilos “Windows Clasico” y “Windows XP”, y también elegir colores para cada uno de ellos. Pero, estos son muy aburridos y repetitivos. Por ello veremos como instalar otros mucho mejores.
Para comenzar deberemos modificar el archivo uxtheme.dll. Para ello ocuparemos el programa UxThemePatcher. (Descargar haciendo clic sobre el nombre).
Al instalarlo seguiremos una serie de pasos, en los que pido que lean bien los carteles que aparecen. En algún momento windows advertirá que un archivo importante del sistema fue sobrescrito y nos preguntara si deseamos recuperar el original. Debemos negar esta opción, pues queremos el nuevo archivo.
Seguido de la instalación DEBES reiniciar tu ordenador.
Ahora que tenemos este parche podemos instalar cualquier clase de Apariencias en nuestro computador.
Las apariencias son archivos con la extensión .msstyles que podremos consegir navegando por internet.
Recomiendo DeviantArt para buscar, en la seccion Customization -> Skins & Themes.
Cuando descarguemos los themes, también vendrá una carpeta llamada Shell que debemos dejarla siempre al lado de nuestro archivo .msstyles. Al abrir el archivo msstyles, nos abrirá la misma ventana de antes para seleccionar Estilos, al dar en Aceptar tendremos nuestro pc con estilos mucho más cool.
Les dejo aquà un archivo comprimido que tiene varios estilos interesantes.
Dentro de la carpeta están los estilos:
Actualmente yo uso el Estilo Human en color verde.
Este truco puede ser un detalle muy interesante para agregar a nuestro pc.
Nuestro nombre, o cualquier otro mensaje al lado de la hora, de esta manera:
Para ello debemos ir a Inicio -> Panel de Control.
Aquà dependiendo de nuestra configuración deberemos ir a una de estas dos opciones:
Si seguimos nuestro paso de manera correcta veremos una ventana, en la cual deberemos seleccionar la pestaña Opciones Regionales y apretar el botón Personalizar.
Luego aparecerá una nueva ventana, en la cual iremos a la pestaña Hora.
Aquà lo configuraremos de la siguiente manera:
Como vemos lo que realmente estamos haciendo es remplazar el texto “PM y AM” por nuestros nombres. Pero si queremos conservarlos podemos escribir Am y luego seguido nuestro nombre, o Pm dependiendo.
Además podemos colocar un texto diferente si es AM o PM.
El espacio antes de nuestro nombre es para que la Hora no quede pegada a nuestro nombre, si no que separada.
Ahora demos aceptar a todas las ventanas.
Bueno, eso es todo por hoy. Otro dÃa escribiré sobre los otros puntos.
Pocas veces se ve publicidad tan original como la ocurrida por Nintendo para su juego Wario Land Shake it.
Partirá todo como un simple vÃdeo de youtube, pero a medida que avanzamos y la acción aumenta en el vÃdeo, vean lo que comienza a suceder con youtube.
Para ver el video necesitamos ir a la siguiente dirección: http://www.youtube.com/experiencewii
Además, es muy curioso, a pesar de que la pagina se destruye sigue siendo 100% funcional.
Youtube ahora cambio su modo de mostrar los vÃdeos. Ahora nos presenta con una pantalla tamaño WideScreen.
WideScreen es el tamaño de pantalla más alargado horizontalmente usado normalmente en el formato cine y documental. Esto permitirá una nueva mejor calidad en los vÃdeos y verlos con mayor facilidad en sus proporciones correctas. Además, hace que youtube tenga aún un aspecto más cool.
(El video de la imagen http://es.youtube.com/watch?v=-8cniOcAbDU
, por favor véanlo. ¿Es que cada dÃa estos comerciales antipirateria son más fuertes? Talves te rÃas)
Caleuche comics.
Esta revista de cómics, made in Chile, vio la luz sacando su primera edición un octubre del 2006, que actualmente tiene 24 tomos, varias recopilaciones y las ediciones especiales de “Hijos de P”. TodavÃa en producción esta revista cuenta historias a la chilena, teniendo muchos estilos distintos entre sus dibujantes y logrando crear buenas tiras. Se ve claramente varias influencias en sus dibujantes, pero logrando un propio estilo de dibujo, algo irónico con sus personajes, pero siempre prefiriendo la realidad en los diseños (influencia americana), pero logrando producir esa sensación irreal, que convive entre magia , hechizos, golpisas y monstruos (influencia manga), logrando este estilo que me llena el alma y me hace sentir propia esta revista.
Wueno, xD, creo que los he aburrido bastante con este burdo estudio del diseño de la revista, puede que me equivoque, para informales lo que es la revista Caleuche y sus principales historias.
“El Caleucheâ€, es barco fantasma del sur de Chile que es gobernado por los mÃticos brujo chilotes. Su función, se podrÃa explicar, que es la del Holandés Errante. Estos barcos recogen a las almas de los marineros de los naufragios para reclutarlas dentro de su tripulación, solo que nuestro barco lo hace el en Estrecho de Magallanes, y claramente se esta quedando sin trabajo por el Canal de Panamá. Y la Caleuche es una bitácora de mitos chilenos, donde encontramos brujos chilotes, invunches (seres deformes, que tiene una pierna en la espalda, muy estúpidos que cuidan las cuevas de los brujos),demonios, mitos urbanos, clarividentes,y muchas otras criaturas se nos pasean por la cubierta de este barco.
Ahora, la primera historia que revisaremos sera la del “Brujoâ€. Esta historia luego de su éxito en la Caleuche emigro a la revista “Héroes”. Este particular héroe (borracho, bueno para el carrete, ególatra, genio de conocimientos inútiles, y con impedimento de comer sal) llamado Roman Farias, su identidad secreta no importa xD, era una brujo en entrenamiento, pero para entrar a esta diabólica orden se debe matar a su más querido familiar. El “Curiosoâ€, su maestro era “esa†persona, pero él tenia otros planes para la brujerÃa, el querÃa ayudar a la gente en vez de ir matando por ahà y causando daño, por lo que provoco una distracción para hacer escapar a su discÃpulo (que era tan estúpido que olvido todo) y reintegrarlo a la sociedad.
Todo esto fue bien, cuidado en secreto por un Invunche, super dotado, llamado Pezoa Veliz (creo que el nombre es de un escritor o un filosofo?) y de una voladora , super sexy, llamada Amelia, Roman vivió feliz con sus amigos, pero todo cambio en la universidad cuando volvió a transpirar una sustancia propia de los brujos, que vuelve en ira a la gente que los rodea, destruyendo el salón de clases y siendo atacado por un grupo de brujos que lo buscaba. Y cuando todo estaba perdido fue salvado por el invunche que tuvo que revelar su identidad, Pezoa paso a tener que explicarle las reglas de vida de los brujos (no comer sal, hechizos, usar ropa al revés para no ser detectado por otros brujos), ademas de darle el “mancuñâ€, que era el del curioso, con forma de capa para volar, que fue bautizado como Soylent. Pero finalmente todo cambia cuando los brujos lo pillan usando magia y lo atrapan junto a sus amigos… Y no le cuento más por ahora.
Se despide, cambio y fuera, Charlie
Vocabulario de términos monstruosos Chilenos:
Invunche: Niño raptado en la infancia, por un brujo chilote, que tiene una pierna quebrada sobre la espalda lo que le hace caminar y mantener el equilibrio con sus manos. El brujo chilote lo ocupa para proteger sus cuevas y tesoros, suelen ser estúpidos y bastante peludos.
Voladora: Mujer, con apariencia de anciana, que se transforma en un ave al vomitar sus vÃsceras sobre un cáliz, para llevar mensajes de su amo, generalmente un brujo
Mancuñ: Capa o chaleco hecho de piel de senos de mujer, que le da el poden de volar a los brujo ( esto influyo en el nombre y el amor que tiene Roman a su mancuñ). Deve decir “Arrelahue” para acender y “Arriame diablo” para aterrizar, ademas la sal en el cuerpo altera los poderes de volar del Mancuñ por lo que el brujo no puede comer sal.
P.D.: podrÃa investigar sobre mitologÃa chilena, para que sus disfraces de halloween no sean esos tÃpicos bichos gringos que no asustan, yo creo que las mujeres deberÃan disfrazare de Pincoya XD!
P.D.: El númro 25 sale el 15 de noviembre, $1.500, ¡ No se la pierdan !
Hoy visite Last.fm, solo por casualidad llege a ella. Al principio creà que estaba en cualquier pagina web menos la misma en que estaba. Subà la vista y ¡Sorpresa! era Last.fm.
El diseño tiene un cambio, que personalmente no me gusta más que el anterior. Sigue siendo igual en la manera de navegar, pero la estructuración se reordenó.
Opinen ustedes mismo hacerca si les agrada o no.
