viernes, 21 de diciembre de 2012

Cuando el MBR pasa de ti...


 
¡Buenas!

Este miércoles pasado me vi implicado en una ardua tarea...os voy a contar lo que pasó:

Mi ordenador no funcionaba bien; se bloqueaba, reiniciaba, o lanzaba pantallazos azules sin motivo aparente.

Entonces, cuando decidí formatear, recordé haber hecho un ghost de cuando el pc era "casi nuevo". Me dispuse a restaurar el backup, y a esperar 6 largas horas de noche-madrugada. Tras esto, reinicie mi portátil con ganas de ver cómo iba...cuando me lanzó este error:





WTF! ¿Por qué a mi?

...

Siempre dispongo de un supergrub en un cd para arrancar cualquier SO, pero lo suyo era solucionarlo.

Introduje el CD de instalación de Windows 7 para reparar el arranque y...nada pasó. Bueno si, me dijo que no había ninguna instalación de Windows en el HDD (...mentiroso).

Bueno, tras buscar información usando mi smartphone, enconté una posible solución.

Lo suyo era arrancar con el CD de Windows, e introducir una serie de comandos en la opción "símbolo del sistema" que te da a elegir. Estos eran:

bootrec.exe /fixmbr
bootrec.exe /fixboot
exit 


Reinicié...y nada.

Entonces, pasé al plan B, y éste era; tendría que reasignar la letra "C" al disco de arranque y reescribir el MBR:

diskpart
list disk 

select disk 0
select partition 1
assign letter=C

bootrec /rebuildbcd 

...y al llegar aquí me lanzó un error...¡no detectaba Windows!

Entonces pasé al plan C:

bcdedit /export C:\BCD_Backup
c:
cd boot
attrib bcd -s -h -r
ren c:\boot\bcd bcd.old
bootrec /rebuildbcd 


¡Si!, ¡Ahora si me había detectado el SO! Respondí que "si", para utilizarlo de sistema de arranque obviamente...y para finalizar:

bootrec /fixmbr
bootrec /fixboot
exit

 
¡Y por fin mi PC volvió a funcionar!

Bueno, ahora a retomar mis labores y a dejar el portátil con toda la mierda que tenía antes...espero que tarde mucho en volver a fallar...

¡Disfrutad y tened cuidado con los Mayas que hoy se acaba el mundo!

¡Un saludo!

lunes, 17 de diciembre de 2012

[Review] Portabilidad a Amena

Buenas compañeros:


Hoy os traigo mi experiencia a la hora de portar a Amena. La verdad que la experiencia ha sido magnífica, pero lo voy a redactar mas detalladamente como ha sido todo.
El día 12 de diciembre solicité la portabilidad desde la web oficial de Amena. Al hacer la portabilidad te cobran 18 euros de gastos de gestión y te dan a elegir entre pagar con tarjeta o contrareembolso, yo pagué con la tarjeta. El cobro me lo hicieron en el momento.

Ese mismo día, a las 13:58 recibí un sms confirmándome que mi portabilidad estaba prevista para el día 14 de diciembre.

La madrugada del 13 de diciembre al 14 de diciembre realizaron la portabilidad. La tarjeta SIM me llegó el mismo día 14 a las 10 de la mañana, por lo que el servicio fue excelente y la rapidez asombrosa.

Actualmente tengo contratada una tarifa de 9 euros mas IVA que se que se queda en 10'80 euros. En ella me incluyen 1 GB de navegación, con reducción de velocidad gastado el GB y 1000 sms gratis. A este precio hay que sumarle lo que gastemos en llamadas, que son a 1 céntimo el minuto mas el establecimiento de llamada, que son 15 céntimos. La verdad que la tarifa está muy bien de precio.

Hasta aquí la review de hoy. Acabado diciembre haré una review de como me han ido las facturaciones y de la amplia gestión que nos permite Amena sobre nuestra linea desde su web, me he quedado muy impactado la verdad.

Un saludo y hasta la próxima

jueves, 13 de diciembre de 2012

Extiende tus monitores con iDisplay





¡Muy buenas gente!

¿Alguna vez os ha dado la sensación de necesitar una pantalla aún más grande? O, ¿simplemente habéis tenido la necesidad de tener dos zonas de trabajo separadas?, ¿nunca habéis estado jugando/editando audio/editando video (operaciones que dependen de toda la pantalla) y a la vez esperando a alguien en Skype o alguna red social?.

