Archivo

Posts Tagged ‘perfil’

Error en el servicio: Servicio de perfil de usuario al iniciar sesión

Vale, sí, debería ya haberme ido de Windows 7, pero aquí sigo en esta máquina con W7.

Hoy me he encontrado con un error tras insertar mi contraseña (sí, la he escrito correctamente), aparecía el error del título. Básicamente es que se ha jodido el perfil.

Para arreglarlo, arrancamos en modo a prueba de fallos (F8) y abrimos el Regedit.

Buscamos la carpeta de nuestro perfil, estará en:

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\ProfileList

Ahí habrá varias carpetas, pero encontrarás 2 iguales (con excepción de un .bak que aparece al final de una de ellas). Eliminas la versión actual del perfil y le cambias el nombre (con el botón derecho) a la carpeta con el .bak (quitándole el .bak).

Reinicias. Ya todo irá normal.

Perfiles

11 de julio de 2012 Deja un comentario

outline

La propiedad outline es una de las «propiedades shorthand» que define CSS y que se utilizan para establecer de forma abreviada el valor de una o más propiedades individuales. En este caso, se utiliza para establecer el mismo grosor, estilo y/o anchura de todos los perfiles de un elemento.

Aunque es cierto que guarda muchas similitudes con la propiedad border, en realidad se diferencian en algunos aspectos muy importantes:

  1. Los perfiles no ocupan espacio, mientras que los bordes normales sí.
  2. Los perfiles pueden tener formas no rectangulares.

Desde el punto de vista del diseño, la primera característica es la más importante. Los perfiles u outline siempre se dibujan «por encima del elemento», por lo que no modifican la posición o el tamaño total de los elementos.

En el siguiente ejemplo se muestran dos cajas; la primera muestra un borde muy grueso y la segunda muestra un perfil de la misma anchura:

El perfil de la segunda caja se dibuja justo por el exterior de su borde. Aunque visualmente no lo parece, el perfil y el borde no se encuentran en el mismo plano. De esta forma, el perfil no se tiene en cuenta para calcular la anchura total de un elemento y no influye en el resto de elementos cercanos.

La segunda característica importante de los perfiles pueden tener formas no rectangulares. En el siguiente ejemplo se muestra un texto muy largo encerrado en una caja muy estrecha, lo que provoca que el texto se muestre en varias líneas:

El primer texto se encierra con un borde que produce un resultado estético poco afortunado. Cada línea muestra un borde superior e inferior, aunque sólo la primera y última líneas cierran el borde lateralmente.

Mientras tanto, el segundo texto se encierra con un perfil. Como indica su nombre, la propiedad outline perfila los contenidos del elemento y los encierra con una forma no rectangular. No obstante, si visualizas esta misma página en diferentes navegadores, verás que todos los navegadores dibujan el perfil de forma diferente, al contrario de lo que sucede con el borde.

Por este motivo, al contrario que los bordes, no existe el concepto de perfil izquierdo o perfil superior. El perfil de un elemento es único y sus propiedades son idénticas para cada uno de los cuatro lados.

Como sucede con muchas propiedades de tipo shorthand, el orden en el que se indican los valores de la propiedad outline es indiferente:

div { outline: 1px solid #C00; }
div { outline: solid 1px #C00; }
div { outline: #C00 1px solid; }
div { outline: #C00 solid 1px; }

La propiedad outline no requiere que se indiquen las tres propiedades que definen el estilo de los perfiles. Si no se indica alguna propiedad, su valor se obtiene mediante el valor por defecto de esa propiedad.

Focus

Si pulsas repetidamente la tecla del tabulador en una página web, el navegador va seleccionando de forma secuencial todos los elementos pinchables o seleccionables: enlaces, botones, controles de formulario, etc.

Para indicar el elemento que está seleccionado, el navegador muestra un perfil muy fino de 1px de ancho, de estilo punteado y del color que más contrasta con el color de fondo de la página. En la mayoría de las páginas web, el perfil que se muestra por defecto es outline: 1px dotted #000.

Los navegadores más avanzados incluyen una pseudo-clase llamada :focus que permite establecer el estilo de los elementos seleccionados. Utilizando la propiedad outline junto con :focus se puede modificar el estilo por defecto del navegador:

<style type="text/css">
:focus { outline: 2px solid red; }
</style>

Si pruebas a pulsar repetidamente la tecla Tabulador en esta página, verás como el navegador selecciona secuencialmente los enlaces de la página y como muestra un perfil continuo de color rojo para indicar el elemento que está seleccionado en cada momento.

De hecho, según el estándar oficial, ese es el propósito para el que se crearon los perfiles: indicar de forma clara el elemento (botón, enlace, otros controles de formulario) que está seleccionado en cada momento.

outline-color

Establece el color del perfil de los elementos.

Además de utilizar colores normales, también es posible utilizar un valor especial llamado invert. El valor invert no equivale a ningún color concreto, sino que indica al navegador que debe utilizar el color que mayor contraste tenga con el color de fondo de la página.

En el siguiente ejemplo, las dos cajas interiores tienen el mismo valor invert en la propiedad outline-color. Sin embargo, como las cajas que las encierran tienen colores de fondo muy diferentes, el color real de cada perfil es completamente diferente:

 

outline-style

Establece el estilo del perfil de los elementos.

Uno y sólo uno de los siguientes valores:

  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset

Al contrario de lo que sucede con la propiedad border-style, no se pueden establecer diferentes estilos para cada uno de los cuatro lados. De hecho, el perfil de un elemento es único.

El significado de cada uno de los estilos de perfil se explica en la siguiente tabla:

Valor Descripción
none No se muestra ningún perfil. Como se trata del valor por defecto, ningún elemento muestra un perfil a menos que se establezca de forma explícita
dotted Perfil punteado, formado por una serie de puntos separados por espacios
dashed Perfil discontinuo, formado por una serie de pequeños trazos intercalados por espacios
solid Perfil continuo, formado por una línea recta continua
double Perfil doble, formado por dos líneas rectas continuas separadas entre sí por un espacio en blanco
groove Perfil hundido, que visualmente parece que se encuentra por debajo del nivel de la superficie de la pantalla
ridge Perfil saliente, que visualmente parece que se encuentra por encima del nivel de la superficie de la pantalla
inset Perfil hundido, que provoca que el elemento que encierra parezca que se encuentra por debajo del nivel de la superficie de la pantalla
outset Perfil saliente, que provoca que el elemento que encierra parezca que se encuentra por encima del nivel de la superficie de la pantalla

 

outline-width

Establece la anchura del perfil de los elementos.

Valores permitidos

Uno y sólo uno de los siguientes valores:

  • thin
  • medium
  • thick
  • <medida>

La propiedad outline-width establece el grosor del perfil de los elementos. Al contrario de lo que sucede con la propiedad border-width, no se pueden establecer diferentes grosores para cada uno de los cuatro lados. De hecho, el perfil de un elemento es único, ya que no existe el concepto de perfil superior o perfil derecho.

 Quitar la línea de puntos de los enlaces pulsados

En una web es habitual que muchas imágenes lleven enlaces, en ocasiones esos enlaces desencadenan eventos javascript y no van a ninguna otra página. En estos casos el navegador nos suele dejar una molesta línea de puntos intermitentes alrededor de la imagen que distraen al usuario y además dan aspecto poco profesional a la página.

Al hacer click quedaría así:

Para evitar esto tenemos que añadir a los estilos de los enlaces que se vean afectados por este borde punteado el siguiente estilo:

outline:0px;

De esta manera la molesta línea de puntos desaparecerá. .

Categorías: Desarrollo web Etiquetas: , , ,