Si ese es vuestro caso estáis de enhorabuena, ya que con iDisplay podréis utilizar vuestro smartphone como pantalla extendida de vuestro PC vía WiFi.

Lo primero que debéis hacer es descargaros tanto el programa para el móvil como el de PC de ésta dirección:

Enlace a la web

Tras esto, no tenéis que hacer nada más que ejecutar el programa de PC (con conexión WiFi, 'of course'), acceder al cliente de vuestro teléfono, y seleccionar vuestro PC.

Una vez finalizado, tendréis vuestro smartphone para "arrastrar" allí el programa que queráis, y poder trabajar en otras cosas de mientras.

¡Un saludo!

miércoles, 12 de diciembre de 2012

Tutoriales de Cubase 2




¡Muy buenas! Hoy os traigo el segundo tutorial de Cubase. Trata sobre los instrumentos VST y cómo editarlos.



Enlace al video


Estad atentos a las próximas publicaciones para ver el siguiente video.

¡Un saludo!

martes, 11 de diciembre de 2012

Babylon ¿Podría ser catalogado como un virus?

Buenas a todos una vez mas:



Después de muchos mosqueos y comentarios leidos en muchas webs, me he decidido a hacer un análisis completo de esta aplicación, Babylon.

Babylon según sus autores es una potente aplicación que permite traducir palabras y expresiones en mas de 75 idiomas.

Mucha gente cataloga este programa como un virus, y aunque no lo es exactamente, no se equivocan casi nada en catalogarlo como tal, y veremos porque, pero antes vamos a ver que podemos denominar virus desde el punto de vista informático.

Los Virus Informáticos son sencillamente programas maliciosos que “infectan” a otros archivos del sistema con la intención de modificarlo o dañarlo. Dicha infección consiste en incrustar su código malicioso en el interior del archivo “víctima” (normalmente un ejecutable) de forma que a partir de ese momento dicho ejecutable pasa a ser portador del virus y por tanto, una nueva fuente de infección.

Ya que Babylon aprovecha los permisos otorgados a algún programa que se va ha instalar para colarse e instalarse, en concreto la Babylon toolbar, se podría considerar un software no deseado, es decir, un virus. Como punto a favor, el programa no tiende a propagarse, es decir, no se copia en otras partes del disco duro y pasarse a otro PC dentro de una misma red o por una memoria USB.

Este programa se cuela durante las instalaciones de algún programa que nosotros mismos ejecutamos, pero entre las políticas de instalación, los creadores de la aplicación que estamos instalando nos marcan la casilla en la que aceptamos la instalación de Babylon y si no andamos con mucho ojo pues no la vemos.

La mayoria os preguntaréis porque los autores de aplicaciones, incluso de las mas famosas deciden incluir el molesto Babylon y esto ya es una opinión personal de cada uno. Yo pienso que serán intereses económicos por parte de las empresas que lo incluyen, pero como dije a opinión de cada uno.

Hasta aquí el análisis de Babylon.
Un saludo

miércoles, 5 de diciembre de 2012

Como encender un ordenador Windows con contraseña sin tenerla

Buenas a todo el mundo.



Hoy os traigo un tutorial bastante bueno. Es un error conocido por Windows hace ya bastentes años, al cual no pone solución, y en esta publicación vamos a sacar provecho de el. Vamos a conseguir encender el ordenador sin saber la contraseña y como administrador, por lo cual podremos ver el contenido del resto de usuarios sin ningún tipo de problema.

Este tutorial está probado en Windows XP, Vista y 7.

Vamos a lo importante:

1º. Debemos hacernos con disco de arranque de linux. Yo recomiendo Ubuntu, y quiero decir que no hace falta instalarlo, con que se arranque en modo live o prueba, es suficiente. Si no sabes de lo que hablo, googlear un poco.
Página oficial de descarga gratuita de Ubuntu: Página oficial

2º.  Desde Linux, buscamos el disco duro donde tengamos instalado el Windows que queremos arrancar, normalmente C:/ y buscamos la ruta C:\Windows\System32. En este directorio debemos buscar el fichero Magnify.exe. Hacemos una copia de seguridad de el en otro directorio y después lo eliminamos.

3º. Ahora vamos a copiar el archivo cmd.exe a la carpeta C://Windows/System32 y a renombrarlo por Magnify.exe.Reiniciamos el ordenador y que arranque con Windows como normalmente.

4º. Cuando lleguemos a la hora de iniciar sesión pichamos en accesibilidad, y marcamos de opción de ampliar los elementos de las pantallas y pulsamos en aceptar. Esto nos abrirá el terminal de Windows como administrador.

5º. Ahora vamos a crearnos nuestro usuario de administrador para acceder al equipo. En el terminal introducimos lo siguiente:


net user /add test2
net localgroup administrators test2 /add
net user test2 *


6º. Actualizáis dando a cancelar, luego a ctrl+alt+supr, y listo ya tenéis vuestro usuario administrador. ¡Ya está listo!

Os dejo un video aclaratorio por si os hace falta =)



Link del video

Pues esto es todo, usar esto bajo vuestra responsabilidad.

Un saludo y hasta la próxima

lunes, 3 de diciembre de 2012

JunoWallet. Gana dinero por ver videos y descargar apps. Comprobado





Buenas a tod@s. Hoy me dirijo a vosotros con una publicación fuera de lo común para compartir con vosotros esta fantastica app. Es una app que te paga en forma de bonos para Itunes, PlayStation Network y mas plataformas por ver videos, descargar apps y dar likes en Facebook.
Mi experiencia en este tipo de cosas a lo largo de mi vida ha sido muy elevada. He estado haciendo muchas de estas cosas y siempre pagaban poquisimo o ni te pagaban por hacer encuestas interminables y demás.
Esta app no te obliga ha hacer encuestas de media hora ni nada por el estilo. Todo cosas rápidas y bien pagadas.
 Os dejo  mas abajo la app y un pequeño tutorial para usar la app correctamente y ganar nuestro bono lo antes posible.

Link de descarga desde Google Play de forma gratuita: Link aquí

Una vez hayamos acabada la descarga, abrimos la app y nos pedirá un registro. Nos registramos introduciendo los datos que nos pida y le damos a aceptar. Esto nos llevará a la siguiente pantalla:






Esta pantalla es para introducir un código de invitación. Este os proporciona 0'25 dólares y a el que os invita igual. Yo os voy a dejar aquí el mio por si lo queréis usar...

BV1322083

Ahora tendremos el registro completado y podremos empezar a ganar dinero con esta app. Vamos a ello.
Nada mas acabe el registro la app os llevará automaticamente aquí:

Para obtener dinero es muy fácil, entre esas opciones elegimos la que queramos, dependiendo de donde entremos nos darán mas dinero o menos. Os pongo que se hace en cada una de las opciones. Por cierto, podéis escoger todas las opciones si queréis...

Rewards Per Invite: Ganar dinero por invitaciones
Regards Per Engagement: Ganar dinero  por descargar apps
Regards Per Task: Ganar dinero por rellenar encuestas
Regards Per Video: Ganar dinero por ver videos
Regards Per Fan: Ganar dinero por dar Likes en Facebook   

Y todo listo, a ganar dineito =)

Suerte y espero comentarios
Hasta la próxima  

viernes, 30 de noviembre de 2012

OUYA y JXD S5110: La propuesta de Android

¡Muy buenas!

Todos hemos oido hablar de Sony con su PlayStation, Microsoft con su Xbox, y Nintendo con sus diferentes terminales...pero, ¿y si añadimos a Android entre los grandes?.

¡Pues de eso voy a hablar!

OUYA


¡Efectivamente! "Eso" es la sobremesa de Android, e incluye estas especificaciones:

- Procesador Tegra de 4 núcleos.
- 1 Gb de RAM.
- 8 Gb de almacenamiento flash.
- Puerto HDMI 1080p.
- WiFi 802.11 b/g/n.
- Puerto USB 2.0.
- Bluetooth LE 4.0.
- Android 4.0.
- Mando inalámbrico y "touchpad".

Todos esto por 99$. Una grandísima propuesta a mi forma de ver. Pequeño, versátil, "económico"...es un gran golpe para los "grandes" de este sector.


JXD S5110


¿Una PSP? No: la consola portátil de Android... Debo reconocer, que en el apartado físico se han pasado un poquito con el "plagio", pero bueno. Estas son sus especificaciones:

- Procesador ARM Cortex A9 a 1GHz.
- Procesador gráfico: Mali 400.
- 512 MB de RAM.
- Almacenamiento de 4GB/8GB/16GB ampliables vía SD.
- Salida HDMI, WiFi y puerto USB.
- Pantalla de 5 pulgadas (800×480).
- Cámara trasera (VGA).
- Duración de batería estimada de 6 horas.
- Android 4.0.

Su precio ronda también los 99$. Con su potencia podríamos hablar de tener una n64 portátil con el "n64oid", o diferentes consolas emuladas.


CONCLUSION:

Si eres un jugador casual, y no sigues "X" sagas concretas, me parece que la compra de estos aparatos es una correctísima opción a tener en cuenta. No sólo son potentes para ejecutar juegos de hoy en día del sector de Android, si no que, como he dicho antes, podemos emular grandes consolas del "pasado".

¿Y vosotros? ¿Qué opináis?.

¡Un saludo!

miércoles, 28 de noviembre de 2012

Whatsapp y sus mitos. Desmintiendo lo evidente

Buenas a todos:



Si, hoy vamos a hablar de Whatsapp y sus mitos, pero primero vamos a introducir un poco la historia comparando Whatsapp con las cartas de años atrás.

Hace años el único medio de comunicación eran las cartas. En aquella se hacían cadenas del tipo "escribe esta carta a 10 de tus mejores amigos o morirás en una semana", y según ha ido avanzado la forma de comunicarse, estas cadenas han ido prosperando pasando por los SMS, los Emails, las redes sociales y ahora Whatsapp.

Actualmente el Whatsapp la cadena que mas mueve es la de que va ha costar dinero si no lo mandas a todos tus contactos y demás. Estas cadenas son totalmente falsas, ya que Whatsapp Android el único coste que tiene, es pasado el periodo de prueba, de unos 80 céntimos de euro al año.

Muchas veces, estas personas que empiezan cadenas, se aprovechan de bugs temporales en los servidores de Whatsapp para dar credibilidad a su cadena. Informaros que si estas cadenas fueran ciertas, Whatsapp nos avisaría mediante una notificación en nuestra barra de notificaciones o un SMS, pero el equipo de Whatsapp nunca borrará nuesyta cuenta por no pasar un mensaje, ni avisará de que Whatsapp empezará a costar mediante una cadena.

Como curiosidad: anteriormente estas cadenas se ponían en marcha por los equipode marketing de las empresas de correos o de teléfonos móviles para aumentar sus beneficios con los costes de estos, pero actualmente las cadenas de redes sociales son un gasto inútil de tiempo que a muchos de nosotros nos desesperan, por lo que si os piden que paseís una cadena de este estilo, no la hagas caso y dedica tu tiempo a las cosas importantes.

Os dejo el Twitter oficial en el que Whatsapp anuncia sus caidas y errores: @wa_status

Espero que sirva de ayuda y dejéis de hacer este tipo de cadenas
Un saludo y hasta la próxima

Tutoriales de Cubase 1




¡Muy buenas! Hoy por fin comenzamos los tutoriales de Cubase. Empezaremos poco a poco, y os iré enseñando cómo utilizar las herramientas de éste programa. Comenzaremos preparando nuestro proyecto y adecuándonos a nuestro entorno de trabajo.



Enlace al video


Estad atentos a las próximas publicaciones para ver el siguiente video.

¡Un saludo!


lunes, 19 de noviembre de 2012

Codigos CSS para el tuto 1

                  

Codigos CSS para la gente

        De la A hasta la C

  1. Background-attachment: valor
    Este código nos permite especificar si la imagen de fondo se moverá según nos movamos por la página o estará fija en la pantalla. Si está fija en la pantalla la imagen siempre se verá en el mismo sitio por mucho que nos movamos por la página.
    Para que esté fija en la pantalla tenemos que poner de valor "fixed", y para que se mueva junto al contenido pondremos de valor "scroll" (es la que viene por defecto si no lo indicamos).
    Un ejemplo del valor fixed es éste.
  2. Background-color: código
    Nos permite establecer el color de fondo. Donde pone "código" debemos poner el código html del color que queramos.
  3. Background-image: url(rutadelaimagen.jpg)
    Nos permite establecer la imagen de fondo. Donde pone "rutadelaimagen.jpg" debemos poner la ruta de la imagen.
  4. Background-position: valor
    Nos permite elegir la posición de la imagen de fondo si le hemos puesto que no se repita. Donde pone "valor" podemos poner left (izquierda), right (derecha), center (centro), bottom (fondo) o top (arriba). Podemos poner si queremos dos valores, por ejemplo "background-position: left bottom".
  5. Background-repeat: valor
    Nos permite indicar cómo se repetirá la imagen de fondo. Sus valores pueden ser "repeat" (para que se repita), "no-repeat" (para que no se repita), "repeat-x" (sólo se repite en el eje x) y "repeat-y" (sólo en el eje y).
  6. Border-width: tamañopx
    Nos permite establecer el grosor de los bordes. Donde pone "tamaño" tenemos que poner el valor.
    Si queremos que afecte sólo a un borde podemos usar "border-bottom-width" para el borde de abajo, "border-top-width" para el borde de arriba, "border-left-width" para el borde de la izquierda o "border-right-width" para el borde de de la derecha.
  7. Border-color: código
    Nos permite establecer cuál será el color de los bordes de lo que estamos definiendo. Donde pone "código" tenemos que poner el código del color.
    Podemos usar "Border-bottom-color", "Border-top-color", "Border-left-color" o "Border-right-color"
  8. Border-style: valor
    Nos permite definir el estilo de los bordes. Donde pone "valor" podemos poner los siguientes valores (el normal es solid):
  9. dashed dotted double groove
    inset outset ridge solid
  10. Clear: valor
    Se usa junto a float, de forma que lo que hace es que no se alinee con elementos que tengan la propiedad float. Donde poner valor podemos poner "right" para que no se alinee con elementos flotantes en la derecha, "left" para la izquierda y "both" para ambos lados.
  11. Color: código
    Nos permite indicar el color de los objetos que tenga en el interior (normalmente el color del texto).
  12. Cursor: valor
    Nos permite cambiar el cursor del ratón cuando lo situemos encima de el elemento al que le asignamos el estilo. Sus valores pueden ser "default" (flecha), crosshair (cruz), e-resize (flecha hacia la derecha), hand (mano), help (signo de interrogación), move (cruz con flechas), n-resize (flecha hacia arriba), ne-resize (flecha hacia el noreste), nw-resize (flecha hacia el noroeste), pointer (mano), s-resize (flecha hacia abajo), se-resize (flecha hacia el sureste), sw-resize (flecha hacia el suroeste), text (I), w-resize (flecha hacia la izquierda) y wait (reloj de arena).

    De la D hasta la L

  1. Direction: valor
    Este código nos permite especificar la dirección en la que se escribirá el código. Los distiontos valores son ltr, rtl y inherit. ltr hace que el texto e escriba de izquierda a derecha, rtl hace que el texto e escriba de derecha a izquierda, e inherit hace que tenga la misma propiedad que el objeto que contenga al que le pones esta propiedad.
  2. Display: valor
    Este código define el tipo de "caja" o bloque que contiene al elemento. Algunos valores útiles son: block (genera un bloque con un salto de línea antes y después (utilizado en el tutorial para algunos enlaces)), table (el elemento se comporta como un <table> con salto de línea antes y después), inline (genera un bloque sin marcar y sin salto de línea, que es la opción predeterminada), none (no genera ningún bloque y el elemento no se vería), inherit.
  3. empty-cells: valor
    Este código define si en una celda vacía de una tabla se mostarán o no los bordes. Los valores posibles son hide (para que no se muestren), show (para que se muestren, es la de por defecto) e inherit.
  4. float: valor
    Permite sacar un elemento de la línea en la que se está escribiendo el mismo, y situarlo a un lado. Esto sirve por ejemplo para situar imágenes a los lados de un texto, mientras que si no se usara esta propiedad la imagen aparecería en la misma línea del texto. Los valores son right (derecha), left (izquierda), none (sigue en la misma línea y no se sale), inherit.
  5. font: valor1 valor2 valor3...
    Permite definir el tipo de fuente del texto. Los valores posibles son los mismos que los siguientes códigos que empiezan por "font-", permitiendo ponerlos todos en un sólo código con múltiples valores.
  6. font-family: valor
    Permite definir la fuente que tendrá el texto, por ejemplo Arial.
  7. font-size: valor
    Permite definir el tamaño de fuente del texto, por ejemplo 10px. También se pueden usar em en vez de px (píxeles), siendo 1em el tamaño por defecto, de forma que por ejemplo 2em es el doble de grande, o 0.5em es la mitad de pequeño.
  8. font-style: valor
    Los posibles valores son italic, oblique, normal e inherit.
  9. font-weight: valor
    Permite definir el grosor de la fuente. Algunos ejemplos de valores son bold, bolder (más grueso que el que tenga puesto), lighter (más fino) o normal.
  10. height: valor
    Permite definir la altura del elemento, por ejemplo 100px.
  11. left: valor
    Permite definir la distancia a la que estará el elemento por el lado izquierdo del borde del elemento que le contenga, por ejemplo 5px.
  12. letter-spacing: valor
    Permite definir la distancia entre las letras (sólo para elementos h1 y h2), por ejemplo 2px o -1px.
  13. line-height: valor
    Permite definir la altura de la línea en la que estás escribiendo, por ejemplo 20px.
  14. list-style: valor
    Permite definir los símbolos a usar en una lista (por ejemplo <ol> o <ul>).Los valores que puede tomar son:
    • cjk-ideographic
    • cjk-ideographic
    • circle
    • circle
    • decimal
    • decimal
    • decimal-leading-zero
    • decimal-leading-zero
    • disc
    • disc
    • georgian
    • georgian
    • armenian
    • armenian
    • lower-alpha
    • lower-alpha
    • lower-greek
    • lower-greek
    • lower-latin
    • lower-latin
    • lower-roman
    • lower-roman
    • square
    • square
    • upper-alpha
    • upper-alpha
    • upper-latin
    • upper-latin
    • upper-roman
    • upper-roman
    • none
    • none
  15. list-style-image: url(rutadelarchivo)
    Permite definir el elemento de la lista como una imagen que tengas.

De la M hasta la P

  1. margin: valor
    Este código nos permite especificar el margen del objeto. El margen se define como el espacio que hay entre el objeto y el objeto que contenga al mismo. En la siguiente imagen podemos ver un margen de 4 píxeles en el div rojo, que está contenido en el amarillo:
    margin
    El valor que puede tomar es el número de píxeles, por ejemplo 20px. Puede tomar cuatro valores (Ej.: margin: 4px 5px 6px 3px), siendo estos, por orden, el superior, derecho, inferior e izquierdo. También podemos usar margin-bottom, margin-top, margin-left y margin-right para definir los márgenes inferior, superior, izquierdo y derecho respectivamente.
  2. max-height: valor
    Sirve para fijar una altura máxima para un elemento (por ejemplo para un div). Hay que tener cuidado, porque si el contenido sobrepasan esa altura se saldrá del elemento quedando un poco raro, pero veremos cómo solucionarlo en el comando overflow. El valor es en píxeles o en porcentaje. También existe min-height, max-width y min-width para definir la altura mínima, el ancho máximo y el ancho mínimo.
  3. outline: valor1 valor2 valor3 ...
    Esta herramienta sirve para fijar como una especie de borde, pero exterior al que coloca la orden border. La utilidad de esta herramienta es que el comando border ocupa un espacio que otros elementos no pueden ocupar, hace que al añadirlo se mueva todo, pero el comando outline dibuja el borde como si fuera de fondo, sin mover nada.
    Los valores pueden ser el tamaño que ocupa, el color que tenga, así como su estilo, que son los siguientes:
    dashed dotted double groove
    inset outset ridge solid
    Como podreis ver se montan unos outline encima de otros, debido que no se readaptan moviendo el contenido. Podría separarlos coun margin, pero he preferido dejarlos así para que lo comprendais mejor. También podemos usar los comandos outline-color, outline-style y outline-width.
  4. overflow: valor
    Como vimos en el comando max-height, se nos puede salir el contenido fuera del contenedor, pero lo podemos arreglar con el comando overflow, en el que podemos poner los valores visible (hace que lo que se sale fuera se vea), hidden (hace que lo que se salga fuera no se vea) y scroll (hace que aparezca una barra de desplazamiento). Aquí os dejos los tres ejemplos:
  5. overflow: visible visible visible visible visible visible visible visible visible visible.
    overflow: hidden hidden h hidden hidden h hidden hidden h hidden hidden h hidden hidden.
    overflow: scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll.






  6. padding: valor
    Funciona exáctamente igual que el margin respecto a los valores que se le pueden poner, pero en este caso define la distancia entre el propio elemento y el contenido del mismo (recordemos que el margin era la distancia entre el elemento y el contenedor de dicho elemento, que es distinto). Al igual, también existen padding-bottom, padding-top, padding-right y padding-left.
  7. position: valor
    Determina la posición del elemento. Puede tomar como valores static (es la posición predeterminada, de forma que se van colocando los elementos uno debajo del anterior), absolute (Definimos la posición que tendrá independientemente del resto de elementos, y se fijará respecto a la esquina superior izquierda del elemento que lo contenga. Ver los comandos top y left para ver como fijar la posición) y fixed (Definimos la posición respecto a la esquina superior izquierda de la web dentro del explorador, de forma que aunque bajemos en la web con la barra de desplazamiento el elemento no se moverá de la pantalla y seguirá en la misma posición. Ver los comandos top y left.).

De la Q hasta la Z

  1. size: valor
    Nos permite elegir el tamaño de un elemento que no sea texto. Toma dos valores (Ej: size: 20px 50px), siendo, por orden, el ancho y la altura.
  2. table-layout: valor
    Nos sirve para indicarle al navegador cómo debe de calcular el tamaño de una tabla. Los valores pueden ser fixed (que determina el ancho de la tabla a partir del ancho de la primera fila) y auto (que determina el ancho de la tabla a partir de la fila más ancha, por lo que no puede generar la tabla hasta que sepa el ancho de todas las filas).
  3. text-align: valor
    Nos permite definir cómo se alineará el texto del interior del elemento. Los valores pueden ser center (centrado), justify (justificado), right (en la derecha) y left (en la izquierda).
  4. text-decoration: valor
    Nos permite definir que decoración o decoraciones tendrá el texto. Los valores pueden ser blink (parpadeando), line-through (tachado), overline (subrayado por arriba), underline (subrayado normal) o none (ninguna). Aquí os dejo un ejemplo de las cuatro decoraciones:
    blink line-through overline underline
  5. text-indent: valor
    Nos permite indicar el desplazamiento de la primera línea respecto al resto del mismo párrafo. El valor es el número de píxeles, pudiendo ser negativos (Ej.: -2px).
  6. text-shadow: valor1 valor2 valor3 valor4
    Nos permite crear sombras de en el texto (no es soportado por todos los navegadores). Tenemos que ponerle cuatro valores: el color, la posición horizontal relativa de la sombra, la posición vertical relativa y la dispersión de la sombra (a valores mayores peor se leerá la sombra) (Ej.: text-shadow: #AAFF88 10px -5px 1px).
  7. text-transform: valor
    Nos permite transformar letras del texto en mayúsculas o minúscular. Los valores son capitalize (convierte en mayúsculas la primera letra), uppercase (convierte todas las letras en mayúsculas), lowercase (convierte en minúsculas todas las letras) y none (lo escribe tal y como se escriba en el código).
  8. top: valor
    Permite definir la distancia a la que estará el elemento de la parte superior del borde del elemento que lo contenga, por ejemplo 5px.
  9. vertical-align
    Permite definir cómo se alineará verticalmente el texto. Los valores pueden ser baseline (valor por defecto, que sitúa al elemento en línea, en la línea base del contenedor), middle (sitúa la línea media del elemento en la línea base del contenedor), sub (lo sitúa como subíndice), super (lo sitúa como superíndice), text-bottom, text-top, bottom y top. También podemos usar una cantidad de píxeles como valor, o un porcentaje.
  10. visibility: valor
    Nos permite definir si un elemento será visible o no, pero si no lo es queda su espacio reservado no pudiendo ser ocupado por otro objeto. Se diferencia del comando display en que display no reserva el espacio y lo pueden ocupar otros objetos. Los valores son visible (visible) y hidden (oculto).
  11. white-space: valor
    Como vimos en la primera lección, si en html escribimos varios espacios o incluso un salto de línea, ese código se interpreta como si eso fuera un sólo espacio en blanco. Esta interpretación se cambia con este comando. Además hay que tener en cuenta que en el texto se añaden unos "saltos de línea" extra para que el contenido no se salga por el lado derecho del contenedor. A continuación os dejo una tablita con los distintos valores y lo que hace cada uno:
  12. ValorElimina espacios sobrantesElimina saltos de líneaAñade saltos de línea extras para ajustar
    normal
    preNoNoNo
    nowrapNo
    pre-wrapNoNo
    pre-lineNo
  13. width: valor
    Nos permite definir el ancho del elemento. El valor es el número de píxeles o un porcentaje.
  14. word-spacing: valor
    En un texto cada palabra está separado por un espacio en blanco. Este comando nos permite definir ese espacio en blanco. El valor es el número de píxeles.
  15. z-index: valor
    Con el comando "position: absolute" o "position: relative" podemos poner un elemento donde queramos, como ya vimos en su momento. Pues bien, puede ser que pongamos dos elementos de forma que quede uno encima del otro, ocupando espacio del otro. Con la opción z-index podemos elegir qué elemento se verá por encima de qué otro. De esta forma en z-index el valor será un número, de forma que el elemento con mayor z-index se verá por encima del que tenga menor z-index. A igualdad de z-index se ve encima el que aparezca después en el código.
Comentad si lo queréis en un Spoiler para ahorrar espacio.

Como crear tu blog en HTML - 1


Hola , esta es mi primera entrada y os voy a indicar como hacer un diseño HTML para blog. 

Material necesario:
-Editor de HTML:
    -HTML-Kit (Muy bueno)
    -Word Pad (Parece que este drogado o algo , pero si sirve)
    -O Google Chrome (También , sirve de mucho, pero cuando ya tengamos algo hecho)
    Son opciones , no obligaciones , podéis coger solo uno de ellos
-(Opcional) Plantilla base
    A veces no saca de trabajos bastantes largos , luego los modificas a tu gusto. Hay muchas por Internet
-Tener un ordenador (No me digáis "No me jodas" , porque hay gente que lo debe estar viendo des de móvil)
-Conocimientos básicos , pero básicos. Es decir , como se compone un HTML por lo menos
-Cerebro

Empecemos. Voy a deciros , a partir de aquí empezaremos una plantilla desde 0 , si la cojeéis de Internet , id al tuto numero (x=aun por hacer)

 -Abrir editor de HTML
 -Empezar por lo básico (Cambio de color para indicar)
    <!DOCTYPE html> <--- Esto indica que tipo de archivo es
       <html> <--Esto , con </html> es el comienza miento y final de la pagina , en medio iría el contenido
           <head> <--Parte invisible del HTML ,en ella hay como por ej.,el estilo CSS , muy importante.
                 Como es invisible , esto no se ve.
           </head>
           <body> <--Contenido de la pagina
                  Pero esto si.
           </body>          
       </html> 

  -¿Habéis entendido hasta aquí? Fácil , ¿no? Eso es  la estructura principal de un HTML , TODAS , pero TODAS las paginas basadas en HTML , son así , Facebook , Google , y muchas mas famosas. Ahora vamos a continuar. Vamos a indicar el estilo. O se puede hacer en el mismo <head> o con un enlace , nosotros vamos a hacerlo desde el head. Podéis crearlos gracias a una guía muy básica que todo el mundo podrá consultar en los códigos CSS que serán subidos después de este tuto. El código CSS nos va a llevar un tiempo.
Vamos a añadir el CSS básico:
    <!DOCTYPE html>
       <html>
           <head> 
              <style type="text/css">
                  body  {
                     color: purple;
                     background-color: #d8da3d }
                  </style>
           </head>
           <body> 
           </body>          
       </html> 

                          
         -Vamos a guiarnos un poco , ¿que es ese código? El estilo . Se habré , como el body,
y se cierra. Adentro se pone el estilo de nuestro elementos que hay en el Body para dentro. ¿Captáis? Es decir , el código que hemos puesto le da unas características al body , que son las siguientes , el color de las letras "color:purple" y el color de fondo "background-color (si miráis los códigos CSS , podéis ver el background puede ser una imagen , color o nada) . Cada característica va separada por un salto de linea y por un ; .
Si os dais cuenta después del body hay un símbolo como este { , y como estamos en HTML , cuando acabamos de escribir algo , hay que cerrarlo , entonces es } .
         -Podéis ir creando vuestros propios estilo gracias a los códigos de CSS que he puesto.

Hasta el próximo tuto .



KevinS1000